Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ Init/4 ] 스토리북 초기 환경 구축 #7

Merged
merged 8 commits into from
Jun 3, 2024
Merged

[ Init/4 ] 스토리북 초기 환경 구축 #7

merged 8 commits into from
Jun 3, 2024

Conversation

soomin9106
Copy link
Collaborator

@soomin9106 soomin9106 commented Jun 2, 2024

🔥 Related Issues

resolve #5

💜 작업 내용

  • Storybook 설치
  • Next.js 및 tailwind css 과 연결
  • 로컬 테스트
  • github actions 빌드 연동

✅ PR Point

  • 스토리북 설치 완료했습니다
  • 컴포넌트 내에서 tailwind css 사용 가능하도록 세팅 했습니다
  • 폴더 구조를 src 로 가져가게 되면 그 안으로 stories 를 넣는 것을 고려해야 합니다
  • 유닛 테스트 workflow 는 저희 컴포넌트를 생성하면서 차차 작성해도 될 것 같습니다! (jest 와 연동되는 부분이고, 컴포넌트를 작성해봐야 구체적인 flow 가 나올 듯 싶습니다)

😡 Trouble Shooting

ESLint 설정 파일(.eslintrc.json)에 정의된 'eslint-plugin-unused-imports' 플러그인을 찾을 수 없어 lint 에러가 발생하여
pnpm add -D eslint-plugin-unused-imports
을 통해서 패키지 설치 해주었습니다!

👀 스크린샷 / GIF / 링크

📚 Reference

@soomin9106 soomin9106 marked this pull request as draft June 2, 2024 12:08
@soomin9106 soomin9106 marked this pull request as ready for review June 2, 2024 12:19
Copy link
Collaborator

@Happhee Happhee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생많았어 수민!! src하위 경로로 이동시키고 merge하면 될것같아!!!

@@ -36,8 +36,6 @@ jobs:
if: steps.cache.outputs.cache-hit != 'true'
run: pnpm install
- name: Build storybook
run: |
pnpm run build-storybook
mv ./storybook-static ./build/storybook
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

mv 명령어가 안먹히는 이유가 있었나요?!! (궁금)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아 저 폴더가 없어서용 !! 저 부분은 스토리북을 클라우드 서비스에 배포할 때 쓰는 것 같습니당
참고: https://storybook.js.org/docs/sharing/publish-storybook

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@soomin9106 아하! 확인했습니다!

@@ -7,6 +7,7 @@ const config = {
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
'./stories/**/*.{js,ts,jsx,tsx}',
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아주 멋쟁이!! 꼼꼼한 config작성 감사합니다!

[
"^[./]",
".*"
]
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 왜 우리 저장되는 형식이 다를까..? prettier가 다른가요..?!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

prettier 안돌렸나보네용 ㅠㅠ 돌리고 확인해볼게요!!

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@soomin9106 lint에러 발생했네요! 프리티어랑 같이 봐주세요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

" 때문에 에러 났네용 ㅠㅠ 확인해서 커밋하구 머지 할게용

@soomin9106 soomin9106 merged commit 4b6a9f2 into main Jun 3, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ 초기셋팅 ] Storybook 초기세팅
2 participants