목록React (4)

YSHUSH

yarn 초기 설정(수정할때 오류날 경우)

1. yarn create react-app 프로젝트 이름 2. yarn add -D eslint-config-react-app 3. 루트 경로에 .yarnrc.yml 생성 후 packageExtensions: react-scripts@*: peerDependencies: eslint-config-react-app: "*" 4. yarn cache clean 5. yarn install
Coding/React 2022. 11. 11. 17:09
리액트 라이브러리 ( Moking )

모킹(Moking)이란? Mock(모의 데이터)을 만들어서 활용하는 방식이다. 통상적으로 data fetch를 해야하는 경우, 통신을 통해 응답을 내려주는 서버가 있어야 한다. msw https://mswjs.io/ Mock Service Worker Seamless API mocking library for browser and Node. mswjs.io npm install msw --save-dev npx msw init public/ --save
Coding/React 2022. 9. 8. 19:27
리액트 라이브러리( UI )

1) Onsen https://onsen.io/ Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Th onsen.io npm install onsenui react-onsenui --sav..
Coding/React 2022. 9. 7. 22:29
리액트 라이브러리 (스타일링)

1) styled-components https://styled-components.com/ styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾 styled-components.com npm i styled-components 2) emotion https://emotion.sh/docs/introduction Emotion – Introduction (Edit code to see changes) emotion.sh npm i @emotion/styled @emotion/react jsx에서의 임포트문 /** @jsxImpor..
Coding/React 2022. 9. 7. 02:28
이전 Prev 1 Next 다음