📝 오늘 학습한 내용
22/06/03
React 사용방법과, router 라이브러리, JSX 문법을 배우며 벌써 한주가 또 지났다.
공부할 것도 많고 눈 깜짝할 사이에 한주가 지나간다.. 개인적으로 생각하는 것은 코드 스테이츠 수업 퀄리티가 높은 것 같다. 물론 학습 내용에서 오류나 부족한 부분도 있지만, 교육 수준은 높다고 생각한다. 오늘은 리액트로 트위터를 만들며 라우터로 새로고침 없이 렌더링 하는 좋은 라이브러리를 배웠다. 부가적으로 SPA에 대해서 더 이해하고 학습하였고, 페어 프로그래밍 하며 잘 배웠다.
🤔 어려웠던 내용
라우터 라이브러리 사용하면서, 심화 학습으로 useNavigate를 불러와 뒤로 가기 버튼을 생성하는 시간이 있었는데, 경로 설정하는 부분이 어려운 것 같다.
import {BrowserRouter, Routes, Route, useNavigate } from 'react-router-dom';
불러와서 useNavigate를 변수에 담아 렌더링 시킬 때 에러가 났었다
브라우저 라우터 안에 적용시켜야 하는데 변수를 함수 밖에 선언하다 보니 에러가 났고, 결국 index 파일까지 가서 따로 분리해 주는 작업을 해줬다
<BrowserRouter>
<App/>
</BrowserRouter>아직 익숙하지 않아서 조금 어려운것 같다.
🌻 정리
오늘 페어와 같이 과제하며 문제를 풀었다. 페어 분 코드에 문제가 있어서 테스트에 통과하지 못하는 상황이 발생했는데, 차근차근 같이 찾아보며 문제를 해결했다. 알고 보니 라우터로 Path 지정하는 부분에서 ./myPage P를 소문자로 작성해야 되는데 저것 때문에 한참을 찾았다..
별것 아니지만 뭐가 문제인지 분석하며 해결했더니 너무 즐거웠다.
사용자 일 때는 몰랐지만 웹에서 새로고침 없이 동작하는 게 너무 좋은 것 같다..
난이도가 많이 어렵긴 하지만, 눈으로 보면서 할 수 있으니 아주 재밌다.
현충일껴서 3일간 쉬는데 복습 빡시게 해야겠다ㅠ
