솜이의 데브로그

컨트롤러 서버가 수행해야하는 작업을 데코레이터로 기술하여, 어플리케이션이 가지는 핵심 로직에 집중할 수 있도록 도와준다. @Controller 데코레이터를 클래스에 달면 해당 클래스는 컨트롤러의 역할을 하게 된다. @Get() 을 통해 들어오는 요청을 경로에 따라 관리 가능하다. ex) @Get('/hello') 라고 하는 경우, /hello 경로로 들어오는 요청을 처리 @Contoller 데코레이터도 인자를 넣어 라우팅 경로의 prefix를 지정할 수 있다. 라우팅 패스는 와일드 카드를 이용하여 작성할 수 있다. 요청 객체 (Request Object) Nest는 요청과 함께 전달되는 데이터를 핸들러가 다룰 수 있는 객체로 변환한다. 변환된 객체는 @Req() 데코레이터를 이용해 다룰 수 있다. Nes..

Reference : 처음 배우는 리액트네이티브 (김범준) 네비게이션 및 추가 라이브러리들을 먼저 설치한다. npm install @react-navigation/native expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view npm install @react-navigation/stack @react-navigation/bottom-tabs 스타일드 컴포넌트 라이브러리와 prop-types 라이브러리도 추가적으로 설치한다. src/theme.js const colors = { whi..

Reference : Inflearn 실전 스프링부트와 JPA 활용 (김영한님 강의) 주문 기능 테스트 상품 주문 성공 상품 주문 시 재고수량을 초과하면 안된다 주문 취소가 성공해야함 위의 조건들을 만족하는지 테스트해보자. OrderServiceTest.java package jpabook.jpashop.service; import jpabook.jpashop.domain.Address; import jpabook.jpashop.domain.Member; import jpabook.jpashop.domain.Order; import jpabook.jpashop.domain.OrderStatus; import jpabook.jpashop.domain.item.Book; import jpabook.jpash..

Reference : 처음 배우는 리액트 네이티브 (김범준) 모바일 애플리케이션에서 가장 중요한 기능 중 하나인 내비게이션을 만들어보자. 리액트 네이티브에서는 외부 라이브러리를 이용해야한다. npm install --save @react-navigation/native 리액트 내비게이션은 각 기능별로 모듈이 분리되어 있어 이후에도 사용하는 내비게이션의 종류에 따라 개별적으로 추가 라이브러리를 설치해야한다. 1. 리액트 네비게이션 스택 내비게이션 탭 내비게이션 드로어 내비게이션 내비게이션의 구조 Screen 컴포넌트 : 화면으로 사용되는 컴포넌트 name, component 속성을 지정해야한다. 항상 navigation과 route가 props로 전달된다. Navigation 컴포넌트 : 화면을 관리하는 ..

Reference : Inflearn 실전 스프링부트와 JPA 활용 (김영한님 강의) 상품 주문, 주문 내역 조회, 주문 취소 기능을 포함한 주문 도메인을 개발해보자. 주문 엔티티, 주문 상품 엔티티 개발 domain/Order.java 생성 메서드 createOrder() : 주문 엔티티 생성할 때 사용. 생성 메서드에서 다 set해서 완결시켜버림. 주문 취소 cancel() : 이미 배송 완료한 상품이면 주문 취소하지 못하도록 예외 비즈니스 로직에 대한 check logic이 엔티티 안에 있다. 상태 바꾸고 루프 돌면서 아이템의 재고 수정. 전체 주문 가격 조회 개별의 주문 가격과 수량을 곱해서 나온 결과를 더해서 반환. //--생성 메서드==// public static Order createOrd..

Reference : Inflearn 실전 스프링부트와 JPA 활용 1 (김영한님 강의) 상품 도메인 개발 상품 엔티티 개발 상품 등록, 상품 목록 조회, 상품 수정 기능을 포함한 상품 엔티티를 개발해보자. //==비즈니스 로직==// /** * stock 증가 * */ public void addStack(int quantity){ this.sotckQuantity += quantity; } /** * stock 감소 * */ public void removeStock(int quantity){ int restStock = this.sotckQuantity - quantity; if(restStock

Reference : 처음배우는 리액트 네이티브 (김범준) 7. Context API 데이터를 전역적으로 관리하고 사용할 수 있도록 하는 기능. 스타일드 컴포넌트 역시 Context API를 이용해 theme을 애플리케이션 전체에서 사용할 수 있도록 했다. (1) 전역 상태 관리 데이터를 사용하는 컴포넌트가 많다면 최상위 컴포넌트인 App 컴포넌트에서 상태를 관리하여 하위 컴포넌트 어디서 필요로 하든 전달 할 수 있도록 해야한다. props를 이용하여 데이터를 전달하는 경우, 관리하는 상태가 추가되거나 변경될 경우 과정에 속한 모든 컴포넌트를 찾아서 수정해야한다는 단점이 있다. 따라서 개발 뿐만 아니라 유지보수에서도 매우 불편하다. Context API를 이용하면 Context를 생성해 필요한 컴포넌트에..

Reference : 처음 배우는 리액트 네이티브 Hooks 리액트 네이티브 16.8 버전에서 새롭게 추가된 기능이다. 컴퓨넌트의 상태를 관리하거나 생명 주기에 따라 특정 작업을 수행하려면 클래스형 컴포넌트를 사용해야 했다. 하지만 Hooks를 이용할 수 있게 되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다. useState useState 함수를 호출하면 변수와 그 변수를 수정할 수 있는 세터 함수를 배열로 반환한다. 파라미터로 전달한 값을 초깃값으로 갖는 상태 변수와 그 변수를 수정할 수 있는 세터 함수를 배열로 반환. 상태를 관리하는 변수는 반드시 세터 함수를 이용해 값을 변경해야 하고, 상태가 변경되면 컴포넌트가 변경된 내용을 반영하여 다시 렌더링한다. src/components/Cou..