반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- styled-compoents
- likelion
- 테스크 큐
- reading 'useDebugValue'
- styled components 설치 안됨
- reading 'edgesOut'
- 브랜치 이름 변경 명령어
- react-native-snap-carousel
- javascript 비동기
- use-immer
- 단일링크드리스트
- Code Splitting
- React 공식문서
- Javascript
- styled-components 설치 오류
- 네트워크 통신 요청
- fetch()
- react immer
- vscode extension
- 최단거리알고리즘
- styled-components extension
- react
- git branch -m
- Styled Components
- 1966 프린터큐
- js fetch
- styled-components 버전 문제
- carouselButton
- java
- Call Stack
Archives
- Today
- Total
목록React 공식문서 (1)
Keep Going
[React 공식문서 스터디] #0. React로 사고하기
Step1 : 디자인을 보고 컴포넌트 계층 구성하는 방법 programming 관점으로 생각하기 새 함수, 객체 생성 여부를 결정할 때는 같은 techniques를 사용 해야 한다. 단일 책임 원칙을 따르게 하자. 컴포넌트는 이상적으로 1가지 일만 해야 한다. 왜냐하면, 계속해서 커져 가는 상황이 생기면 smaller 컴포넌트로 분해 해야 하기 때문이다. CSS 관점으로 생각하기 어떤 class selector를 만들어야 하는지 생각해보면서 컴포넌트를 구성하자. Design 관점으로 생각하기 디자인의 레이어를 어떻게 구성할지 생각하기. Step2 : 정적인 UI를 React로 구현하기 Step3 : minimal but complete한 UI state 찾기 state를 사용하는 이유 UI를 상호작용하게..
Study/React
2023. 11. 16.