VSCode의 Code Snippet을 설정하여 단축어를 통해 빠르게 React 컴포넌트를 작성하는 방법에 대해 알아봅니다.

React가 어떻게 컴포넌트들을 화면에 그리게 되는지 그 과정을 알아봅니다.

React의 Component가 어떻게 변화되는 데이터를 화면에 반영할 수 있는지, 이 데이터는 재렌더링 시 어떻게 기억해서 가지고 올 수 있는지 알아봅니다.

현재 제가 모르는 것들을 생각해보고 어떤 것에 집중하면 좋을지 파악해봅니다.

처음 화면의 가장 큰 이미지는 lazy loading 대신 eager loading 하여 LCP 속도를 개선합니다.

Carousel에서 mousedown, mouseup, click 이벤트를 사용하며 겪었던 버그와 해결 방법을 기록해보았습니다.

React에서 어떻게 JSX문에 이벤트 핸들러를 더해줄 수 있는지 알아봅니다.

React에서 어떻게 상호작용을 더해줄 수 있는지, 사용자 요청에 따라 어떻게 화면을 다르게 보여줄 수 있는지 알아봅니다.

React가 고수하는 순수성이 무엇인지, 순수성을 지켰을 때 장점이 무엇인지 알아봅니다.

React에서 비슷한 데이터를 바탕으로 비슷한 컴포넌트를 여러 개 렌더링 시켜야 할 때 어떻게 해야 하는지 살펴봅니다.

React에서 조건에 따라 어떻게 내용을 다르게 보여줄 수 있는지 알아봅니다.

부모 컴포넌트에서 자식 컴포넌트에게 어떻게 props를 전달할 수 있는지 알아봅니다.

새로운 React 공식 문서를 학습하며 새로 얻은 지식과 깨달은 것들을 기록으로 남기고자 합니다.

React에서 JSX는 무엇인지, 어떻게 사용해야 하는지 알아봅니다.

React에서 어떻게 여러 파일에 컴포넌트를 작성하고, 이를 사용할 수 있는지 알아봅니다.

React에서 컴포넌트는 어떻게 만들 수 있는지 알아봅니다.

React에서는 UI를 어떻게 표현하는지 간략하게 알아봅니다.

새로운 React 공식 문서를 학습하며 새로 얻은 지식과 깨달은 것들을 기록으로 남기고자 합니다.

Gatsby 프로젝트에 Google Analytics 설정하기

Gatsby로 개인 블로그를 만들었습니다. 그 과정을 회고해보았습니다.

마지막 프로젝트 수행 간 겪은 고민과 이슈, 생각들을 정리해보았습니다. 그리고 앞으로 어떻게 개선하고 성장해나갈지 생각해보았습니다.

Nextjs, TypeScript 프로젝트에 ESlint, Stylelint, Prettier, Husky, Lint-Staged, nvmrc 설정하기

데브코스 과정 중 프론트엔드 프로젝트를 진행하면서 생각한 고민과 겪은 이슈, 해결 방법들을 정리합니다.