vite2 [Storybook] React(Vite) + tailwind + ui shadcn + storybook + typescript 연결하기 최근에 알게 된 ui shadcn을 사용해 보았는데, 너무 좋아서 계속해서 사용하고 있다.ui를 작은 모듈로 쪼개서 만들어놓은 ui라이브러리이다.components/ui에 자동으로 만들어져서 들어가진다.이미지를 보면 button, input처럼 작은 atomic 단위로 쪼개져있는 것을 볼 수가 있다. 이거 정말 편하다.페이지에 여러 디자인 컴포넌트를 만들어 놓고 협업하는 과정에서 다른 팀원에게 디자인 변경 방식을 계속해서 설명하는 것, 디자인을 확인하기 위해 매번 찾아것 등 비효율적이기에 누구나 보고싶을때 편하게 볼수 있는 ui컴포넌트 개발을 위한 도구인 storybook 라이브러리 를 사용해보려고 한다 설치 방법은 여기 사이트를 참고하였다! [참고자료]Part 4. Turborepo + Shadcn-.. 2024. 7. 10. [VITE] VITE 에서 .env 변수 에러 Vite 빌드도구를 이용해서 react 프로젝트를 하고있다. 프로젝트 내용중에 공유하기가 있어서 작업하다 에러잡기가 생각보다 오래 걸려서 ㅠㅠㅠ 이것저것 찾아 보다 너무 간단하여 허탈하였지만.... 생각보다 오려 걸려 다음에 이걸 보고 기억하기 위해서 적어본다. 문제 kakao key값을 은닉하기 위헤 Vite에서 .env를 사용하려는데 인식이 안되는 것 부터 오류가 났다. .env 파일 만들기 [예시 key] 우선 루트 디렉토리에 .env 파일을 만든다. // 예를 들어 사용할 key 값 REACT_APP_KEY = abcd1234 변수 접두사를 'VITE_'시작하기 VITE_KAKAO_KET = a1234 // 사용하는 코드 ==> import.meta.env로 사용하기 Kakao.init(impor.. 2024. 4. 17. 이전 1 다음
