했던 작업
- TODO 메인페이지 - TODOLIST 구현
- TODO 필터링 구현
- TODO 레이아웃 전환 CSS
- TODO 완료/미완료 표시
- TODO 상세페이지 제작(view)
- TODO 수정페이지 제작(view)
발생한 문제
- 로컬스토리지로 받은 값을 스타일 컴포넌트 props로 전달시 CSS 트랜지션 발생X -> class 추가 삭제로 CSS 트랜지션 동작
- 스타일 컴포넌트는 전역 css, class 스타일로 수정이 안됨
- content 내용이 연속된 알파벳을 사용하면 white-space이 적용되지 않음(한 단어로 인식)
시간이 더 있었다면?
- 스타일 컴포넌트 재사용성을 고려해서 수정
- 안 나눠진 컴포넌트 view/function 별로 나눠서 정리
- 변수명과 함수명을 더 의미있게 쓸 것이다. 이름을 좀 막 짓는 습관이 남아있다.
회고
UX에 대한 이해도 높이기
주로 인터페이스를 구현하는 작업을 맡았다. 유저 테스트를 3차까지 받았는데 UX쪽으로 수정사항이 많았다. UX를 공부한 적이 없어서 본래는 더 빨리 끝났을 작업도 더 헤맸다. UX 공부의 필요성을 느꼈다. 전문적인 디자이너가 있었다면 덜 헤맸을 수도 있지만! 개발 매니저님께서 날카롭게 UX 지적해주신게 감명깊었다. 프론트엔드 개발자도 UX이해도가 높으면 더 도움이 될 것이다.
UI 컴포넌트 재사용 고려
처음 기획했을 때 보다 기능아 많아졌다. 설계단계에서 충분히 고민해보지 않아서 폴더 구조라던가 컴포넌트 재사용성이 떨어진 것 같다. 특히 내가 재사용에 대한 이해도가 떨어졌던 것 같다. 스타일 컴포넌트를 사용해보면서 기존의 css보다 props로 동적 수정이 용이했다. SASS처럼 속성을 변수처럼 사용할 수 있으면 더 좋았을 텐데라는 생각을 했는데, 스타일 속성을 배열로 저장하고 불러오는 방법도 있다는 걸 알게되었다.
프로젝트 빌드 - 설계의 중요성
같이하신 페어분이 초반 빌드를 다 해주셔서 작업할 때 쾌적하게 했던 것 같다. 다른 팀이 빌드단계에서 헤매는 것을 보며 설계의 중요성이 와닿았다. 다음에는 내가 주도해서 프로젝트를 처음부터 빌드해야하는데 다른 오픈소스 열어보면서 공부해야지 + MVC, MVVM 공부하기
