🛠 보유 기술

💼 경력 요약

🌟 사이드 프로젝트 - DOOMOLE

커뮤니티 기반 정보 공유 플랫폼. Next.js와 Spring Boot를 활용해 자유게시판, 영화 순위, 지도 검색 등 다양한 기능을 제공하며, 사용자 인증 및 게시판 CRUD, 이미지 업로드, 게시글 추천, 댓글 시스템을 구현했습니다.

키워드 기반 맛집 지도 검색 기능

TMDB API 기반 영화 목록 조회 및 장르 필터링

최신순 정렬 및 좋아요 기능 포함 게시판 목록

자유게시판 게시글 상세 및 댓글 작성 UI

에디터를 활용한 게시글 작성 및 미리보기

유효성 검사 및 피드백이 포함된 회원가입 화면

로그인 실패 시 사용자 알림 처리

사용자 프로필 조회 및 정보 수정 기능

🧩 코드 예시 - 게시판 목록 조회

// React Query로 자유게시판 리스트 조회
export function useFreeNoticeListQuery(page: number, sort: string, keyword: string) {
  return useQuery({
    queryKey: ['freeNotice', page, sort, keyword],
    queryFn: () => getFreeNoticeList(page, sort, keyword),
  })
}

// API 요청 함수
async function getFreeNoticeList(page: number, sort: string, keyword: string) {
  const query = new URLSearchParams({ page: page, sortType: sort, searchText: keyword })
  const res = await fetch('API_URL/notice?query')

  if (res.ok) return res.json()
  if (res.status === 401) {
    localStorage.clear()
    window.location.href = '/account/login'
  }

  const error = await res.json()
  throw new Error(error.message || 'Fetch error')
}

React Query를 활용해 게시판 리스트를 불러오며, 쿼리 파라미터에 따른 데이터 캐싱 전략을 구현했습니다.

🧩 코드 예시 - 게시판 목록 조회 (Spring Boot)

// Controller
@GetMapping("/list")
public ResSuccess<ResCommonList<List<ResFreeNotice>>> getFreeNoticeList(
    @RequestParam int page,
    @RequestParam String sortType,
    @RequestParam String searchText) {

    ResCommonList<List<ResFreeNotice>> list = freeNoticeService.getFreeNoticeList(page, sortType, searchText);
    return new ResSuccess<>(list);
}

// Service
public ResCommonList<List<ResFreeNotice>> getFreeNoticeList(int page, String sortType, String searchText) {
    Pageable pageable = PageRequest.of((page - 1), 10, getSort(sortType));
    return selectFreeNoticeList(pageable, searchText);
}

// 실제 데이터 조회
public ResCommonList<List<ResFreeNotice>> selectFreeNoticeList(Pageable pageable, String searchText) {
    long count = freeNoticeRepository.countAllByTitleContains(searchText);
    List<FreeNotice> list = freeNoticeRepository.findAllByTitleContains(searchText, pageable);
    List<ResFreeNotice> dtoList = list.stream().map(freeNotice -> {
        int recommendCount = noticeRecommendRepository.countByFreeNoticeIdx(freeNotice.getFreeNoticeIdx());
        ResFreeNotice dto = NoticeConverter.toResFreeNotice(freeNotice);
        dto.setRecommendCount(recommendCount);
        return dto;
    }).collect(Collectors.toList());

    return new ResCommonList<>(count, dtoList);
}

게시판 데이터를 검색 조건과 페이지네이션을 고려해 효율적으로 조회하고, DTO 변환과 추천 수를 포함한 결과를 반환합니다.