전자 명함 구현

[Hello-LSY]

로컬에서 이미지를 저장해보는 방식으로 연동에 대한 실행가능한 기능구현부터 진행.

RN에서는 따로 방안이 없어서 업로드 api를 구현하여 외부리소스로 저장

@PostMapping("/upload")
public ResponseEntity<?> uploadImage(@RequestParam("file") MultipartFile file) {
    try {
        // 파일 이름은 클라이언트에서 온 파일명을 그대로 사용
        String fileName = file.getOriginalFilename();
        Path filePath = Paths.get(UPLOAD_DIR + fileName);

        // 파일 저장 디렉터리 생성
        Files.createDirectories(filePath.getParent());
        // 파일 저장
        Files.write(filePath, file.getBytes());

        // 파일명만 반환 (URL은 클라이언트가 구성)
        return ResponseEntity.ok().body("{\"fileName\": \"" + fileName + "\"}");

    } catch (IOException e) {
        return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("파일 업로드 실패");
    }
}

추후 aws s3에 올릴예정

[Hello-LSY]

순환참조 문제 발생

@OneToOne(mappedBy = "member", cascade = {CascadeType.PERSIST, CascadeType.MERGE}, fetch = FetchType.LAZY)
@JsonIgnore  // 순환 참조 방지
private BusinessCard businessCard;

member 엔티티에 JsonIgnore를 추가하여 해결

[Hello-LSY]

UI

전자명함 홈

전자명함 수정(추후 파일명 없애기 및 플랫폼 ui 개선)

친구 보기

친구 추가