React

프로젝트에 PWA를 적용해보자는 이야기가 나와서 테스트를 먼저 해보겠사옵니다. PWA 간단한 설명 Progressive Web Application 웹과 네이티브 앱의 장점을 결합한 웹 기술 URL을 통해 접근 설치 필요 없음 대표 기능 PUSH 알림

HTML을 벗어나지 않고도 최신 웹사이트를 빠르게 구축하세요.클래스가 포함된 유틸리티 중심 CSS 프레임워크로 , 마크업에서 직접 모든 디자인을 빌드하도록 구성할 수 있습니다. 사용자가 직접 디자인 시스템을 구축하고, 재사용 가능한 스타일을 적용할 수 있도록 도와줍니다

import 순서도 코드의 가독성, 일관성 등을 높이는 데 한 몫 단단히 하는거 같습니다.가독성파일이 구분되어 코드 읽는 데 도움을 줌필요한 모듈을 빠르게 찾아 개발 속도 상승코드 통일성 유지모듈 추가시 충돌 최소화 등React에서 기본이 되는 라이브러리들외부 라이브러

label 요소에 for 속성을 사용했을 때 나오는 타입 오류React에서 label 요소를 사용할 때는 for 속성 대신 htmlFor 속성을 사용. HTML의 for 속성이 JSX에서는 htmlFor로 되어 있기 때문.

vercel 배포 참 쉽다 하고 야무지개 세팅하고 커밋날리고 있었는 데 오류 발생. React Router 설정해둔 페이지를 못찾는다.React Router는 클라이언트 사이드 라우팅을 사용하기 때문에, 서버가 모든 경로를 index.html로 리다이렉트하도록 설정해야

원인 React Router를 사용해 페이지 이동시 전 페이지 스크롤 위치로 로드되는 이슈가 있었고, 대신 스크롤 탑으로 로드되고 싶어서 ScrollRestoration 찾아 보게 되었다. ScrollRestoration > 이 구성 요소는 로더가 완료된 후 위치가

함수의 부수 효과를 최대한 억제하라 함수의 부수 효과 (side-effect) 함수 내의 작동으로 인해 함수가 아닌 함수 외부에 영향을 끼치는 것을 의미 예) 컴포넌트 외부에서 API를 호출 : 외부에 영향 (HTTP request)를 끼쳤음 con

useContext 는 컴포넌트에서 context를 읽고 구독할 수 있는 React Hook입니다.리액트에서 전역적으로 데이터를 관리하고 전달하는 시스템로그인 상태, 테마 설정, 언어 설정 등과 같은 애플리케이션의 전역 데이터를 관리하는 데 유용보통 리액트에서 부모컴포