storybook에 styled-components 적용하기

현 게시글은 아래의 styled-components의 설치 및 필수 파일이 추가되어 있는 환경에서 진행된 내용이다. styled-component 셋팅하는 방법 보러가기 -> styled-component 셋팅하는 방법 storybook에 styled-components 적용하는 방법 storybook은 전체적인 설정 적용을 하려면...

nvm 윈도우 설치 및 사용방법

윈도우에서 nvm 설치방법 아래 링크에서 nvm-setup.exe 파일을 설치하면 된다. https://github.com/coreybutler/nvm-windows/releases nvm 사용방법 터미널에 nvm 명령어를 쳐보면 nvm 사용법에 대한 내용이 나온다. nvm list를 입력하면 nvm으로 관리할 수 있는 node 버전...

storybook+Nextjs 프로젝트 생성, 설정하기

storybook이란? storybook이란 ui component 개발 도구로 ui component를 분리된 환경에서 체계적이고 효율적으로 개발할 수 있고 간편하게 문서화 시켜주기 때문에 관리에 용이하다. 또 독립된 환경에서 컴포넌트별 테스트가 용이하다. 주로 디자인 시스템...

nvm 경로 오류 해결 방법

nvm 경로 오류 storybook 설치 중 node version 16 이상이 필요함을 마주했다. 프로젝트별 node 버전 관리를 최대한 피하고 싶었으나 … (귀찮) 어쩔 수 없이 nvm으로 node 버전을 관리하기로 하고 nvm을...

window에서 host file 수정(localhost 설정 관련)

window에서 host file 수정해보자 localhost로 개발을 하다 도메인으로 띄워야 하는 상황이 생겨서 설정을 해보았다. 로컬 환경에서 개발을 바로바로 테스트를 할 수 있으면서 도메인으로 띄워야 했는 데 맥에서는 가스 마스크 를...