기존 [side project]에서 목표했던 기능중 일부를 기능을 구현하고, 나머지 기능들은 다음 프로젝트에 구현하기로 변경했다.
사이드 프로젝트를 진행하면서, redux
, typescript
, 기타 라이브러리
에 대한 경험이 있어 쉬울줄 알았다.
결과적으로 기본기 부족으로 내가 구현한 기능이 정말 맞는지에 대한 의문이 생겼다.
그래서, 기존 생각했던 목표를 대폭 줄임 및 분리하여 프로젝트 by 프로젝트
를 진행하기로 했다.
나는 퍼블리셔 4년차 곧 5년차가 되간다.
프레임워크를 공부하며 기존 나의 경력을 키워 나가며 섞을 수 있으면 좋겠다 생각했다.
결과적으로 프로젝트 마다의 몸집은 줄이되, 시각적인 면(인터렉션)을 키우기로 했다. (물론 기능에도 충실할것이다.)
SI에서 작업을하며, 차트
, 대시보드
가 많이 사용된다. (관리자 페이지 포함)
그래서, 이녀석들을 React
로 작업해보기로 했다.
React에서 스타일을 잡을때, Sass
를 사용해도 괜찮다.
나는 디자이너가 아니기 때문에, 일관된 스타일이 필요했다. 그래서 나는 tailwind를 사용해보기로 했다.
내가 사용하고있는 styled-component
와는 어떤 차이가 있는지 또한 포스팅 할 예정이다.
tailwind
와 styled-compoennt
를 같이 사용하기 tailwind play ground에서 테스트 해보고 생각한 결과 styled-component만 사용하기로 결정했다.
이유는 이미 sass와 css에 익숙한 나로는 생각보다 불편했다.
Docs는 이쁘게 잘 정리 되어있었지만, 내가 아는 걸 굳이 다시 docs를 찾아가는 수고가 있었다.
다음에 간단한 프로젝트나 컴포넌트
를 개발한다면 사용해 보겠다.
[side project]의 시작일인 2월 13일로 부터 약 두달이 지났다.
우여곡절도 많았고, 나의 정체성에 의문을 품을 정도로 좌절하기도 했다.
다행히 처음 기획했던 결과물과 비슷하게 나왔기 때문에, 다행이었다.
지금까지 구현한 기능은 아래와 같다.
tailwind
를 사용해볼 계획이다.포스트에서 말풍선 버튼 클릭시 댓글 입력 가능, 글 입력시 submit
버튼 활성화
대댓글 기능
읽은 상태 및 읽지 않는 상태 분리, 제거 기능
알림 클릭시 읽은 상태로 변경 및 post_view페이지로 이동
해당 페이지는 완성되는대로 github에 게시할 계획이다.
중간 점검 끝.