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

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

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

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

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

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

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

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

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

온보딩에 지원하기 위해 과제를 만들던 중에 'TypeError: Cannot read properties of null (reading 'style')' 라는 에러를 만나게 되었다. 토글이나 탭을 만들면서 css를 조건에 맞춰 바꾸기 위해 document.getElem

간단히 말해서 완성되어 있는 코드를 동작이 바뀌지 않더라도 좀더 좋은 코드 깔끔한 코드 누구나 쉽게 알아볼 수 있는 코드, 더욱 최적화가 잘 되어있는 코드로 바꾸는 것들을 리팩토링이라고 합니다. 물론 동작이 바뀌거나 디자인을 바꾸는 등의 나중에 추가되는 코드들도 리팩토

1 + 1 + 2 + 3 + 5 + 8 + 13 ... 식과 같이 1 + 1부터 시작해서 더해서 나온 결과와 그 앞에 있는 숫자를 계속해서 더해가는 식을 피보나치 수열이라 한다.Memoization기법을 사용하지 않은 수열위의 코드는 매우 간단하게 피보나치 수열을 풀

분할정복과 동적 프로그래밍 > ### 분할 정복 문제를 나눌 수 없을 때까지 나누어서 각각을 풀면서 다시 합병하여 문제의 답을 업는 알고리즘이다. 하향식 접근법으로, 상위의 해답을 구하기 위해서 작은 단위인 아래로 내려가면서 하위의 해답을 먼저 구하는 방식이다.(

오늘은 리눅스기반 환경에서 통용되는 개념인 사용권한과 환경 변수에 대해서 배웠다.