* 레퍼런스 https://github.com/codestates-seb/fe-sprint-cmarket-rquery-reference 알려주신 키워드 : React Query : 리덕스 + thunk 비동기상태를 리덕스와 동기화시키는(?) @@못들음 프론트엔드는 라이브러리가 굉장히 빠르고 많이 나오고있다. 전역상태 관리 관련 라이브러리는 굉장히 많이 나오고있다. 하나만 제대로 이해하면 어떤 라이브러리를 사용해도 큰 틀은 변화하지 않기때문에, 다른것을 사용할 수 있다. 실질적으로 오늘 볼 내용은 이 코드에 들어가 있는 JSON 서버코드에 대해서 같이 볼 예정이다. 일단 우리는 JSON 서버에 대해서만 신경을 쓴다! 전역상태는 꼭 사용해야 하는것은 아니다! 전역상태는 props drilling이 복잡할때 ..

#구현시작 개발자도구를 열어본다 체크로 풀수도있고 바로바로 설정할수있음 vscode가서 max-width지워 근데 리액트 슬릭의 화살표가 안보이는중! 오른쪽 옆에 틈이있음 배경이 하얀색이라서 화살표가 티가 안나는중 개발자도구에서 블랙설정 하니까 잘보임 코드로 다시가서 스타일을 수정하러간다. 코드의 104줄부터 수정했음! 왼쪽 화살표는 전체 폭때문에 안나옴 그래서 아이템 슬라이더에 가서 width 80줌 슬라이더에 마진을 준다 그러니까 중간으로 랭킹어쩌고가 중간으로 와짐 근데 마진 지우고 84줄 어라인 어쩌고 적으면 중앙정렬됨 # 아이템 슬라이더 지금은 요소들이 하드코딩이 되어있는데 프롭스를 받아서 표현할것! 프롭스를 받아서 재사용 가능하게 설계할것이다. 1. 슬라이더의 제목과 2. 맵핑 리스트 이렇게 두..

랭킹별 데이터랑 추천 아이템 자동 스크롤 되게 할거야 혹은 클릭시에 보여주게하거나... 직접 알고리즘을 짜서 슬라이더 구현을 해도 되고 라이브러리 사용을 권장함 리액트로 슬라이더를 어떻게 구현? 검색하면됨 리액트 슬릭! npm 에 들어가서 패키지에서 다운로드 수를 본다.. 인기없는건 라이브 버전별 호환성이나 이슈관리가 제대로 안될수도 있음.. 많이 쓰는거 선택해야지 코드 버저닝 및 호환성 업데이트 될 수 있다. 리액트 슬릭을 꼭 써라! 이건 아니지만 라이브러리 쓰는 경험도 익숙해져야 하니까 리액트 슬릭으로 슬라이드를 쓰라고 권장 슬라이더 구현은 직접하기 어려우면 리액트슬릭 사용하면 된다! 라이브러리는 어떤 슬라이딩에 대한것을 하나하나 짤 필요가 없이 옵션값만 넣으면 된다. 해당 라이브러리 개발자가 추상화..

마지막날에는 피그마 정리처럼 돌아가면서 보여주면서 이야기하기 어떤 프로젝트를 할지? 깃헙 포크 로컬에서 클론 한다음 프로젝트 진행하면 됨 마지막날 풀 리퀘스트를 날려주세요 코드 쓰는데 있어서 어디서 어려움을 겪나? 만약에 프로젝트 진행하다가 어려움이 있다 하면? 세션에서 질문 해도되고 아고라 스테이츠에 질문 남겨도 되고 프로젝트 들어가기 전에 실제 프로젝트와 비슷하게 준비했음 3일동안 하는것은 미션을 완료 할 수 있도록 속력을 내보기 쇼핑몰 웹사이트.. 프로젝트를 진행하기 위해 서버? 서버는 먼저 작성을 해 두었음 cozShopping API 버전 3을 사용랗럿 카테고리 전체상품 랭킹 상품 상세 등등 여러 종류의 api가 있음 프로젝트 진행하면서 4개만 사용 api문서에 쿼리파라미터 있음 5하면 5개만 ..