2023 03 21 ~ 2023 03 29 개발 일지

1. 진행 및 완료 사항

react 학습

• jsx, conponents, routes, props, 상태 관리(useState, useEffect) 등등
  노마드코더 무료 강의가 아주 큰 도움이 되었음

상단 네비게이션바 구현하여 페이지를 이동함

• Router, Navbar, Routes, Route, NavLink를 사용

styled-components를 사용해 css 적용함

TodoList(추가, 삭제) 구현

구글 API를 사용해서 로그인을 하고 토큰을 발급 받았음

• 지금은 필요없는 기능...

회원가입 페이지 구현

• Form Input이 유효하지 않으면 submit 버튼을 비활성화시킴

2. 알게 된 점? 보다는 알아야 될 것들이 훨씬 많았던 것 같다...

react 상태 관리...

• 지금은 useState, useEffect만 사용해서 상태관리를 하고 있는데 이것이 아주 좋지 않은 것 같다.
  각 상황에 맞는 다른 react hook이나, recoil이나 redux같은 상태 관리 라이브러리를 학습하는 것이 좋을 것 같다.

css...

• 뭔가를 하려할 때 마다 css에서 조금씩 계속 막힌다. 시간 날 때 css를 확실히 공부하는 것도 좋을 것 같다.
• 지금은 styled-components만 사용했는데 다른 좋은 css 라이브러리도 많아보인다.
  tailwind? 같은 것도 경험해보는 정도는 좋지 않을까 싶다.

Next.js???

• 지금은 쌩 react를 사용했는데, 어처피 react를 사용할 것이라면 Next.js를 쓰는 것이 더 좋을 것 같다.
  다음에 뭔가를 만들때는 Next.js로 만들자.

3. TODO

javascript에서 typescript로 전환...

• 타입스크립트를 안본 상태에서 시작해서 모든 코드를 자바스크립트로 구현한 상태이다.
  찾아본 결과 조금씩 전환할 수 있는 것 같기에, 천천히 완성된 부분부터 typescript로 전환을 해야될 것 같다.

회원가입, 로그인, 게시판(CRUD), 채팅방 구현이 일단 목표

• 회원가입 거의 구현 완료 -> 백엔드 api와 연결해서 유저 아이디 중복 체크 해야함
• 로그인 -> 페이지, 기능 구현
• 게시판 -> todo list의 심화버전 느낌으로 Create, Read, Delete, Update가 가능한 게시판 페이지를 구현
  로그인한 본인의 글만 수정 또는 삭제가 가능해야 이 부분이 조금 어려울 것 같음...
• 채팅방 -> 트센 팀과제 시작전까지 될지는 모르겠지만 최종 목표