React

프론트엔드 개발자에게 가장 사랑받는 라이브러리 중 하나인 React! 어떤 매력이 있길래 많은 개발자들의 Pick!을 받을 수 있었던 것일까?

여느 때와 다름없이 개발 중이었는데 너무 지저분한 className에 놀라서 작성해보는 글이다 😓 🗣️ Component 각 컴포넌트의 역할을 명확하게 보여줄 수 있도록 이름을 짓고 PascalCase 를 사용한다. PascalCase: 각 단어의 첫 글자를 대문자로 하며 가장 첫 글자도 대문자로 시작하는 규칙 📂 File 해당 파일 내의 컴포넌...

React 컴포넌트의 상태관리를 위해 정말 자주 사용하는 useState ⭐️ 하지만 반드시 주의해야 할 점은 "useState는 비동기적으로 동작" 한다는 것이다. 🔥 비동기란? 비동기적으로 동작한다는 것의 의미는 특정 코드의 동작이 끝날 때까지 기다리지 않고 다음 코드의 동작을 바로 실행시키는 방식을 말한다. 이를 useState의 동작에 적용시켜...

OFS 프로젝트 중 캘린더 페이지를 구현하고 있었는데, moment 패키지를 삭제하고 dayjs 패키지를 새롭게 설치하고 적용하는 과정에서 아래와 같은 에러가 발생하였다. 🔽 504 Outdated Optimize Dep 🤔 오류 원인 Vite 서버가 오래된 번들(새로 업데이트되지 않은)을 로드했기 때문에 발생한 문제이다. 💼 번들링? 번들링이란...