온보딩 과정

Map을 사용시에 key값을 index를 그대로 넣게 된다면 리액트가 key를 확인할때 같은값으로 인식하기 떄문에 원하는대로 따로 움직이는게 아니라 같이 움직이게 되므로 index를 사용하려면 \`slice-key-${index}\`와 같이 각각의 key마다 이름을 붙

어제 마지막으로 강사님이 프로토타입으로 만들어 배포한 Idolist에TodoList에 구현되지 않은 기능들을 팀원들과 컴포넌트별로 나누어 기능 구현을 해보기로 하였습니다. 여러 기능 중에 저는 상단의 메뉴바를 클릭하면 원래의 화면이 옆으로 넘어가며 완전히 넘어가는 화면

지난번 포스팅에서 해결하지 못했던 둥근 모서리를 만드는 법을 스택오버플로우에서 찾을수가 있었다 역시 버거형님들 👍clip-path 속성은 그대로 inset을 사용하였고 inset의 옵션중에 round속성이 있어 border-round의 값과 똑같이 해주었더니 원하는

오늘은 타입스크립트를 이용하여 과제를 진행하였습니다. 타입스크립트도 아직 익숙하지 않은데다가 데이터를 가져오는 단계에서부터 어려움을 느꼈지만 한걸음씩 천천히 걸어간다는 생각으로 계속해서 해볼 생각입니다..! React pagenition libray 이번 과제에서는

한글 초성만으로 검색하는 기능로컬스토리지 쓸때 스트링으로 저장되므로 store.js 라이브러리를 쓰면 아주 편하게 사용이 가능하다. 검색창 구현시에 엔터키를 사용하여 만드는 방법 이벤트핸들러를 이용하지 않고 만드는 방법carousel slick.js 슬라이드 형태를

검색 기능과 첫페이지에서 페이지네이션과 하단의 네비게이션바를 만들어 홈부분과 즐겨찾기 부분을 라우트로 연결해두었습니다.과정 중에 생긴 여러가지 문제점들을 해결하느라 시간이 너무 많이 걸렸습니다..하지만 아직도 많은 부분 모자란 부분이 있다..검색할때 엔터키 이용 불가한

이번 개인과제에서 영화를 검색하고 즐겨찾기에 추가하는 기능을 만들어야하는데 이때 붙은 조건중 하나가 페이지를 빠져나왔다가 다시 들어가도 즐겨찾기에 추가한 영화들이 남아있어야 한다는 조건이 붙어있었습니다. 옆에 LocalStorage를 이용하라고 나와있었기 때문에 먼저

이번 과제는 팀과제로 검색어를 추천 해주는 기능을 만들고 모양은 기존의 홈페이지를 클론코딩하는 식으로 진행됩니다. 요구사항에 Redux를 사용하라는 내용이 있었기에 우선 Redux(리덕스)에 대해서 알아보겠습니다.우선 리덕스를 사용하는 이유에는 props문법을 쓰기가

Performant and powerful data synchronization for React! \-리액트를 위한 성능좋고 강력한 데이터 동기화!Fetch, cache and update data in your React and React Native applica