아키텍쳐 똑바로 해보자..해보자고

그동안 프로젝트들 진행하면서 

 

폴더 구조를 어떻게해야할지 고민했는데

 

이게 바로 아키텍쳐였다...

https://velog.io/@userhwseo/Atomic-Design

프론트엔드의 아키텍처? 디자인 패턴?

 

가장 먼저 아키텍쳐에 대해서 고민해본것은

 

바닐라 자바스크립트 배포를 할 때 root폴더에 index를 두어야하느냐 마느냐..이걸가지고 정말 고민을 많이 했고

 

그 다음은 리액트 프로젝트를 할 때 였다.

 

고마운 리액트가 기본적은 구조는 다 짜주었지만

 

util, component, custom hooks들을 어떤식으로 나누어야 다른사람들이 보기 쉬울지 정말 고민을 많이 했다.

 

 

가독성이 높은 코드를 짜고 싶어서 나름 짜봤는데 아닌것 같고..이게 맞나싶고...

 

만약에 ..취업을해서... 협업을 하는데 다른분이 내 코드를 보고..

 

이러시면 안되니까..

 

아키텍쳐에 대해서는 최대한 많이 읽고 공부해야한다는 다짐을 했다..

 

암튼 정말 좋은 포스트를 발견!!!!!!!!!!

 

React 아키텍쳐, 디자인 시스템, 파일 구조에 대한 고찰

 

버튼하나를 만들때도 모듈화를 하는..정말 체계적인!! 협업의 세계

 

이제는 포트폴리오 사이트를 타입스크립트 + 리액트로 진행을 해보려는데

 

공부를 다시한번해서 훨씬 유연하고 알아보기 쉬운 코드를 작성해야지.

 

---

 

아참 프로젝트 다 만들고 테스트코드도 꼭 작성!!

 

 

 

https://team.modusign.co.kr/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EC%97%90%EC%84%9C-%EC%9D%98%EB%AF%B8%EC%9E%88%EB%8A%94-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%BD%94%EB%93%9C-%EC%9E%91%EC%84%B1%ED%95%98%EA%B8%B0-4992409c7f2d

 

프론트엔드에서 의미있는 테스트 코드 작성하기