저장소

회원가입 부터 구현 MemberDTO  @Data : 클래스의 getter, setter 매서드를 자동으로 생성해준다@Builder : 빌더 패턴을 적용하여 객체를 생성할 수 있도록 해준다.@AllArgsConstructor : 클래스의 모든 필드를 초기화하는 생성자를 자동으로 만들어 준다@NoArgsConstructor : 매개변수가 없는 기본 생성자를 만들어준다.@Data@Builder@AllArgsConstructor@NoArgsConstructorpublic class MemberDto {  private Long id; private String username; private String password;} Member  public class Member {  @Id @GeneratedVal..

Create(put)-post를 통해 해당 uri를 요청하면 리소스를 생성함 Read(get)-get을 통해 해당 리소스를 조회 후 정보를 가져옴 Update(put)-수정 Delete(delete)-삭제 DTO-계층간 데이터 교환을 위한 객체 Entity-실제로 DB에 접근하는 객체-service와 DB를 연결하는 고리의 역할-SQL를 사용해 DB에 접근한 후 적절한 CRUD API 제공

폴더 생성 - vs에서 폴더 가져오기 터미널에 npm init react-app . 입력개발모드 실행 명령어 npm run start개발모드 종료 명령어 ctrl + c

터미널 - vsCode 실행기JSX- 자바스크립트의 확장 문법 - jsx 속성명은 카멜 케이스로 작성-예약어 금지(class -> className, for -> htmlFor)-Fragment 로 감싸기-자바스크립트 표형식 넣기(중괄호)  컴포넌트-리액트 엘리먼트(jsx 문법으로 작성한 요소는 자바스크립트 객체가 됨)-jsx 문법으로 작성된 하나의 요소를 리턴하는 함수가 하나의 컴포넌트임ex>  function Hello() Hello 가 컴포넌트임 props-jsx 문법에서 컴포넌트에 지정한 속성을 뜻함-properties 의 약자 컴포넌트에 속성을 지정해 주면 속성이 하나의 객체로 모여 첫 번째 파라미터로 전달이 됨 children - 커플태그로 작성을 하면 그 안에 작성된 코드function B..