TODO

🧬 Atomic 디자인을 적용해보자.

# 아토믹 디자인 왜 사용하고 싶은지? 팀 프로젝트에서 pages, components 폴더로 나누고 공통으로 사용하는 컴포넌트들은 components 폴더에, 해당 페이지에 사용하는 컴포넌트들은 페이지 폴더에서 관리하도록 하였다. 아토믹 구조를 적용하고 싶었지만, 적용하지 못했는데 그 이유는 1. 피그마가 완벽히 되지 않은 상태, 그리고 계속 구현하면서 변경될 확률이 높음. -> 잘게 쪼개는 방식인 아토믹 구조를 적용하기에는 어려움이 생길 것 같은 생각이 들었다. 2. 개인 프로젝트가 아닌 팀 프로젝트, 정해진 기간 내에 프로젝트 마무리. -> 구조적인 측면에 시간을 쏟는 것보다 다른 코드 부분에 집중하는 것이 맞다는 생각이 들었다. 이러한 이유로 과할 수도 있지만, TodoApp에 적용해보기로 하였다..

💡 TypeScript 사용한 후기

TypeScript 을 공부하고 나서, 처음으로 TodoApp 에 적용하여 만들어 보았다. 사용하면서 느낀 장점과 소감을 간단하게 정리해보았다. # 객체 안의 속성 값을 기억하지 않아도 IDE 가 자동으로 리스트업 해준다. 객체, 함수의 매개변수로 들어오는 변수의 이름, type 까지 알 수 있기 때문에, 코드를 작성하는 데 있어서 개인적으로 훨씬 편했다. 복잡하지 않은 구조인 TodoApp 에서도 간편함을 느꼈기에, 훨씬 복잡한 구조였던 팀 프로젝트에 적용했더라면 하는 아쉬움도 생겼다. # 협업의 개발 생산성 향상 - 회사 프로젝트 사실 위의 글과 연결된 내용인데, 협업할때 개발 생산성을 높일 수 있다는 생각이 들었다. 개인 프로젝트는 단기간, 혼자 구현하는 코드이기에 나만 알아보는 코드가 되어도 실행..

Props.children 타입 지정?

🚀 React.FC 를 사용할까? 🚪 들어가기 전에 TypeScript 학습을 위해 TypeScript를 이용해서 TodoApp을 만드는 중에 Container를 공통 컴포넌트로 만들기 위해 props.children을 사용할 일이 생겼다. props.children 은 타입 지정을 어떻게 해야 할지? 찾다 보니 React.FC를 발견하게 되었는데, React.FC 가 무엇인지? 에 대해 알아보았다. (현재 프로젝트에는 적용하지 않은 상태이다.) # React.FC 는 무엇일까? FC = FunctionComponent 타입의 줄임말로 과거에는 클래스형 컴포넌트 개발을 주로 했지만, 현재 리액트에서 함수형 컴포넌트 개발이 주를 이루면서 함수형 컴포넌트 타입을 선언할 때 사용하는 타입이다. 아래는 FC 타..