항해 99 일지(63) - WIL09

WIL (Weekly I Learned)

이번주는 실전 프로젝트 과정 1주차로, 프로젝트를 선정하고 개발 진행을 위한 자료 조사 및 공부를 하였다.

 

이번주에 내가 배운것

• Next.js
  • 리액트 앱을 서버사이드 렌더링으로 구현하는 프레임워크
  • 라우팅
  • Next.js를 사용하기 위한 디렉토리 구조
• TypeScript
  • JavaScript에 정적 타입을 명시할 수 있다.
  • IDE(VSC)에서 함수나 변수 전달에서 어떤 타입이 오갈 것인지 정의할 수 있다.
  • 런타임에서의 오류를 최소화할 수 있다.
• 불변성 관리
  • 리덕스에서 불변성 처리를 하는 이유를 알게 되었다.
  • 참조형 데이터는 값이 바뀌어도 해당 변수는 동일한 주소값을 보기 때문에 값을 통째로 바꾸어야 렌더링이 되기 때문이다.
• 프로젝트 세팅
  • Next.js , TypeScript를 사용하기 위한 세팅
• 디자인 패턴, 아키텍쳐, 코드 컨벤션
  • Toast UI에서 깔끔한 코드 작성을 위한 가이딩을 공부
• 프로젝트를 위한 기획, Task 관리
  • 팀장님이 세팅한 노션과 구글 시트를 보고 효율적인 팀 Task 관리 방법을 배울 수 있었다.
  • 다양한 기능이 있는 노션으로 프로젝트 이벤트를 관리할 수 있다.

 

미흡했던 것

• 프로젝트 세팅
  • Next.js, TypeScript에 대해 아는 것이 전무한 상태에서 프로젝트를 세팅하는 것이 어려웠다.
  • 여러 참고 자료들을 보면서 해결
• 상태 관리
  • 데이터에 접근하려고 할 때 프로퍼티 접근 오류가 발생
  • 프로젝트를 할 때마다 매번 마주치는 오류
  • api를 호출하고 데이터를 받아오기 전에 비동기로 인하여 발생하는 오류(데이터가 없는데 해당 프로퍼티에 접근하려 하므로)
  • initial state를 실제 데이터를 참고하여 기본값으로 설정
  • 또는 데이터를 받아올 때까지 로딩처리

---

진행할 프로젝트를 선정하고 그 이후에는 프로젝트 세팅을 위한 관련 자료를 공부하는 시간을 가진 주였다. 처음에는 Next.js , TypeScript에 대해서 전혀 모르는 상태에서 세팅을 하는 것이 어려웠지만 모르는 것이 나오거나 오류가 발생할 때마다 적절하게 검색하고 공부하여 세팅을 완료할 수 있었다. 그 이후로는 데이터를 불러오고 와이어 프레임을 토대로 화면을 만들고 있는 중이다. 다음주 수요일 이전까지 와이어프레임 (또는 디자인이 완료 된다면 그것을 기준으로) 뷰를 만들어서 그럴듯하게 보이는 수준까지 만드는 것이 목표이다.