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로 전환을 해야될 것 같다.