240117 TWID - WED

 

오늘 한 일 

 

• 현재 만들고 있고, 만들려고 하는 컨텐츠 정리 (T.O.T / travelMap)

T.O.T (Trace of Time)는 현재 내가 당장 쓰고 싶어서 처음에 기획했던거해서 확 - 내용을 줄여서 당장 필요한 기능만 붙여놓고 추후에 천천히 업데이트해야겠다라고 생각했다. 

 

오늘은 어도비 컬러를 이용해서 조금 더 세련된 컬러를 찾아서 CSS 변경하는 작업했다. root 변수로 선언해서 한꺼번에 해줌. 

 

(왼쪽에서 👉🏻 오른쪽으로 변경됨) 

색상...더 세련된거 같다고 말해주세요...

 

 

현재 가능한 기능

• 스톱워치 기록 저장
• 스톱워치 기록 가져오기
• github계정으로 사용자 로그인
• 로그아웃

정도인데, google 로그인도 붙이고 이부분도 auth 관련 db 연결을 해놓은 상황이라서 바로 될 듯! 

현재는 기록 section이 "Reading"으로 고정되어있는데, 내가 독서할 때 기록하려고 만드는 거라서 일단은 계속해서 reading 하드코딩해두고, 우선적으로 캘린더 UI를 먼저 더하는 것으로! 한달 기록량을 뽑아낼 수 있게 하려고 한다. 

한 달치만 제한적으로 뽑으려면 쿼리를 사용해야할지, 아니면 자동으로 내려줘야할지. 이런 부분에서 고민을 하고 있다. 

 

 

 

travelMap의 경우는 현재 ui 만 어느정도 만들어둔 상황

그 ui에 내 자료들을 대체해서 넣어줘야하는데, 자료 이미지를 어떤 storage에 저장해야할지 고민이 깊었다.

AWS s3을 써야하나했지만, 어디까지나 내 여행자료를 모아보고 싶어서 만드는건데 그렇게까지는 무리라고 생각해서 firebase storage를 써야겠다고 생각했고. api의 경우는 nextjs를 썼으면 그 안에서 바로 했을텐데 Reactjs 로 작업을 한 프로젝트라서 이번 기회에 expressjs도 한번 써보자라는 마음으로 바꾸지 않고 그대로 reactjs로 client 작업하고, 서버단은 nodejs로 하는 것으로! DB는 mongoDB로 할 예정이다! 

 

 

 

mongoDB에 데이터를 어떤 모양으로 쌓아야하나를 현재 고민 중이다. 현업을 하면서 API를 만들어주면 쓰기만 해봤지 처음부터 모양을 설계해 본 적이 없기 때문에 현업에서 api를 쓰면서 봤던 것들을 생각해보며 schema 작업을 구성했다. 

 

 

 

내일 할 일

• 친구랑 점심약속 -  🍣 먹을 예정 
• travel Map 
  - DB 만들기
  - API 만들기
• 자료 문서화 방법 생각하기
  - tot 스톱워치 작업하면서 만났던 버그를 기록해야하는데, 누가봐도 깔끔한 문서화를 못하겠음😖
• 운동다녀오기(하체)