React

리액트 강의를 듣고 연습하던 중 useHistory가 작동되지 않는 문제가 있었다.에러 메시지는 하단과 같다.export 'usehistory' (imported as 'usehistory') was not found in 'react-router-dom'yarn ad

첫 번째 리액트 개인 프로젝트를 작업하던 중인데, 만들어 놓은 버튼에 페이지 연결이 되지 않아 하루종일 고생을 했다. (Route path도 올바른 곳에 놓지 못했다;)하나하나 풀어가던 중 뜬 에러 메시지는 하단과 같다.react/jsx-no-undef라우트가 정의되지

출처 https://kyun2da.dev/react/%EB%A6%AC%EC%95%A1%ED%8A%B8-key%EA%B0%92%EC%9D%98-%EC%9D%98%EB%AF%B8/

내가 겪은 에러는 아니지만 팀원분의 에러를 같이 봐주고 해결해 드림으로써 좋은 공부가 되었으므로 기록해 보겠다.Warning: You provided a value prop to a form field without an onChange handler. This wil

스파르타 코딩클럽에서 리액트 기초반 강의를 수강했는데 다시 한 번 기본 개념을 빠르게 정리하고 싶어 코딩애플 강의를 들었다.두 강의 모두 좋은데, 시간이 부족할 땐 코딩애플꺼를 들어도 좋은 것 같다.강의를 들으면서 기본 개념들을 간단히 정리해 보았다.리액트에서 쓰이는

이번 리액트 숙련 과정 과제 작업에 앞서 '리덕스' 라는 것에 대한 개념 이해가 필요하여 강의를 수강 중인데, 그냥 보는 것 보다 typing하면서 정리하는게 좋을 것 같아 포스팅 해보려고 한다.리덕스는 데이터를 한 군데 몰아넣고, 여기저기에서 꺼내볼 수 있게 해주는

리액트로 CRUD를 구현하고 있는데 어제 하단과 같은 에러메시지가 떴다.module not found: error: can't resolve 'redux-thunk'분명히 yarn add redux-thunk 명령어로 미들웨어를 설치했는데 왜 저러지?그리고 config

현재 리액트에 파이어베이스를 연결하여 프로젝트를 진행중인데, 파이어베이스 버전9에 맞게 코드를 짜려니 에러가 매 순간순간 터져서 내 멘탈도 터지는 중이다.수강중인 강의는 버전8 기준이라, 버전9에 맞추어 코드를 바꿔줘야 하는데 구글링했을 때 정보도 별로 없고(업데이트

리액트에는 이벤트를 관리할 수 있는 두 가지 방법이 있다. debounce란? 이벤트가 일어나면, 일정 시간을 기다렸다가 이벤트를 수행한다. 일정 시간 내에 같은 이벤트가 또 들어오면 이전 요청은 취소한다. (다시 일정 시간을 기다림) 예: onChange가 일어나면

리액트 moment 훅을 사용하여 포스트 남길 때 현재 시간이 찍히게 하는 기능을 구현했는데, 보니까 오후 4시에 남긴건데도 04시로 찍히고 있었다.알고보니 hh를 쓰면 앞에 0이 붙는 형태로 출력이 된다(오전을 의미하는 듯?)이렇게 HH로 바꿔줬더니 오후 시간으로 잘

리액트 특성 상 페이지 이동 시 스크롤 위치가 가장 하단으로 오는 문제가 있어 이를 해결하기 위해 찾아낸 방법이 '스크롤탑(ScrollTop)' 이었다.onClick 이벤트 밑에 하단의 코드를 붙여주면 간단하게 해결이 가능하다.window.scrollTo(0, 0);나

출처 https://data-jj.tistory.com/53

항해99 파이널 프로젝트 작업에서 담당하게 된 부분 중 하나가 로그인, 회원가입 인데, 이번엔 소셜로그인도 구현하기로 했다.사실 카카오, 구글, 네이버 이렇게 3개를 하려고 했으나 어마어마한 workload때문에 가장 대중적으로 많이 이용하는 카카오만 진행하기로 했다.

이번 프로젝트를 위해 카카오 소셜로그인을 구현했는데 생각해보니 API KEY값 등 중요한 정보를 깃헙에 그대로 올린것을 깨닫게 되었다...환경변수를 관리할 수 있는 Dotenv를 설정 후 .env파일을 .gitignore에 추가해주면 되는데, 생각보다 사용 방법은 간단