2일 차 웹 프론트엔드 개발 개인 프로젝트

Last 24 Hrs

깃허브만 연동하여 깃 형상관리 작업을 해오다가 깃랩을 처음으로 연동하여 작업을 하려는데, authentication 문제가 발생했다. local 환경에 저장된 credential 정보가 깃랩 내의 정보와 일치하지 않는다는 것이었다. 혼자 구글링을 통해 해결을 해보려다가, git rm 명령어를 잘못 사용하는 바람에 이틀동안 작업했던 사항들이 몽땅 날아가 버렸다.

그래도 불행 중 다행인 것은 어제 제출용으로 백업해 둔 zip파일이 있었기 때문에 아예 처음부터 진행하는 빅오 노테이션은 오시지 않았다. 기술을 사용하여 기능 구현을 할 때에는 먼저 이 기능을 가능케 하기 위해 필요한 기술이 무엇인지, 이 기술이 개발된 주요 원인과 주요 역할을 파악하는 것이 중요하다고 생각한다. 이 점을 생각해서 개발을 진행하게 되면, 이후 프로젝트 발표 시에도 막힘없는 코드 설명을 할 수 있을 수도 있기 때문이다.

따라서 오늘은 리액트 강의를 보면서 다시 한번 리액트의 훅과 스테이트, 비동기 통신에 대한 개념을 다시 정리하는 데에 대부분의 시간을 할애하였다. 실제로 코드를 치며 프로젝트 구현 작업은 거의 진행하지 않았다. 어차피 더 좋은 기법을 알게되면 다시 뒤집어 엎을 것이 불보듯 뻔하기에, 프로젝트 관련 작업은 노트에 잊지 않도록 참고할 사항을 체크해 둔 것이 전부이다.

진행사항

• 컴포넌트 구조 나누기 (layout/ui, Form, Main Components) !! 되도록이면 재사용 가능한 단위로 기능 분리

• git 활용 연습

• 리액트 강의를 리뷰 (Hook, Component, Props, State, Async) 후 배운 내용 프로젝트 기능 구현에 바로 적용하며 진행

• 시작페이지 기능 구현 (유저의 데이터 저장, 조건 분기하기)

Next 24 Hrs

다음 날도 오늘과 큰 차이는 없겠지만, 벌써 기간이 1/3 정도 넘게 경과한 상태이니 개발 작업도 슬슬 병행하면서 진행해야 할 것 같다. 내일 목표로 하는 것은 이것이다.

• 어떻게 하면 페이지의 리렌더링이 일어나지 않게 하면서 심리검사 항목 화면을 전환 할 수 있을 지에 대한 기술적 고민 및 파악

• 스테이트를 전역으로 관리하여 (최대한 리덕스를 사용하지 않는 방법으로) 효과적으로 해당 스테이트를 필요로 하는 컴포넌트에 전달할 수 있을 지에 대한 기술적 고민

• 마지막 페이지의 경우, 어떠한 방식으로 테스트 결과를 보여줄 수 있을 지에 대한 구상

• 나만의 개발 철학 (사용자의 서비스 이용 어려움을 극소화한 서비스, 유쾌하고 직관적인 UI)을 어떤 식으로 반영할 것인가에 대한 고민

• 이 코드를 동료가 리뷰한다고 가정했을 때, 과연 직관적이고 communicatable한 클린코드라고 할 수 있을까에 대한 고민

=> 먼저 서비스의 얼굴인 시작페이지와 핵심 부분인 문제 페이지 구현을 위의 사항을 염두에 두고 제작 개시한다.

위의 내용을 고려해 슬슬 실제 개발 작업을 진행할 예정이다.

느낀 점

강의를 초기에 보면 좋은 점은, 좋은 코드 컨벤션과 올바른 기술 활용법에 미리 익숙해진 채 프로젝트 준비를 할 수 있다는 것이다.

이번 프로젝트에서는 되도록 리덕스를 사용하지 않을 것이다. 아직 나는 리덕스를 잘 활용할 만큼 많은 이해를 하고 있지도, 제대로 다시 배울 만큼의 시간적 여유도 없다.

그렇다면 상태값 관리를 어떻게 전역적으로 할 것인가라는 의문이 생길 수 있지만, 다행히도 리덕스 없이, 순수히 리액트에서 제공하는 기술로도 그 목표를 이룰 방법이 존재한다.

개발을 진행하다보면, 더 나은 방법 더 아름다운 코딩의 경우의 수는 무수히 존재한다. 내가 하던 식대로 무턱대고 하기 보다는 철저한 사전 준비를 통한다면 결국 지금까지의 시간은 헛되이 소비된 것은 아닐 것이다.