React

나의목표 🙌쇼핑몰의 사이트의 상세보기에 들어가면 탭에 따라 원하는 정보가 들어있다탭을 넘기면 해당 탭에 따른 내용이 들어있게 만들어보자각 Tab(버튼)은 bootstrap의 nav에서 가져왔다각 Tab에 onClick을 주고 usestate 함수를 통해 번호를 넘겨준

mock data는 가짜 데이터라는 뜻이다프로젝트를 하다보면 벡엔드에서 데이터를 넘겨주기 전에 기능이 잘 실현되는지 확인해보기 위해 맛보기(?)데이터를 프론트에서 만들어쓴다고 생각하면 된다.js 파일에 데이터를 만들어 import해서 사용하는 방법.json으로 파일을

홈페이지 이용에 편리함을 주는 scroll to top 버튼 만들었다 scroll 3가지 문법window.scrollTo(x좌표,y좌표)window.scrollTo({top,left,behavior})window.scroll(top,left,behavior)behavi

마켓컬리를 클론하면서 느낀거는 마켓컬리는 캐러셀과 슬라이더 천국이다 👼🏻넘치는 패기로 라이브러리 없이 구현해보고 싶었다 하지만 슬라이더의 벽은 높았고... 친절한 다른 블로그를 보고 배웠다screenX, screenY사용자 모니터 화면을 기준으로 한 좌표를 표시사용

팀프로젝트를 하면서 가장 어렵게 느껴지는 부분이 fetch 받아오는 방법이다저번 클론에서 useSearchparams를 사용해서 fetch 받아왔는데 이번에는 axios의 params를 사용해서 받아왔다

react-router-dom에서 제공되는 URLsearchParms에 대한 정보를 반환하는 hook으로 seachParmas,setSearchParams를 반환searchParmas->현재 search에 대한 정보를 반환setSearchParams-> 새로운 쿼리스트

See the Pen Untitled by yezee-e (@yezee-e) on CodePen. <script async src="