시작하는 중

리트코드 자바스크립트 30일 챌린지 23.9.23 ~ 23.10.2 (완료) 취업 준비해야하는 시간에 이런거 해서 ㅋㅋ 큰일났다. 재밌는걸 어떻게해 공부한 내용 클로저, 고차함수, 함수 합성, 메모이제이션, 프로토타입, promise, setTimeout, this, class, generators, 지연 평가 구현한 내용 map, reduce, filter, curry, JSON.stringfiy, chunk, fatten 등 후기 JS에 대해서 너무 몰랐었다고 생각한다. 그리고 정말 재밌었다. 조금 억지스러운 callPloyfill 같은 문제도 있긴 했는데, 결국 이 문제 조차도 editorial에서 많이 배울 점이 있었다. 그리고 class와 프로토타입에 대한 이해가 좀 더 굳건해졌다. class는..

SPA Router 요구사항 및 조건 요구사항 - SPA Router 기능을 만들기 사용 기술 - React, History API 목표 주소 라우팅 - /: 메인 도메인으로 접속시 root 페이지 - /about: 해당 path로 접속시 about 페이지 버튼 클릭과 뒤로가기에 대한 구현 - 버튼 클릭시 해당 페이지로 이동해야함 - 뒤로가기 버튼 입력시 이전 페이지로 이동해야함 Router, Route 컴포넌트로 구현해야 하며, 다음과 같은 구조를 가져야함 ReactDOM.createRoot(container).render( ); useRouter Hook을 작성해야함 const { push } = useRouter(); 고려할 점 Router를 통한 페이지 이동시 새로고침이 되지 않아야한다. Hist..

이전에 yarn dev를 입력하면 어떤 일이 일어나는가를 확인했던 경험이 있다. https://mystacks.tistory.com/109

https://developer.mozilla.org/ko/docs/Web/API/History https://developer.mozilla.org/ko/docs/Web/API/History_API 오늘은 History API에 대해서 알아보려고 한다. 리액트를 못쓰는 상황인 프로젝트에 들어간다면, 리액트 라우터도 못쓸 것 같아서 연습 그걸 떠나서 리액트 라우터를 파헤쳐봤을 때 봤던 이 History API가 궁금했다. History 문서를 보기 전에, 개발자도구에서 history를 출력해보려고 했다. 이런 형식인 걸 알았으니까 다시 공식문서를 보면, DOM의 Window 객체는 history 객체를 통해 브라우저의 세션 기록에 접근할 수 있는 방법을 제공합니다. history는 사용자를 자신의 방문 ..