이번 주에는?
- 랭킹보드, 공간 정보 페이지 퍼블리싱
- 프론트엔드 파트 브랜치 merge
- Tailwind CSS 공부
새롭게 배운 것 & 배워야 할 것
- Tailwind CSS 사용하기
→ "Utility-first CSS Framework". 각 속성에 대응되는 클래스명을 사용함으로써 HTML 요소를 인라인에서 스타일링할 수 있음.
컨셉은 어렵지 않은데, 제공되는 클래스를 쏙쏙 뽑아서 사용하는 타입이다 보니 기존 CSS 속성에 대응하는 클래스를 파악해야 해서 오히려 초반에는 어렵게 느껴지는 감이 있다 😬 얕고 (제법) 넓은 지식이 필요한 느낌...?!
공식 홈페이지에서 사용 가능한 tailwind play가 tailwind에 익숙해지는 데 도움이 되는 것 같다. 관련 자료를 찾아보면서도 느꼈지만 다양한 클래스를 능숙하게 사용하는 레벨에 도달하려면 일단은 문서 뒤져가면서 직접 써 보는 게 도움이 될 것 같아서, 다음에 tailwind를 사용해 작은 개인 프로젝트를 해 보기로!
- 추가로 공부해야 할 부분
React 동적 라우팅 (내가 담당하는 부분에서는 라우팅 경로에서 parameter를 가져와 거기 맞는 정보값 / api를 사용하도록 해야 한다!)
프로젝트 배포에 관해 (프로젝트 초반에 백엔드 부분에서 작은 태스크를 담당했어서 나는 프론트 전문 - 백엔드 전문 사이의 연결 고리 (?) 같은 위치가 되었다. 그렇다 보니 프론트, 백 둘 다 내 로컬에 가져와 테스트를 하게 되었는데 여기서 버전 관리의 어려움이 생기는 바람에... 솔루션으로 백엔드에서 완료된 부분까지 먼저 배포를 하고 프론트에서 배포된 상태의 api를 가져다가 쓰는 방식이 언급되었는데, 내가 배포 경험도 없고 배포 방식에 대한 지식도 없다 보니 깔끔히 해결하기가 어렵다. 한 차례 더 확인해 보고 재논의!)
셀프 피드백
→ CSS 복습, 다른 프로젝트에서의 작업 방식 경험으로 조금 더 효율적이고 깔끔한 방식으로 개발을 하게 된 것 같다. (일단 퍼블리싱 할 때 CSS 레이아웃으로 인한 괴로움,,, 이 줄어들었고 컴포넌트도 구분해 가면서 구조를 잡을 수 있게 됨)
→ 학교 나가서 확실히 효율이 올라가는 것도 느꼈다... 🔥 사실 주 후반부에는 다른 일정이 많아서 아예 작업을 못 한 날도 있는데, (이번 주의 반성 포인트) 이번 주 태스크의 대부분은 학교 나갔던 며칠 안에 호로록 끝내고 왔다.
→ 이번 주에는 중간 기록이 소홀했고 상기했듯이 몰아서 작업 - 아예 휴일 < 이런 식으로 중간에 텀이 뜨다 보니 태스크 복기하는 것 자체가 어려웠다. 원래는 노션에서 주간 회고 양식에 맞춰 생각날 때마다 메모하는 식으로 중간 기록을 만들었는데, 개발하고 나면 노션에 TIL을 짧게 작성하는 방식도 효과적일 듯.
다음 주 솔루션 💡
-
일정 없는 날은 되도록 낮 이전에 학교 갔다가 저녁에 돌아오는 루틴으로 작업해 보기
-
다음 주 목표!
1) 팀 회의 통해서 버전 관리, 배포/테스트 방식 다시 정리
2) 이후 새롭게 퍼블리싱한 페이지 완성, 로직 구현
3) 개강 전에 React + Tailwind 조합으로 가벼운 개인 프로젝트 (단어장 or 코드잇) 진행하기
