Storybook 설치 및 테마 설정하기
시작하기Storybook은 React, Vue 및 Angular와 독립적으로 UI 구성 요소를 개발하기위한 오픈 소스 도구입니다.뛰어난 UI를 체계적이고 효율적으로 구축 할 수 있습니다.공식 홈페이지에서 자세한 내용을 알 수 있습니다. 설치하기프로젝트 내부에서 1npx -p @storybook/cli sb init --type react storybook
시작하기Storybook은 React, Vue 및 Angular와 독립적으로 UI 구성 요소를 개발하기위한 오픈 소스 도구입니다.뛰어난 UI를 체계적이고 효율적으로 구축 할 수 있습니다.공식 홈페이지에서 자세한 내용을 알 수 있습니다. 설치하기프로젝트 내부에서 1npx -p @storybook/cli sb init --type react storybook
Vite란 무엇인가?Vite는 번들러 기반의 도구들의 성능 문제를 해결하고자 개발되었습니다. 전통적인 번들러들이 프로젝트의 모든 파일을 빌드하는 데 필요한 시간 때문에 개발자의 생산성을 저하시키는 문제를 가지고 있었는데, Vite는 몇 가지 핵심 기능을 통해 이를 개선
Sanity란?블로그, 쇼핑몰 등을 편리하게 관리할 수 있는 서비스입니다.gatsby에서 서버를 사용하지 않고, 정적 블로그를 작성할때 md 파일을 통해서 작성을 하게되는데, 파일 관리가 어려울 뿐더러 프로젝트의 크기가 방대해지는 단점이 있습니다.이 부분에서 보완도 되
프로젝트 설정 > p.12인증서 내보내기 > APNs키발급 > firebase 업로드firebase docs에서 참고할 수 있습니다. IOS 설정인증서 설정 Xcode 프로젝트 작업공간(ios/Runner.xcworkspace)을 엽니다. 푸시 알림을
설치하기Gatsby 프로젝트에서 tailwindcss 프로젝트를 추가할때 사용하는 방법입니다.추가로 프로젝트마다 tailwindcss를 쉽게 추가할 수 있는 팁도 알려드리겠습니다. 12npm install -D tailwindcss postcss autoprefixer
패키지 설치1flutter pub add flutter_local_notifications local notification 패키지를 설치해 줍니다. Android 프로젝트경로/android/app/src/main/AndroidManifest.xml에 다음을 추가합니다
시작하기지난 포스트에 이어서 trello 컴포넌트에 기능을 마저 추가하도록 하겠습니다. Board보드 생성하는 리듀서 및 컴포넌트 기능을 추가해보도록 하겠습니다. Board 리듀서store/reducers/board.ts123456789101112131415161718
시작하기프로젝트 일정관리 웹어플리케이션인 trello를 클론코딩 하도록 하겠습니다. 이 클론 코딩으로 styled-components, react, redux 그리고 dnd 등을 구현해볼수 있습니다. 프로젝트 설정1create-react-app trello-clone