[내일배움 사전캠프 Day2] 프론트엔드 기초

프로그램이란? 사용자가 컴퓨터에게 일을 시킬 때 (명령할 때),  정해진 순서대로 일을 하는 것.

(ex) 엑셀, 파워포인트...

 

사람이 사용하는 언어가 따로 있듯이, 컴퓨터도 컴퓨터가 해석하고 처리할 수 있는 언어가 따로 있다.

 

컴퓨터가 사용하는 언어인 기계어는 이진 숫자로  구성되어 있다.

인간의 입장에서는 이런 이진 숫자로 이루어진 기계어는 상당히 난해😵😵하기 때문에,

조금 더 개발자들이 프로그래밍을 쉽게 그리고 편리하게 할 수 있도록 만들어주는 언어가 존재한다.

 

바로 Java, Python, C++ 등의 우리가 흔히 알고 있는 프로그래밍 언어 (high level programming language) 이다.

(참고로, 우리가 외국인들과 대화할 때 외국어를 번역하기 위해 번역기를 쓰듯이, high level programming language도 기계가 사용하는 기계어로 변환되어지는 과정이 필요하다. [사람의 언어 -> high-level lang. -> low-level lang. -> machine lang.] )

 

웹 개발자? 프로그래밍으로 웹 서비스(프로그램) 만드는 사람.

 

웹 브라우저의 동작 원리? 

 사용자가 브라우저(클라이언트)에서 html 문서 혹은 미디어 형태와 같은 어떠한 자원(resource)을 얻고자 브라우저 내에서 입력/동작하면(event), 그 입력/동작에 의해 브라우저는 사용자가 얻고자하는 자원을 서버에 요청(request)한다.

그러면 그 서버는 그에 따른 응답(response)을 브라우저에 하고,  그 응답은 브라우저에 랜더링(render)된다. 

[다시 말해, 클라이언트가 서버에 정보 요청하면, 서버는 클라이언트에게 관련 데이터를 돌려줌. 브라우저는 그 응답을 클라이언트가 볼 수 있게 화면에 그려줌.]

 

 

Q. 개발자 도구로 웹페이지의 html 코드를 살짝바꿔서 화면을 내가 원하는 대로 변경시켰다면, 과연 서버에도 영향이 있을까?

A. 이미 서버에서 받은 내용을 내 컴퓨터에서만 변경해서 그 부분을 브라우저가 한 번만 그려주는 것이기 때문에 서버 안에 있는 원본을 바꾼 것이 아니다. 그래서 서버에는 전혀 영향이 없다.

 

 

 

오늘은 notion을 이용한 활동과 프로젝트/팀 회고를 위해 앞으로 어떤 방식을 이용할지에 대한 계획을 하기 위해 팀원과 소통하는 시간이 많았다. 내일부터 본격적으로 프론트엔드 개념을 정리할 예정이다.