react29 [TIL] 230706 - 주특기 2주차 테스트, Lv.2 과제 페어 리뷰, JS 스터디 오늘 한 일 - 주특기 2주차 테스트 - Lv.2 과제 페어 리뷰 - JS 스터디 주특기 2주차 테스트 제출 답안 1. 추가하기 버튼을 클릭해도 추가한 아이템이 화면에 표시되지 않음. - List 컴포넌트에서는 redex로 생성한 전역 데이터 todos를 useSelector로 가져와서 보여주고 있지만, Form 컴포넌트에서 addTodo라는 action creator를 import했음에도 사용하지 않아 redux의 데이터를 정상적으로 추가시켜주지 않고 있습니다. - 따라서 dispatch변수를 선언해 useDispatch()를 선언하여 사용해주고, 제출 버튼을 클릭했을 때 dispatch로 addTodo({...todo, id})를 실행하여 state를 변경할 수 있도록 합니다. const dispat.. 2023. 7. 8. [TIL] 230703~0705 - CS스터디, 주특기 Lv.2 과제 제출, 스터디 한 일 230703 - CS 스터디 발제 - 주특기 Lv.2 구현 - 스터디 개인 공부 230704 - CS 스터디 자료구조 개념공부 - 주특기 Lv.2 과제 구현 - 스터디 발표 준비 (+ 모던 자스 딥다이브 드디어 샀다... 🐕 비 싸 오늘 왔음) 230705 - CS 스터디 자료구조 개념공부 - 주특기 Lv.2 과제 제출 - 주특기 Lv.3 찍먹 시작 - 스터디 발표 준비 더보기 이번주는 집중력이랑 의욕이 레전드로 바닥나서 놀고 자고 ,,, 정말 최소한의 요구사항만 했던 나날들,,, 너무 한 게 없어서 많아보이라고 합쳐두기 ! ^^ WIL 적으면 아주 볼만할듯 싶다 세상에 이렇게나 얼레벌레인 인간이 있을까 미뤄놓은 덕분에 할 게 산더미군요 여기다 대충 순서대로 적어두고 가겠습니다 여기서 오늘은 7/.. 2023. 7. 6. [TIL] 230701 - 리액트 숙련주차 수강, 스터디 발표 오늘 한 일 - 리액트 숙련주차 React Router Dom 까지 수강 - vscode 리액트 익스텐션 설치 - 스터디 발표 리액트 관련 vscode 익스텐션 1. Auto Import - ES6, TS, JSX, TSX - 사용 가능한 모든 가져오기에 대한 코드 작업 및 코드 완료를 자동으로 찾아 구문 분석하고 제공합니다. (익스텐션 공식설명) - 자동으로 컴포넌트나 파일의 import 해주는 익스텐션 - 맨날 임포트 치기 귀찮았는데 짱짱 편함 2. Reactjs code snippets - 형식 자동 입력 스니펫 - 함수형 컴포넌트 만들 때 : rfc - 화살표형 컴포넌트 만들 때 : rsc - 다른 것도 많던데 참고해서 적절히 사용하면 좋을 듯 https://breathtaking-life.tis.. 2023. 7. 6. [리액트 숙련주차] 2-19~20 React Router Dom (1), (2) 1. React Router Dom 이란? - 페이지를 구현할 수 있게 해주는 패키지 - routing 2. React Router Dom 설치 yarn add react-router-dom 3. React Router Dom 사용하기 1. 페이지 컴포넌트 작성 - src 폴더에 pages 폴더를 만들고, 내부에 여러 페이지가 될 컴포넌트 파일을 만든다. 2. Router.js 파일 구현 - 브라우저에 url을 입력하고 이동했을 때 원하는 페이지 컴포넌트로 이동하게끔 만들어주기 -> 즉 url 1개당 페이지 컴포넌트를 매칭해주는 것 Route - src 폴더에 shared 폴더를 생성하고, Router.js 파일을 생성한다. import React from "react"; import { BrowserR.. 2023. 7. 1. 이전 1 2 3 4 5 6 ··· 8 다음
