Dev Log

1️⃣ JSX란? 자바스크립트 문법을 확장시킨 것 ex. const element=Hello, world!; HTML의 h1코드와 자바스크립트 대입 연산자가 결합되어있음 2️⃣ JSX의 역할 JSX는 내부적으로 XML/HTML 코드를 자바스크립트로 변환하는 과정을 거침 JSX로 코드를 작성해도 최종적으로 자바스크립트 코드가 나오게 됨 JSX 코드를 자바스크립트 코드로 변환하는 역할을 하는게 리액트의 createElement() JSX가 js로 변환되기 위해선 createElement가 필요함 순수하게 js만 사용했을때 jsx를 사용한 부분을 React.createElement로 대체해서 사용해야함 JSX 문법을 사용하면 리액트에서는 내부적으로 createElement라는 함수를 사용하게 변환됨 3️⃣ J..

1️⃣ ResponseDto 생성 💚 BoardReadDto 게시글 단독 조회 시 사용 package com.gdsc_teamb.servertoyproject.dto.boardDto; import com.gdsc_teamb.servertoyproject.domain.post.domain.PostEntity; import com.gdsc_teamb.servertoyproject.domain.user.domain.UserEntity; import lombok.Getter; // 게시글 조회 시 사용 @Getter public class BoardReadDto { private Long id; // 게시글 ID private String title; // 게시글 제목 private String content;..

1️⃣ Entity 생성 DB와 매핑하기 위해서 Entity 계층을 만들어주고 필요한 필드들을 선언 💚 PostEntity package com.gdsc_teamb.servertoyproject.domain.post.domain; import com.gdsc_teamb.servertoyproject.domain.user.domain.UserEntity; import jakarta.persistence.*; import jakarta.validation.constraints.NotNull; import jakarta.validation.constraints.Size; import lombok.Builder; import lombok.Getter; import lombok.NoArgsConstructor; ..

외부에서 본인이 만든 서비스에 접근하려면 24시간 작동하는 서버가 필요함 집에 PC를 24시간 구동한다. 호스팅 서비스를 이용한다. 클라우드 서비스를 이용한다. 일반적으로 호스팅 서비스나 집PC를 이용하는 것이 저렴 만약 특정 시간대에 트래픽이 몰린다면 클라우드가 유동적으로 사양을 늘릴 수 있기때문에 더 유리 💚 클라우드 서비스 인터넷(클라우드)를 통해 서버, 스토리지, 데이터 베이스, 네트워크, 소프트웨어, 모니터링 등의 컴퓨팅 서비스를 제공하는 것 클라우드 형태 📌 Infrastructure as a Service(IaaS) 기존 물리 장비를 미들웨어와 함께 묶어둔 추상화 서비스입니다. 가상머신, 스토리지, 네트워크, 운영체제 등의 IT 인프라를 대여해 주는 서비스라고 보시면 됩니다. AWS EC2,..

1️⃣ 수정/조회 API PostApiController 작성 package com.jojoldu.book.springboot.web; import com.jojoldu.book.springboot.domain.posts.PostsRepository; import com.jojoldu.book.springboot.service.posts.PostsService; import com.jojoldu.book.springboot.web.dto.PostsSaveRequestDto; import com.jojoldu.book.springboot.web.dto.PostsUpdateRequestDto; import com.jojoldu.book.springboot.web.dto.PostsResponseDto; imp..

1️⃣ Spring Boot API 만들기 - 계층 구조 설명 프레임워크 사용해 API 서버 만들시에, 프레임워크 구조를 지키며 만들어야 함 계층 구조 (Layered Architecture) 의 핵심 = “관심사 분리” 각 계층은 담당하는 책임을 지키며 하위 계층에 의존함 💚 계층구조의 개념 Presentation Layer (프레젠테이션 계층) HTTP 요청을 처리 파라미터와 JSON 매개변수를 처리 인증에 관련된 로직을 처리 Business Layer (비즈니스 계층) 프레젠테이션 계층에서 전달 받은 데이터 유효성 검사 비즈니스 로직을 구성 Persistence Layer (지속성 계층) 데이터베이스에 대한 논리 모델을 나타냄 비즈니스 로직에서 생성된 개체를 데이터베이스 개체로 변환 데이터베이스 접..