HEATH project
1.[HEATH 프로젝트] chakra UI + emotion 적용하기
"Chakra UI"는 React 애플리케이션을 빌드하는데 필요한 블록을 제공하는 간단하고, 모듈적이며, 접근가능한 컴포넌트 라이브러리다.간결함과 생산성: Chakra UI는 잘 만들어진 컴포넌트 세트를 제공하여 개발 속도를 높인다. 이를 통해 더 빨리 프로토타이핑하고
2023년 11월 8일
2.[HEATH 프로젝트] local font optimization 해보기
src/app/font 경로에 사용할 font 파일을 저장해준다.font-display라는 css 속성이 있다. 이 속성은 폰트가 로드되기 전후를 감지하여 로컬 폰트를 자동으로 로드 시키는 속성이라고 한다.display 속성에는 'block', 'swap', 'auto
2023년 11월 8일
3.[HEATH 프로젝트] NextJS의 Image 태그를 활용한 이미지 최적화
파일 사이즈가 커서 이미지가 점진적으로 로딩되는 상태로 인한 페이지가 뚝뚝 끊겨 보이는 현상을 방지하기 위해서 NextJS의 Image 태그를 적용해보려 한다.Next/Image 컴포넌트에서 제공하는 대표적인 기능은 다음의 3가지이다.lazy loading이미지 사이즈
2023년 11월 10일