728x90 반응형 react33 20230202 실습내용 이벤트 핸들링 예제 EventPractice.js EventPracticeFunction.js 조건부 렌더링 Greeting.js Counter.js MailBox.js Warning.js 리스트 형태의 데이터 처리 IterationSample.js 실행결과 프로젝트 생성 방법은 아래 글 참조 https://myanjini.tistory.com/entry/20230131-%EC%8B%A4%EC%8A%B5%EB%82%B4%EC%9A%A9 2023. 2. 3. 20230201 실습내용 신호등, 댓글 컴포넌트를 함수형 컴포넌트를 클래스형 컴포넌트로 변경 Lamp.js TrafficLight.js Comment.js CommentList.js 부모 컴포넌트의 state 변수를 props 변수로 자식 컴포넌트로 전달 Title.js Todo.js 컴포넌트의 생명주기 함수 사용 Notification.js NotificationList.js 자식 컴포넌트에서 발생한 이벤트로 부모 컴포넌트의 state 변수를 변경 App.js - Parent, Child 프로젝트 생성 방법은 아래 글 참조 https://myanjini.tistory.com/entry/20230131-%EC%8B%A4%EC%8A%B5%EB%82%B4%EC%9A%A9 2023. 2. 2. 20230131 실습내용 클래스형 컴포넌트 vs 함수형 컴포넌트 component/MyComponentClass.js component/MyComponentFunction.js 신호등 모양 컴포넌트 trafficlight/Lamp.js trafficlight/TrafficLight.js 댓글 컴포넌트 comment/Comment.js comment/CommentList.js 프로젝트 생성 방법 1. 다운로드 받은 압축 파일을 압축 해제합니다. 2. 명령 프롬프트에서 압축 해제한 폴더(package.json 파일이 존재하는 폴더)로 이동합니다. C:\Users\myanj> cd c:\temp\my-app c:\Temp\my-app> dir C 드라이브의 볼륨에는 이름이 없습니다. 볼륨 일련 번호: 8CBD-6679 c:\Temp\.. 2023. 2. 1. 20221012 실습내용 RDS 연동 - 설정 정보 수정 CORS 오류 수정 - 리액트 앱 Origin 반영 Thymeleaf 오류 수정 - 설정 정보 추가 환경 설정 파일(.env) 추가 환경 설정 파일에 저장된 엔드포인트를 이용한 요청 node_modules가 포함되어 있지 않으므로, 압축해제 후 압축해제한 디렉터리(package.json 파일이 위치한 board 디렉터리)에서 npm install 명령으로 의존설치 후 사용 예) C:\Users\myanj\Downloads\board> npm install 2022. 10. 12. 이전 1 ··· 3 4 5 6 7 8 9 다음 728x90 반응형
