멋사 Backend Plus 27일차 🦁

오늘도 오전과 오후 둘다 팀 프로젝트를 진행하였고, 오후에는 프로젝트에 필수적으로 리액트 기술을 추가해야한다고 하여 오후에는 챗 GPT와 함께 리액트를 적용하였다.

오전

• 오전에는 백엔드 단 작업을 하였고, 작업을 하면서 느낀 궁금증을 정리 해보겠습니다.

➡ 서비스 클래스가 다른 서비스 클래스를 의존해도 되는가에 대한 궁금증 이였습니다. 아래 코드를 보고 정리 해보겠습니다.

아래의 코드는 상품을 이미지와 함께 등록할수 있는 메소드가 존재하는 서비스 클래스 입니다.

@Service
@RequiredArgsConstructor
@Transactional(readOnly = true)
public class ProductServiceImpl implements ProductService {
    private final ProductRepository productRepository;
    private final ImageRepository imageRepository;
    
    @Value("${spring.servlet.multipart.location}")
    private String productImagePath;

@Override
@Transactional
    public void createProductWithImage(CreateRequest createRequest, 
    						MultipartFile images) throws IOException {
        if (!isImageExists(images)) {
            initProduct(createRequest);
        }
        if (isImageExists(images)) {
            String imageLocation = productImagePath;
            Product product = initProduct(createRequest);
            for (MultipartFile image : images) {
                String imageName = image.getOriginalFilename();
                String imagePath = imageLocation + imageName;

				// 이미지 관련 IOException
                validateCreateDirectory(imageLocation);
                validateTransferImage(imagePath, image);

				// 상품의 연관관계인 메소드를 통해 이미지 저장
                Image productImage = Product.createProductImage(imagePath);
                product.addProductImage(productImage);
                
                imageRepository.save(productImage);
            }
        }
    }
}

해당 ProductServiceImpl 클래스에서는 Product 레포지토리와 Image 레포지토리를 의존성 주입을 받아 createProductWithImage 메소드를 통해 Product 를 저장하고 Image 를 저장하게 됩니다.

이 부분에서 하나의 메소드가 많은 기능을 수행하고 있다고 생각하였고, Image 레포지토리를 ProductServiceImpl 클래스에 의존할 필요가 없다고 생각 하였습니다. ➡ (ImageServiceImpl 클래스를 생성)

개선한 코드 입니다.

---

@Service
@RequiredArgsConstructor
@Transactional(readOnly = true)
public class ProductServiceImpl implements ProductService {
    private final ProductRepository productRepository;
    private final ImageService imageService;

    @Override
    @Transactional
    public void createProductWithImage(CreateRequest createRequest,
    				MultipartFile images) throws IOException {
                    
        if (!isImageExists(images)) {
            initProduct(createRequest);
        }
        if (isImageExists(images)) {
            Product product = initProduct(createRequest);
            imageService.uploadImage(product, images);
        }
    }
}

➡ ProductServiceImpl 클래스에서는 상품만 저장하며, imageService 클래스의 uploadImage 메소드에 Product 객체를 파라미터로 넘기게 됩니다. 즉 이말은 이미지를 저장하는 코드는 아래와 같이 ImageService 에서 처리 한다는 뜻 입니다.

@Service
@RequiredArgsConstructor
public class ImageServiceImpl implements ImageService {
    private final ImageRepository imageRepository;

    @Value("${spring.servlet.multipart.location}")
    private String productImagePath;

	// Product 객체를 파라미터로 넘기면서, 메소드를 분리 하였다.
    @Transactional
    public void uploadImage(Product product, 
    			MultipartFile image) throws IOException {
        String imageLocation = productImagePath;
        String imageName = image.getOriginalFilename();
        String imagePath = imageLocation + imageName;

		// 이미지 관련 IOException
        validateCreateDirectory(imageLocation);
        validateTransferImage(imagePath, image);

		// 상품의 연관관계인 메소드를 통해 이미지 저장
        Image productImage = Product.createProductImage(imagePath);
        product.addProductImage(productImage);
        imageRepository.save(productImage);
    }
}

마무리

여러 자료와 블로그를 찾아보며 여러 글이 있었지만, 서비스 단에서는 레포지토리만 의존성 주입을 하여 얻는 장점이 있기도 했으며, 서비스 클래스는 다른 서비스를 의존성 주입을 받아 서비스 레이어 (계층)을 분리하여 얻는 장점이 있다고 합니다. 상황에 맞춰 장단점을 찾아보며 적용하면 좋을 것 같습니다.

오후

vs code IDE (개발도구) 에서 Node.js를 설치하고 리액트를 설치 하였다.

리액트 기술에 대해서는 완전 문외한이라 챗 GPT와 팀원분께 도움을 받으면서 프론트 쪽 작업을 하였고, 내일까지 도움을 받아야 될 것 같다..