strawberry fields

💟 브라우저 렌더링이란? 우리가 주소창에 https://www.google.com 또는 https://www.naver.com 등 다양한 URL을 검색하면 해당 웹페이지로 접속하는 것이 브라우저 렌더링 입니다. 즉, 브라우저라는 것은 우리가 흔히 이용하는 웹페이지/웹사이트들이고, 실시간으로 웹 브라우저를 화면에 그려내는 과정을 렌더링이라고 합니다. 💟 렌더링 엔진 대부분의 웹 브라우저들을 들여다보면 두 개의 엔진이 있는데, 하나는 렌더링 엔진으로 사용자가 보는 화면을 그려내는 역할을 하고, 하나는자바스크립트 엔진으로 자바스크립트 코드를 읽어서 기능을 작동시키는 역할을 합니다. 이러한 렌더링 엔진들은 브라우저마다 다른데, 우리가 흔히 사용하는 크롬은 블링크 엔진을 사용합니다. 렌더링 엔진은 웹 사이트의 소..

DOM, Virtual DOM 등.. 줏어 들어보긴 했지만 누군가 설명하라고 한다면 머뭇거리게 되는 개념이지요 (^^) 훗훗 우선 DOM이란 무엇일까요? 처음 HTML을 공부할때 DOM tree를 잘 알아야 한다, DOM, node 등등의 중요성에 대해 많이 줏어 들었는데요. 🦖 DOM이란? Document Object Model의 줄임말 입니다. 말그대로 문서객체모델이지요. HTML의 각 요소들(element)을 tree 형태로 표현한 것을 DOM이라고 하는데요. 아래 구조를 보면 더 쉽게 이해할 수 있습니다. 하나의 root(뿌리)에서 여러가지 요소들이 가지를 친 것 같은 모습이죠. DOM tree안에는 각각의 element에 상응하는 Node가 들어 있는데요, 개발자들은 DOM구조에 접근을 하고 원..

API, REST API, RESTful API 등등 여기저기서 줍줍하여 들어보긴 했지만, 명확하게 이거이거에요 라고 설명하기 어려웠던 부분이에요 (저에겐^^) 🍎 API란? '한 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법' 이라고 할 수 있죠 Application Programming Interface의 약자인데 풀어써도 어려운게 함정.. 손님-점원-요리사로 많이들 비유하시는데, 손님이 자리에 앉아서 점원에게 주문을 하면 점원은 주문내역을 요리사에게 전달하죠? 요리가 끝나면 점원이 다시 손님에게 음식을 가져다 주고요. 이럴 때 중간 매개체 역할을 하는 점원이 'API'라고 할 수 있습니다. 즉 손님과 요리사를 서버라고 한다면 API는 중간에서 양쪽 서버를 연결해 주는거죠 🍎 REST란?..

HTTP Method란 클라이언트가 서버로 요청을 보내는 방법인데요, 쉽게 풀어서 이야기 하자면 유저가 어떤 홈페이지로 이동하기 위해 URL을 주소창에 작성하고 엔터를 누르면 페이지로 이동합니다. 로그인을 위해 아이디와 패스워드를 입력하고 엔터를 치면 다음 페이지로 넘어가는 것처럼요. 이럴 때 서버 내부에서는 클라이언트의 요청에 응답하기 위해 처리를 해주어야 하는데, GET과 POST가 그 중 하나라고 할 수 있습니다. 🍏 GET 과 POST의 차이점 - 단어의 뜻 그대로 GET은 가져오다, POST는 제출하다, 발송하다의 개념으로 받아들이면 조금 쉽습니다. 즉 GET은 말 그대로 우리가 필요한 정보를 얻기위해 무언가를 가져오는(GET) 상황과 유사하고, POST는 우리가 어떤 서류나 문서를 제출/ 수행..