유댕이의 개발공부일지

Polyfill 이란? 새로 추가된 전역 객체들(Promise, Map, ...)을 사용가능한 객체로 바꾸어주는 플러그인이다. babel을 사용한다고 자바스크립트 최신 함수를 사용할 수 있는 건 아니다. babel은 문법을 변환해주는 역할만 할 뿐이다. polyfill은 프로그램이 처음에 시작될 때 현재 브라우저에서 지원하지 않는 함수( ES6+에서 새롭게 추가된 Promise, WeakMap와 같은 내장메소드나 Array.from, Object.assign와 같은 정적 메소드 )를 검사해서 각 코드 변환을 하는 역할을 한다. babel과 polyfill 차이점 babel ES6+의 문법을 구형 브라우저에서도 작동할 수 있도록 변환해주는 것이다. Javascript 의 Syntax 가 아닌 것들을 Jav..

🧤인터넷은 어떻게 작동될까? 인터넷은 웹의 핵심기술로 컴퓨터들이 서로 통신을 가능한 거대 네트워크이다. 우리는 다른 컴퓨터와 연결할 때 물리적인 방법( 이더넷 케이블 ) 또는 무선(블루트스, 와이파이) 로 연결을 하게된다. 만약 두개의 컴퓨터를 연결할 때 우린 어떻게 연결될까? 위와 같은 그림이 될것이다. 그렇다면 10개의 컴퓨터는 어떻게 연결될까? 위와 같은 형태로 되게 될 것이다. 유선케이블이라 생각하지말고 무선네트워크 상황또한 동일한 방식이다. 우리는 이런 복잡한 연결을 피하기위해 라우터라는 소형컴퓨터에 연결하게 된다. 이 라우터는 주어진 컴퓨터에 보낸 메세지가 올바른 대상 컴퓨터에 도착했는지 확인합니다. 이런 라우터를 이용하면 진짜 네트워크가 형성된 느낌을 받는다. 컴퓨터를 라우터에 연결하고 라우..

package-lock.json 은 node_modules 구조나 package.json 이 수정되고 생성될 때 당시 의존성에 대한 정확하고 구체적인 정보를 품고 자동으로 생성된다. npm install 명령어를 입력하면 태어난다고 생각하면 된다. 또한 package-lock.json 이 존재할 때에는 npm install 의 동작방식이 조금 변한다. package.json 을 사용하여 node_modules 를 생성하지않고, package-lock.json 을 사용하여 node-modules 를 생성한다. 정리를 해보자면, package-lock.json 은 개발자들이 동일한 node_module 트리를 생성해서 같은 의존성을 설치할 수 있도록 보장해주는 고마운 녀석이라고 할 수 있다. 결론은 pack..

폭포수 방법론 미리 정해진 몇 개의 단계에 따라 엄격한 순서대로 이루어지는 일직선의 과정이다. 확실하고 명확한 계획으로 시작되어, 각각의 엄격하게 기록된 단계를 통해서 매우 밀접하게 진행이 된다. 각 단계는 겹치지 않고, 다음 단계로 넘어가기 전에 완벽하게 완료되어야 한다. 프로젝트가 제대로 진행되는지 매 단계 후에 검토한다. 제품 테스트는 모든 개발이 완료된 후에 이루어진다. 시간과 돈을 더 투자하지 않는 이상 중간에 바꿀 수 없기 때문에, 이 방법을 이용한다면 대담하게 진행해야 한다. 폭포수 방법론은 자신이 원하는 것을 정확히 알고 있으며, 개발 과정 중에 사소한 것을 바꾸지 않을 고객들에게 좋은 선택이다. 상세한 문서와 엄중한 계획 때문에 프로젝트 관리는 명확하고, 최종 제품은 미리 정해진 계획표와..

dl은 Description-List, dt는 Description-Title, 그리고 dd는 Description-의 약자이다. ex)

router.replace router.replace에 새 URL 항목 추가를 방지해 준다. router.prefetch 더 빠른 클라이언트 측 전환을 위해 페이지를 미리 가져온다. 다음 페이지로 리디렉션한다고 했을 때 해당 페이지를 현재 페이지에서 router.prefetch로 미리 가져와 더 빠르게 전환할 수 있게 해 준다.

PropTypes는 React에서 타입 체크를 위해서 사용되는 react 내장 라이브러리이다. 목적 컴포넌트 간에 주고 받는 props를 좀 더 세밀하게 검사함으로써 버그를 사전에 발견 -> 버그 잡는 목적 상세한 PropTypes 정의 자체만으로도 문서화의 효과 -> 가독성 개선 예시