정말 오오오랜만에 다시 건드려보는 리액트!부트캠프에서 자바스크립트 팀과제까지 마치고 본격적으로 리액트를 배우기 시작했다.유데미 강의나 다른 강의들로 리액트를 접해보긴 했지만 그냥 아예 모른다고 생각하고 강의를 들었다.cra와 vite 두 방법이 있었는데 속도적으로도 빠
리액트 컴포넌트 개인적으로 리액트에서 컴포넌트를 잘 이해하는게 중요하다고 생각해서 강의를 듣자마자 휘발되기 전에 정리해보았다. 컴포넌트란? 컴포넌트는 JavaScript 함수와 유사한 형태를 가졌는데 이후 배울 "props" 라는 임의의 입력을 받은 후 화면에 어
음... 강의를 들은 내 상황 리액트 알았죠? 아니요. 아 알았는데? 아니요 그냥 몰라요 익숙하다 싶으면 갑자기 때려맞는 리액트... 과제가 두렵지만 일단 배운 내용부터 정리해보자.... > ## Props Props란? 지난 포스팅에서 정리했던 컴포넌트! 기
자바스크립트 과제들을 하면서 개발에 조금 친해졌다고 생각했는데 리액트를 만나고 나니까 다시 응애가 되어버렸다...ㅋ 자바스크립트 하듯이 똑같이 생각하고 코드를 짜면 되는데 처음 써보는 문법들이 어색해서 그런건지 어버버 한 상태가 되었고 그 어느때보다 하기싫고 무서운 마
어제에 이어서 후딱 써보는 개인과제 회고..!튜터님 피드백 받은걸 토대로 수정하고 쓰고 싶었는데 언제 피드백이 올지 몰라서 우선 중간중간 바꾸고 수정한 부분만 정리해보기로 ~,~버튼 클릭 시 경고/확인창 추가업데이트 클릭 시 중복 국가 없을 경우 경고창 띄우기국가명 i
리액트숙련주차 강의를 듣다가 useState 부분을 연습문제로 복습하고 정리하고 싶어서 리액트 공식문서를 읽어보았다. 컴포넌트 간 State 공유하기를 보다가 props로 넘겨주는 부분에서 정리가 필요할 것 같아서 간단한 코드 하나 풀이를 해보았다!./data.js에는
리액트에는 정말 많은 Hook이 있다. 이걸 정말 다 써서 만든걸까 싶은데 아무튼 많다. 알고 안 쓰는거랑 모르고 안 쓰는건 차이가 있으니까 짧고 간단하게 예제코드들로 훅들을 정리해보려고한다.그 첫번째 타자는 바로 useEffect다!useEffect를 공부하면서 중요
오늘 TIL은 뭘 쓸까 하다가 이번 개인과제 마지막 단계에서 써야하는 훅 useContext 를 공부했다. 지금 props drilling 버전으로 과제 진행중인데 번거로워 죽을맛이다🤯🤯 (뭐.. useContext를 써도 못하겠지만 아무튼)버튼을 누르면 다크모드
스탠다드반에서 실습까지 빡세게(?) 공부한 react-router-dom!리액트 숙련 강의에서도 리덕스 다음으로 들어서 그런가 꽤 재미있게 들었었는데 또 직접 써보니까 헷갈리는 부분이 있어서 배운 날 바로 기록해야겠다 생각이 들었다..!페이지 이동을 구현할 수 있게 해
개인과제를 하던 도중 경고창을 만들었는데 자꾸 두번씩 실행됐다...setState를 활용해서 경고창을 띄우는거였는데 이게 값이 변하면서 렌더링 때문에 2번 호출되나? 하는 생각이 들었다. 결과적으로는 그냥 해당 코드가 실행되는 시점의 문제였지만, 아직 useState에
숙련주차 개인과제를 하면서 alert 기능을 넣었는데 원하는대로 구현이 되지 않았다. 조금 어이없는 실수(?)였는데 똑같은 실수를 하지 않으려고.. 정리해보았다.카드 6장이 선택된 상태에서 또 <추가> 버튼을 누르면 alert을 띄우는 것이었다.🚧 작성한 코드7
그동안은 파일을 세부적으로 나누지 않고 대부분 한 파일에 다 작업을 했었다. 그래서 코드 위치나 시점을 지금처럼 생각하지 않아도 됐었다.컴포넌트를 총 6개로 작업하다보니 import해오는것도 신경써야하고 이 이벤트를 어느 컴포넌트에 작성해야할지 꽤나 고생시러웠다😢크고
갑자기 불어난 폴더와… 이리갔다가 저리갔다가 하는게 도무지 정리가 안 되어서 강의 중지하고 정리해야겠다 싶었다… 내 방식대로 정리해보자 싶어서 편하게(?) 쓴거라 말투도 기존 글과 다를지도…ㅎ아무튼 이 글은 << 내 입맛대로 정리해보는 Redux 👊🏻👊
사용 전 터미널 열고 설치하기!데이터 캐싱: 동일한 데이터를 여러 번 요청하지 않도록 캐싱하여 성능을 향상 시킨다.자동 리페칭: 데이터가 변경되었을 때 자동으로 리페칭하여 최신 상태를 유지한다.쿼리 무효화: 특정 이벤트가 발생했을 때 쿼리를 무효화하고 데이터를 다시 가
MBTI 개인과제 회원가입 부분을 구현하던 중 자꾸만 서버 에러가 났다.4로 시작하는 에러는 뭐다? === 내 잘못이다.. 해서 엄청나게 고민해서 주말을 통째로 날려먹었다.: 아이디, 비밀번호, 닉네임을 입력하고 가입하기를 누르면 회원가입이 되면서 로그인 페이지로 리
어제에 이은 두번째 4로 시작하는 에러다시 한 번 말하지만 4는 무조건 내 잘못이다… 또르륵: 회원가입 한 아이디와 비밀번호를 입력 후 로그인 버튼을 누르면! 로그인이 되면서 Profile 컴포넌트로 리다이렉트 되는 것!이번에도 회원가입에서 났던 오류와 해결방법을 참고
리액트를 배우면서 상태관리가 얼마나 큰 부분을 차지하는지 느끼고 있다.prop에서 시작된 불편함?이 참 여러가지를 만들었구나 싶다.. (그래서 공부할게 많다ㅎ)개인과제를 하면서 context에 대해서는 어느정도 이해가 된 것 같다. 그런데 나머지 세 라이브러리는 강의