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
- Unit Test
- 리액트
- Component
- 아키텍처
- docker-compose
- SVG
- 백준
- next.js
- test
- type
- Docker
- BFS
- DAILY
- 타입
- DFS
- 알고리즘
- 다이나믹프로그래밍
- javascript
- jest
- Study
- error
- typescript
- 프론트엔드
- svgr
- 타입스크립트
- Solid
- 자바스크립트
- nextjs
- Primitive
- react
Archives
- Today
- Total
목록Best (1)
`프론트엔드 개발자` 개형이의 벽돌집
프론트엔드 학습 일지 Day 1 - 리액트 Best Practices, Design Pattern
프론트엔드 지식에 대한 인사이트를 해보고 기록해보는 학습을 시작해보기로 했다. 죽은 내 블로그를 살려보고자...!! 🤡 그럼 지금부터 스탓뚜! (시작이 반이니까 반 했다 ㅎㅎ) 리액트의 Best Practices 살펴보기 1. 파일 유형별로 디렉토리를 구성하지 말고 기능별로 그룹화 하라. 위 이미지처럼 구성 요소의 js 파일이나 css 파일을 더 간단하게 찾을 수 있다고 한다. 이 것에 대해선 전적으로 동의한다. css를 잔뜩 묶어 놓은 프로젝트를 만난 적이 있는데 찾는게 꽤나 힘들었다! 2. 컴포넌트를 작은 단위로 쪼개어 유지, 이해, 테스트가 쉽게 만들자. 예를 들어 UserProfile 컴포넌트가 작업 중에 커진다고 생각했을 때 ProfilePicture.tsx, UserName.tsx 과 같은 식..
학습일지
2023. 8. 1. 21:16