기프티파이에서 정말 원하는 선물을 주고 받아요!

원하는 선물을 받고 싶을 때, 한 사람을 통해 받기에는 부담되는 가격의 선물을 받고 싶을 때가 있습니다. 이때 선물 펀딩을 등록하여 지인들에게 링크를 공유하고, 지인들이 원하는 금액만큼 후원할 수 있는 서비스입니다.

🎁 Giftipie 바로가기

🖥️ Front-End Github

💻 Back-End Github

📓 기프티파이 노션

📘 기프티파이 브로셔

• 2024.01.26 ~ 2024.03.11

문제상황

CI-CD를 통해 자동으로 배포가 이루어질 때, 포트 전환이 되면서 50%확률로 502 Bad Gateway 페이지가 나왔다.

원인파악

로드밸런스 대상그룹의 헬스체크의 딜레이 문제로 서버 안정화가 되지 않았을때 새로운 컨테이너로 호스팅을 연결해서 나타난 문제

해결방법

배포 스크립트에 AWS CLI에 접근하는 코드를 추가하고 대상그룹의 상태검사 체크 여부를 확인하는 코드를 추가하고, health check 딜레이를 감안하여 30의 sleep을 주고, 대상그룹의 상태검사편집을 통해 딜레이를 최소화하여 502 문제를 해결하였다.

문제상황

로그인에 성공하여 자동으로 서버와 클라이언트가 SSE 연결이 되는데, 백엔드 코드 상에서는 Time Out 시간을 1시간으로 설정했지만, 1분이 지나면 자동으로 계속 연결이 끊기는 상황이 발생

원인파악

개발자 도구 콘솔에 ERR_HTTP2_PROTOCOL_ERROR 200 에러 코드가 찍혀있는 것으로 보아 코드상의 문제가 아니라 서버 환경 설정에 문제가 있는 것으로 추론. Nginx 사용시 HTTP 프로토콜 버전이 자동으로 1.0으로 설정되어 SSE 연결이 유지 불가능함을 확인.

해결방법

1. Nginx와 로드밸런서를 같이 사용 중이면 로드밸런서에서 자동으로 HTTP/2 를 기본으로 설정해주기 때문에 별도의 Nginx 설정이 필요없었음.
2. AWS ALB의 ‘트래픽 구성 - 유휴 제한 시간’을 4000초 (1시간 이상)으로 설정하여 코드 상의 1시간 Time Out 설정이 동작할 수 있도록함.

[Project | 트러블 슈팅] 만료된 Access token 내 Claim 추출 불가 건

문제상황

만료된 access token에서 claim을 추출할 경우, ServletException이 지속적으로 발생함

이에 클라이언트가 만료된 access token으로 API를 요청할 경우, 유저를 식별하는 email을 추출하지 못해 아래 로직을 수행하지 못함

• claim 내 email로 DB 내 refresh token 유효 여부를 판별할 수 없음
• claim 내 email로 새로운 access token 재발급이 불가함

원인파악

보안상의 이유로 인해, 만료된 access token에서 claim을 추출할 수 없음을 파악함

해결방법

로그인 시 발급된 access token을 DB에 저장함

이에 클라이언트가 만료된 access token으로 API를 요청할 경우, 만료된 access token으로 유저를 식별해 아래 로직을 수행함

• 식별된 유저의 refresh token으로 DB 내 refresh token 유효 여부를 판별함
• 식별된 유저의 email로 새로운 access token을 재발급함

문제상황

날짜 데이터를 직렬화/역직렬화 하는 과정에서 LocalDateType을 지원하지 않는다는 오류 발생

2024-02-06T11:42:21.857+09:00 ERROR 13956 --- [nio-8080-exec-3] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed: org.springframework.data.redis.serializer.SerializationException: Could not write JSON: Java 8 date/time type `java.time.LocalDate` not supported by default: add Module "com.fasterxml.jackson.datatype:jackson-datatype-jsr310" to enable handling (through reference chain: com.giftforyoube.funding.dto.FundingResponseDto["endDate"])] with root cause

원인파악

**java.time.LocalDate**와 같은 Java 8 날짜/시간 타입을 기본적으로 지원하지 않는 ObjectMapper 설정 때문에 발생하였습니다.

해결방법

처음에는Jackson2JsonRedisSerializer를 사용해서 날짜 데이터를 직렬화/역직렬화 할 수있게 ObjectMapper에 JavaTimeModule을 추가해 설정을 했습니다.

@Bean
public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory redisConnectionFactory) {
  RedisTemplate<String, Object> template = new RedisTemplate<>();
  template.setConnectionFactory(redisConnectionFactory);

  Jackson2JsonRedisSerializer<Object> serializer = new Jackson2JsonRedisSerializer<>(Object.class);
  ObjectMapper objectMapper = new ObjectMapper();
  objectMapper.registerModule(new JavaTimeModule());
  objectMapper.setVisibility(PropertyAccessor.ALL, JsonAutoDetect.Visibility.ANY);
  objectMapper.activateDefaultTyping(LaissezFaireSubTypeValidator.instance, ObjectMapper.DefaultTyping.NON_FINAL, JsonTypeInfo.As.WRAPPER_ARRAY);
  serializer.setObjectMapper(objectMapper);  //스프링부트 3.0 이상부터 deprecated  

  template.setKeySerializer(new StringRedisSerializer());
  template.setValueSerializer(serializer);

  return template;
}

하지만 ObjectMapper의 setObjectMapper가 스프링부트 3.0 이상부터 deprecated 되었다고 하여 커스텀한 serializer를 만들어서 해결하기로 했습니다.

@Bean
public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory redisConnectionFactory) {
   RedisTemplate<String, Object> template = new RedisTemplate<>();
   template.setConnectionFactory(redisConnectionFactory);
   // Key Serializer
   template.setKeySerializer(new StringRedisSerializer());
   // Value Serializer
   template.setValueSerializer(customRedisSerializer());
   return template;
}

@Bean
public RedisSerializer<Object> customRedisSerializer() {
    ObjectMapper objectMapper = new ObjectMapper();
    objectMapper.registerModule(new JavaTimeModule()); // JavaTimeModule 등록
    objectMapper.activateDefaultTyping(LaissezFaireSubTypeValidator.instance, ObjectMapper.DefaultTyping.NON_FINAL, JsonTypeInfo.As.PROPERTY);

    return new RedisSerializer<Object>() {
        @Override
        public byte[] serialize(Object t) throws SerializationException {
            try {
                return objectMapper.writeValueAsBytes(t);
            } catch (Exception e) {
                throw new SerializationException("Error serializing object to JSON", e);
            }
        }

        @Override
        public Object deserialize(byte[] bytes) throws SerializationException {
            if (bytes == null || bytes.length == 0) {
                return null;
            }
            try {
                return objectMapper.readValue(bytes, Object.class);
            } catch (Exception e) {
                throw new SerializationException("Error deserializing object from JSON", e);
            }
        }
    };
}

이렇게 커스텀한 serializer설정을 사용하여 Redis에 저장되는 객체들이 JavaTimeModule을 통해 java.time 패키지 타입을 올바르게 처리할 수 있어 날짜/시간 타입의 직렬화/역직렬화 문제를 해결할 수 있었습니다.

일반 회원가입	일반 로그인

• 유효성 검증과 약관 동의가 포함된 회원가입을 할 수 있습니다.
• Spring Security로 사용자의 개인정보 보안성에 중점을 둔 로그인을 할 수 있습니다.

• 실제 사용 중인 이메일인지 인증 메일을 발송하고, 인증 코드를 발급하여 메일을 인증할 수 있습니다.

• 사용자의 접근성에 중점을 둔 소셜 로그인(Kakao & Google)을 할 수 있습니다.

• 상품 정보가 있는 링크를 입력하여 이미지를 등록할 수 있습니다.
• 이미지 등록 후 나머지 정보들을 모두 입력하여 펀딩을 등록할 수 있습니다.

• 최근 펀딩 구경하기 - 펀딩더보기 를 눌러 최근 순으로 다른 유저들의 펀딩을 볼 수 있습니다.
• 전체, 진행중, 완료 탭을 눌러 상태별로 확인이 가능합니다.

1	2	3	4

• Kakaopay 온라인 결제를 통해 원하는 펀딩에 테스트 결제로 후원할 수 있습니다.

• 펀딩에 참여한 총 인원, 목표 금액 달성으로 펀딩이 종료되어 선물을 받은 인원, Giftipie에서 이루어진 펀딩의 총 금액을 계산하여 페이지에 보여줍니다.

• 페이지 상단에 실시간 알림을 띄워줍니다. 실시간 알림은 후원발생, 펀딩성공, 펀딩마감 시에 동작합니다.

• 우측 상단의 종모양 버튼을 누르면 알림 목록 페이지로 이동되어 받았던 알림메시지들을 확인할 수 있습니다.
• 해당 알림메시지를 누르면 관련 페이지로 이동합니다.
• 원하는 메시지를 선택하여 삭제할 수 있고, 읽은 메시지를 한번에 삭제할 수 있습니다.

• 회원 가입시에 이메일 수신 동의에 체크했다면 실시간 알림 발생 시 사이트에 접속 중이 아니더라도, 이메일로 알림 이메일을 받아볼 수 있습니다.