Ming's develop story

정신없이 한주 한주가 지나가고 있었는데 드디어 실전 프로젝트를 들어가기 전 마지막 주차인 클론코딩 주차를 보냈다. 일단 처음 새로운 팀원들을 만나고 난 뒤 백엔드 쪽에서 팀장이신분을 제외하고는 그다지 적극성이 없어 보이셔서 어떻게 해쳐나가야 할지를 먼저 생각했던것 같다. 어느정도 회의를 거치고 우리의 주제는 최종적으로 Airbnb로 결정이 되었다. 이후 이번에는 프론트엔드가 나 포함 2명밖에 없었기 때문에 VScode의 Live Share 기능을 사용해 보기로 했다. 하나의 프로젝트를 공유하며 같이 쓸 수 있으니 앞으로 계속 쓰지는 않는다 하더라도 둘이서 짧게 작업하기에는 나름대로 효율적으로 사용했던것 같다. 1주일이라는 시간밖에 없었기 때문에 우린 메인, 서울page의 postlist와 map, 그리고..

리액트 라이프 사이클이란? 리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이다. 그러다보니 각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명 주기가 존재한다. 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝이난다. 라이프사이클의 분류 라이프 사이클은 위 그림과 같이 총 9개가 존재한다. 크게 세가지 유형으로 나눌 수 있는데 생성 될때, 업데이트 할 때, 제거할 때이다. 이를 리액트에서는 마운트, 업데이트, 언마운트라고 한다. 앞으로 위의 그림 을 보면서 아래 글을 참조한다면 더욱 더 유용한 글이 될 것 같다. 사실 위 그림이 리액트 사이클의 전부이긴 하다. 😁 여기서 마운트는 DOM이 생성되고 웹 브라우저 상에서 나타나는 것을 뜻하고, 반대..

DOM이란? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 웹 페이지는 일종의 문서(document)다. 이 문서는 웹 브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거..

ES의 탄생 배경 브라우저 전쟁 시절 개발자들은 몸살을 앓았다. 넷 스케이프 사의 자바스크립트가 부러웠는지 사용자 층을 더 끌어내기 위해 MS의 IE 3에도 JScript라는 이름으로 자바스크립트를 탑재하였다. 하지만 둘의 내용이 매우 달랐는지, 같은 기능을 구현하기 위해 개발자가 해야하는 일들이 더 많아졌다. 날이 가면 갈 수록 사용자를 끌어내기 위해 서로 기능을 넣다보니 Javascript와 JScript는 날이 가면 갈 수록 달라지는 경향을 보였다. 이에 대한 심각성을 파악하고, European Computer Manufacturers Association(ECMA, 현 ECMA International)에서는 이러한 자바스크립트에 대한 표준을 내리게 된다. 또한 ECMA에서는 자바스크립트의 표준만..