728x90 반응형 리액트31 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. 20221006 실습내용 JWT 토큰 관리 유틸 클래스 추가 JWT 토큰 관리 유틸 클래스를 이용한 토큰 생성 및 검증 토큰 검증 필터 추가 COSR 설정 수정 로그인 컴포넌트 추가 로그인 성공 시 토큰 정보 저장 토큰을 활용한 회원 정보 조회 2022. 10. 5. 20220922 실습내용 게시판 등록 API 추가 회원정보 등록, 조회, 수정, 삭제 API 추가 등록 성공 시 자동생성 키를 반환 등록, 수정, 삭제에 성공한 레코드의 개수를 반환 게시판 등록 컴포넌트 추가 회원정보 등록, 조회(목록, 상세) 컴포넌트 추가 REST API 연동 Main 컴포넌트 추가 추가된 컴포넌트 간 라우팅 처리 node_modules가 포함되어 있지 않으므로, 압축해제 후 압축해제한 디렉터리(package.json 파일이 위치한 board 디렉터리)에서 npm install 명령으로 의존설치 후 사용 예) C:\Users\myanj\Downloads\board> npm install 2022. 9. 22. 이전 1 ··· 3 4 5 6 7 8 다음 728x90 반응형
