React 커뮤니티 프론트엔드 개발 — LoLFight 팀 프로젝트 참여

팀 프로젝트에서 댓글 API·추천 상태·다크모드 등 본인이 담당한 프론트엔드 개선 사례입니다.

2026-10-15 (목) 16:30:47 조회 11
문의하기
React 커뮤니티 프론트엔드 개발 — LoLFight 팀 프로젝트 참여
React Next.js TypeScript Tailwind CSS

본인 참여 범위

LoLFight 팀 프로젝트에서 본인이 담당한 React/Next.js 프론트엔드 작업을 소개합니다. 전체 사이트를 단독 개발했다는 뜻이 아니며, 별도 외주 납품 실적으로 제시하는 사례도 아닙니다.

담당한 작업

  • 댓글 입력값과 사용자 정보를 기존 작성 API에 연결하고, 댓글 깊이에 따른 들여쓰기와 답글 버튼 노출 조건을 다뤘습니다.
  • 에디터 이미지 업로드 응답을 본문 이미지로 연결했습니다.
  • 게시글 추천 상태 조회의 실행 조건과 의존성을 조정하고, 추천 요청 성공 후 로컬 상태를 갱신하도록 수정했습니다.
  • 로그인·회원가입 입력창과 프로필 메뉴의 다크모드 스타일을 수정했습니다.

사용 기술과 작업 기준

Next.js, React, TypeScript, REST API, Tailwind CSS를 사용한 화면·상태·API 연동 사례입니다. 전체 서비스의 기능·보안·현재 운영 성과를 본인 작업 성과로 주장하지 않습니다.

첨부 자료

대표 이미지는 기존 포트폴리오의 본인 작업 설명 페이지입니다. 추천 상태·댓글 깊이·테마 처리의 수정 전후를 정리한 설명 자료이며, 완성 UI 화면이나 고객 납품 화면으로 제시한 이미지가 아닙니다. 공개 사이트 링크는 팀 서비스 소개용입니다. 비공개 소스코드나 계정·개인정보는 공유하지 않습니다.

유사 작업 문의

React/Next.js 커뮤니티·사업용 웹 화면, 댓글/작성 폼, 기존 API 연결과 사용자 입력 흐름 개선을 검토할 수 있습니다. 현재 사이트·대상 화면·재현 경로·기존 코드와 연동/API·검수 기준을 확인해야 정확한 금액과 기간을 산정할 수 있습니다. 요구사항과 준비 상태를 확인한 뒤 협의하며, 범위에 따라 금액·기간이 달라질 수 있습니다. 변경 작업은 사전 합의 후 진행합니다. 문의는 SIR 포트폴리오의 문의 기능을 이용해 주세요.

댓글 (0)

로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다. 첫 번째 댓글을 남겨보세요!