| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- typscript react
- 카라쿠
- nextjs eslint
- react hooks
- 후쿠오카 스타벅스
- react map
- nextjs typescript
- react
- codepen
- 신겐라멘
- redux example
- next typescript example
- 스타벅스
- nextjs redux
- nextjs redux example
- nextjs prettier
- create-next-app
- typescript react next
- react 스프레드
- react hook typescript
- 삿포로 공항
- NODE_PATH
- react nextjs
- typescript hooks
- 일본 아메리카노 가격
- 카라쿠 커리
- 리액트 이벤트 핸들링
- typescript next
- nextjs
- 일본스타벅스
- Today
- Total
목록React/Styling (2)
일안하고블로그
[ React -CSS-Framwork ] React-BootStrap(리액트 부트스트랩) 사용법
React-BootStrap 부트스트랩을 따로 배우거나 한 것은 아니지만, 회사에서 사용을 하고 있기때문에 사용법과 장점들을 많이 알고 있었던 상태에서 리액트에도 React-BootStrap이라는 라이브러리를 활용해서 적용 할 수 있다고 하여 정리를 하면 쉽게 쓸 수 있을 것 같아서 , 정리를 해봅니다. 참조 한 사이트는 여기 입니다. create-react-app으로 프로젝트를 만듭니다.$ create-react-app react-boot1설치가 완료 되었으면, 프로젝트 폴더 이동$ cd react프로젝트 이동후, 실행.$ yarn start화면이 나오면 성공입니다.다음으로, Command 혹은 Bash 창에서 start 프로젝트를 중지 합니다.정지 후, react-bootstrap을 설정해줍니다. $..
[ Sass/SCSS] Sass/SCSS 시작하기
평소에 CSS에 대한 것들이나 구글링 하거나 CodePen을 사용하다 보면 항상 SCSS 라는 단어와 Sass라는 단어를 자주 보게 됩니다. CSS에 관련된 것인데 문법을 보니까 어려울것같고, 해서 미뤄왔지만 이제 정리를 해야 할때가 왔습니다. 저는 리액트 프로젝트 스타일링은 SCSS로 할 것이기 때문에 SCSS를 쓰면 어떻게 편한지 왜좋은지를 알아야합니다. 우선, Keyword 부터 적어 보겠습니다. CSS PREPROCESSORSASSSCSSCSS PREPROCESSOR 한글로 해석하면 CSS 전처리기라고 하는데 말이 너무 어렵습니다. 쉽게, CSS가 동작을 하기전에 사용하는 기능입니다. 리액트를 하면서 주로 사용하는 CSS 전처리기는 Sass/SCSSpostCSSLessStylus 이렇게 있어요. ..