React

node.js가 필요하다. (yarn 이라는 것도 있으나 요즘은 node.js를 많이 쓰는 추세)1-1. NVM 설치 (NVM : node.js 버전 매니저 - 워낙 node.js 업데이트가 빨라서...)1-2. node.js 최신버전(정확하게는 LTS버전) 설치Rea

※ 깃허브 레포지토리명과 프로젝트명은 같아야 함다를 경우 : 터미널에서 npm install 입력, node modules 라는 폴더가 생김그 후 프로젝트 종료탐색기로 가서 해당 프로젝트의폴더 내의 .idea 폴더 -> 프로젝트명.iml 파일 복사 -> 프로젝트 폴더

java505_react_test2리액트 공식 홈페이지(Docs)문서 : https://ko.reactjs.org/docs/getting-started.html자습서 : https://ko.reactjs.org/tutorial/tutorial.html

2.7.0 버전 리액트 부트스트랩을 원래는 다운로드 받아서 써야 하는데 지금껏 사용해온 부트스트랩 방식과 너무 달라서 익히는데 시간이 걸림\-> 부트스트랩 홈페이지에 있는 코드 붙여넣으면 사용하던 방식과 유사하게 쓸 수 있음https://getbootstrap

현재 컴포넌트의 상태를 나타내는 객체, 현재 컴포넌트에서 변경 가능한 객체, state 는 직접적인 수정이 불가능함(화면 렌더링과 관련이 있음)setState() : state 의 값을 변경하는 함수컴포넌트가 생성되고 내용이 변경되고 컴포넌트가 삭제되는 상태compon

url 파라미터 restful 방식의 주소 형태로 구성되는 파라미터 기존 url 뒤에 / 와 : 파라미터명을 사용하여 데이터를 전달하는 방식 rest 방식에서 많이 사용함 연결된 컴포넌트에서 useParams 훅을 사용해야 함 사용법 : 기존 url/:파라미터1/:파라

리액트 - 스프링부트 연동 지금은 리액트 프로젝트와 스프링 프로젝트를 별도로 만들어서 연동했지만 실제 배포할때는 그렇게 하지 않는다. 그럼 어떻게 하는지? 1. 스프링 프로젝트 생성 테스트용이라 종속성은 Spring Web만 추가해준다. 여기까지 기본 서버 생성

스프링 공식 사이트https://spring.io/projects/spring-boot!\[](https://velog.velcdn.com/images/i_like_monday/post/a943f5f7-3bb9-4782-b859-31f6a207abee

DatabaseConfiguration.javaClubMemberDto.javadto/ClubAuthMemberDtoUser 상속받아서 사용↓dto/ClubMemberRole.javaclass ====> enum 으로 수정!!mapper/ClubMEmberMapper.

App6.jsx + folder4 > 공부할때 유용한 사이트 : https://www.w3schools.com/react/default.asp 조건부 렌더링 어떠한 조건에 따라서 화면에 표시할 렌더링이 달라지는 것 if 문 사용 시 render() 함수가 동작되는

App7.jsx + folder5 부모컴포넌트의 값을 자식컴포넌트에서 변경하기 TemperatureInput.jsx Calculator.jsx App7.jsx 80 일때 100 일때 컨텍스트 앱(theme 데이터) - 툴바(theme 데이터) - 테마버튼(