Nextjs 가 등장한 기술적인 배경(프론트엔드 개발 역사와 함께 살펴보기)

안녕하세요. 오늘은 Nextjs 가 왜 필요한지, Nextjs 의 기술적인 등장 배경에 대해 프론트엔드 개발 역사와 함께 살펴보았습니다. 초창기 웹개발과 CSR 을 지나 SSR 까지 간략하게 훑어보고, Nextjs 가 필요하게된 이유를 알아보았어요. 즉, Nextjs ...

Product Engineer Camp 커리큘럼

기업이 원하는 것은 포트폴리오가 아닌, 실제 문제를 해결한 경험입니다 캠프를 통해, 실제 문제를 해결하는 Product 를 완성하세요

[React 까보기 시리즈] Virtual DOM and React lifecycle

Virtual DOM 은 워낙 유명하죠. 혹시 VDOM 을 어디에, 어떠한 형태로 저장 하는지 알고 계신가요?이번 시간은 이러한 질문에 답을 찾기 위해서 VDOM 을 코드레벨에서 어떻게 구현 했는지 분석했습니다.또한 React lifecycle 안에서 VDOM 을 언제...

React 까보기 시리즈 개요(feat. Fiber vs Stack)

React 에 대해서 패키지의 내부 구조를 코드레벨의 구현까지 자세하게 살펴보면서 이해하는 영상입니다. v16 에서 Fiber 로 대격변이 있었어요. 이를 이해하기 위해 리액트 패키지의 내부 구조를 코드레벨까지 살펴보려 해요.자주 사용하는 특정 기술(React)에 대해...

React component, element, instance 끝내기

React component 와 element 이미 익숙한 개념이죠그런데 왜 또 다시 설명을 들어야 하나?위 단어들의 정확한 의미와 각각의 차이점을 설명하는 것은, 의외로 쉽지 않을 수 있습니다혼용하기 쉬운 위의 기본 개념들을 깊이 공부하면, 심화 개념을 더욱 수월하게...

브라우저에 URL을 입력하면 어떤 과정이 진행될까?

브라우저에 URL 을 입력한 후 렌더링 진행 전까지 과정에 대한 강의입니다.Network thread 가 통신하고, 안전성 검증 후 Navigation 의 진행 과정을 설명했습니다. 프론트엔드 엔지니어로서 알아야 하는 브라우저 관련 지식에 초점을 맞춰서 되도록 쉽게 설...

브라우저에 URL 을 입력하면? 크롬 브라우저 아키텍쳐의 장점과 한계점

브라우저에 URL 을 입력한 후 과정에 대한 이해에 필요한 개념 강의입니다.멀티 프로세스 아키텍쳐를 가지고 있는 크롬브라우저에 대해 설명해보았습니다.프론트엔드 엔지니어로서 알아야 하는 브라우저 관련 지식에 대해 알기 쉽게 설명하려 노력했습니다.오늘도 처음처럼 열심히 공...