React2 [Instagram-Clone] 파일 구조 파일 구조 파일 구조에 대해 깊게 생각해 봐야 할 것 같다. 예전에 작은 프로젝트를 진행했을 때도 파일 구조로 인해 프로젝트가 더러워 보이는 것은 물론 내가 진행하는 프로젝트 이지만 알아보기 정말 어려웠다. 저 당시 프로젝트를 끝내고 나서 "다음 프로젝트 때는 많은 시간을 들여서라도 파일 구조에 대하여 확실히 기획하고 가자" 라고 다짐했었다 그것이 지금이다 Atomic Design React로 프로젝트를 하는 사람들이면 한 번쯤은 고민해 본다는 Atomic Design Pattern (이하 Atomic )이다. Atomic은 Componenet를 정말 잘게 쪼개서 하나하나 조립해 가는 방식이다 사진을 보도록 하자 위 사진은 Navigation Bar을 구성하는 요소를 점점 잘게 쪼개 본 것이다 Atom .. 2023. 1. 8. [Instagram-Clone] Framework React를 선택한 이유 1. Component를 나누어 개발 할 수 있어 UI를 관리하기 편하다. 2. Virtual DOM 을 사용 (사실 React만 사용 하는건 아니긴 하지만 그냥 넣었다) (https://velopert.com/3236) 3. 방대한 커뮤니티 4. 가비지 컬랙터, 메모리 관리 기능을 지원 5. UI 수정과 재상용성이 좋음 6. 확장성이 좋음 Instagram 클론 코딩을 하며 React의 장단점을 확실히 하려고 한다 프로젝트를 끝내고 Svelte와 Rxjs에 대해 알아 보고 React와 비교해 보고 싶다 TypeScript를 선택한 이유 1. Type이 생겨 컴파일 하기전 오류를 알 아낼 확률을 높여준다 2. 커뮤니티가 방대하다 3. 큰 프로젝트에 필수불가결한 존재 4. 확장성이.. 2023. 1. 7. 이전 1 다음
