🔖

• Javascript
• React
• Styled-component
• Eslint - prettier

Directory Structure

Component Structure

├── Component
│   ├── component
│   ├────── index.jsx
│   ├────── style.js
│   ├────── (util.js)
│   ├── index.js
│   ├── style.js
│   └── (util.js)
│   
└── App.js

Record about Project

• React.Memo를 이용한 Re-rendering 최소화 적용기 : https://velog.io/@foreverything/re-rendering-최소화-적용기
• Re-rendering 최소화 적용기 2 (Directory Structure 변경, 알맞는 component에서 State 관리): https://velog.io/@foreverything/ReactRe-rendering-최소화-적용기-2
• 다중 입력 상태 관리 및 입력 태그 Component화: https://velog.io/@foreverything/React-입력input-select-Component-구현-및-다중-입력-값-상태-관리
• User Form Validation : https://velog.io/@foreverything/React-Input-Validation-적용
• Redux를 사용하는 이유(feat. Context API) : https://velog.io/@foreverything/React-Context-API-High-Frequency-updates
• Redux : https://velog.io/@foreverything/React-Redux
• PropTypes 정리 (작성 예정) > PropTypes를 사용하지 않는 이유(TypeScript를 사용해야하는 이유)
• Styled-Component 사용해보면서 불편한 점
• Controlled vs UnControlled
• 내 프로젝트에서 Refactoring이 힘든 이유(이름, PropTypes, Props Drilling)