React

react 구글링페이스북에서 제공하는 오픈 소스 javascript 라이브러리사용자 인터페이스 == UIUI 쉽게 만들기 위해서 사용자습서 읽어보기 클릭하면 설명 자세히 나와있음자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 사용(페이스북 제공)컴포

function App() => JS 함수\-> ComponentApp Componentexport 하고 있음 (내보내기)여기서 App 은 src/index.js에서 import\-> App.js 를 나타냄App 함수 호출root 라는 id를 가진 애 가져오겠다publ

React State 상태 값을 의미하는 값이 변경되면 화면이 다시 렌더링 됨 React에서의 state란 컴포넌트 내부에서 관리되는 상태 값을 의미합니다. 컴포넌트가 생성되고, 갱신될 때마다 변경될 수 있는 값이며, 이 값이 변경될 때마다 화면이 다시 렌더링됩니다.

JSX (JavaScript XML) JSX란 JavaScript 확장 문법으로, React에서 UI를 작성할 때 사용됩니다. React에서 JSX를 사용하면, 더욱 직관적이고 가독성이 좋은 코드를 작성할 수 있습니다. 또한, React 컴포넌트 내에서 HTML과 Ja

Context API는 React 컴포넌트 트리 전체에서 데이터를 공유할 수 있는 방법을 제공합니다.이를 통해 중첩된 구조에서 데이터를 전달하는 데 있어서 불필요한 props drilling을 방지할 수 있습니다.props drilling은 React 컴포넌트 구조에서

src/todoList/TodoList.js할 일 추가하기App.js

React는 Facebook에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 만들기 위해 사용됩니다.Spring는 자바 기반의 웹 프레임워크로, 비즈니스 로직을 처리하는 서버측 프로그램을 작성하기 위해 사용됩니다.RestAPI 방식이 기본React는 n

Node.js 홈페이지 이동https://nodejs.org/ko/downloadWindows 설치 프로그램(.msi) 다운로드체크는 안하면 안 넘어가는 것만 하고 다운로드 받아주면 됨다음 C 드라이브에 workspace 폴더 만들어주고 그 안에 React 폴

Context API는 React에서 컴포넌트 트리 전체에 걸쳐 전역적인 데이터를 공유하고 전달하기 위한 방법\-> 깊이 중첩된 컴포넌트들 간에도 데이터를 간편하게 전달할 수 있다.\-> props drilling(상태 내리꽂기)를 피하기 위해 사용createConte

ToDoListsrc/toDoList/ToDoList.js

빠른 개발 서버와 번들링 속도를 제공하는 최신 빌드 도구기존의 Create React App(CRA)보다 훨씬 효율적인 개발 환경을 제공하며, npm create vite@latest 명령어로 쉽게 생성하고 ES 모듈 및 HMR을 통해 개발 편의성을 극대화합니다.Vit

리액트 19 기반 LocalStorage JWT 저장자체/소셜(네이버, 구글) 로그인Access/Refresh 토큰 (다중 토큰)오른쪽 마우스 클릭 New Spring Starter Project 생성Create new Spring Starter Projects 없으면

회원 C : 회원 가입 R : 유저 정보 조회 R : 로그인 \- 자체 \- 소셜 U : 유저 정보 수정 D : 유저 삭제JWT Refresh Rotate OAuth2 cookie -> headerhttps://www.oracle.co

UserEntity 생성

UserRepository 역할순수 DB 접근 전담저장조회삭제존재 여부 확인하면 안 되는 것회원 가입 규칙 로그인 정책비즈니스 판단DB와 직접 통신하는 건 UserRepository Service 단에서는 필요할 때만 호출해서 사용생성자 주입의 의미1\. 의존성 주입(