portfolio 회고

포트폴리오를 제작하면서 처음으로 next + tailwind 조합을 사용해 보았기에 next의 간단한 특징과 tailwind와 styled-components의 차이점을 간단하게 정리한다.React 기반의 프레임워크로서, React 애플리케이션의 개발과 배포를 좀 더

portfolio를 배포하고 난 후 carousel slide에서 찾은 오류를 해결해 보자 carousel slide 구현 carousel slide를 처음 구현할때는 react-slick을 통해 구현했다. carousel을 반응형으로 만들기 위해서 contents

이전포스트에서는 carousel slide의 이미지 크기를 고치는 과정을 소개했다. 이번에는 라이브러리를 통한 구현에서 직접구현까지의 과정을 소개해본다 라이브러리 내가 원하는 carousel slide는 반응형이었다. viweport를 기준으로 반응형을 만드는 것은

캐러셀 슬라이드의 이미지가 느리게 로딩되면서 슬라이드의 레이아웃이 깨지는 현상이 해결되지 않고 있었다. 이를 위해 Image/Next의 속성값을 통해 해결을 시도해 보았다. priority true 인 경우 높은 우선순위 및 사전 로드되는 이미지로 간주되며, laz