안녕하세요! 현장을 이해하는 사회복지 출신 프론트엔드 개발자 이재현입니다.

안녕하세요! 현장을 이해하는 사회복지 출신 프론트엔드 개발자 이재현입니다. 이 공간에 방문해주셔서 정말 감사합니다. 여러분과 함께 소통하며 성장해나가고 싶습니다.

이 홈페이지는 제가 프론트엔드 개발자로서의 정체성과 가치관을 담아 설계했습니다. "Code meets Design in pixels"라는 슬로건처럼, 기술과 디자인의 조화를 추구합니다. 단순히 기능을 구현하는 것을 넘어, 사용자가 사랑할 수 있는 경험을 만드는 것이 제 목표입니다.

메인 컬러: 보라색 계열 (#472bab, #7d60e8)

보라색은 창의성, 혁신, 그리고 독창성을 상징합니다. 이는 프론트엔드 개발자로서 제가 추구하는 가치와 일치합니다. 보라색의 그라데이션 효과는 기술의 정밀함과 디자인의 아름다움을 동시에 표현합니다.

- Primary Color (#472bab): 깊고 신뢰감 있는 보라색으로, 전문성과 안정성을 전달합니다.

- Secondary Color (#7d60e8): 밝고 활기찬 보라색으로, 혁신과 창의성을 표현합니다.

이 홈페이지는 모던하고 미니멀한 디자인을 추구합니다. 불필요한 요소를 제거하고, 핵심에 집중하는 것이 제 철학입니다. 동시에 따뜻하고 친근한 느낌을 전달하여, 방문자들이 편안하게 느낄 수 있도록 했습니다.

- 미니멀리즘: 깔끔하고 정돈된 레이아웃으로 정보의 가독성을 높였습니다.

- 인터랙티브: GSAP를 활용한 부드러운 애니메이션으로 사용자 경험을 향상시켰습니다.

- 친근함: 부드러운 색상과 둥근 모서리로 접근성을 높였습니다.

사회복지학을 전공하며 사람과 사회 문제를 중심으로 사고하는 법을 배웠고, 사회복지사 1급 자격 취득 후 약 2년간 현장에서 근무했습니다. 다양한 연령과 배경을 가진 클라이언트를 직접 마주하며, 표면적인 요구가 아닌 문제의 본질을 파악하고 상황에 맞는 해결책을 제시하는 경험을 쌓았습니다. 이 과정에서 자연스럽게 커뮤니케이션 능력과 책임감을 기를 수 있었습니다.

현장에서 업무를 수행하며 '더 많은 사람에게, 더 지속적으로 도움을 줄 수 있는 방식은 무엇일까'를 고민하게 되었고, 그 답으로 IT와 웹 서비스에 관심을 가지게 되었습니다. 이후 웹 퍼블리셔 및 웹디자이너로 커리어를 시작하며 사용자 화면을 직접 구현하는 경험을 쌓았고, 이를 계기로 프론트엔드 개발자로 성장하게 되었습니다.

현재는 3년차 프론트엔드 개발자로서 React와 TypeScript를 기반으로 웹 서비스를 개발하고 있습니다. 컴포넌트 단위의 구조적인 설계와 유지보수를 고려한 코드 작성에 집중하고 있으며, API 연동을 통해 실제 서비스 로직을 구현한 경험을 보유하고 있습니다.

퍼블리셔 및 웹디자이너 경험을 바탕으로 단순히 "동작하는 화면"이 아닌, 사용자 입장에서 이해하기 쉬운 UI와 자연스러운 인터랙션을 구현하는 데 강점을 가지고 있습니다. 또한 디자인 시안의 의도를 이해하고 개발 단계에서 발생하는 이슈를 사전에 조율하는 등, 협업 과정에서의 커뮤니케이션에도 강점을 가지고 있습니다.

- React & Next.js: 컴포넌트 기반 개발과 서버 사이드 렌더링을 통해 성능과 사용자 경험을 최적화합니다.

- TypeScript: 타입 안정성을 통해 더 견고한 코드를 작성합니다.

- Vite: 빠른 개발 서버와 최적화된 빌드 도구를 통해 개발 생산성을 향상시킵니다.

- GSAP: 부드럽고 매끄러운 애니메이션으로 사용자 경험을 향상시킵니다.

- Firebase: 실시간 데이터베이스와 인증 시스템을 활용하여 빠른 프로토타이핑과 배포를 가능하게 합니다.

- React Query: 데이터 패칭 및 상태 관리 최적화를 위해 학습하고 적용하고 있습니다.

다양한 도메인의 웹 애플리케이션을 개발하며, 단순한 기능 구현을 넘어 사용자 경험과 비즈니스 요구사항을 동시에 충족하는 프론트엔드 개발을 지향해 왔습니다. 운동 보조 앱, 휴대폰 판매 플랫폼, 쇼핑몰 커뮤니티, 탄소중립 서비스 등 서로 다른 목적과 사용자군을 가진 프로젝트를 경험하며, 서비스의 성격에 맞는 화면 설계와 인터랙션 구현 역량을 쌓았습니다.

특히 비디오 재생, CRUD 기반 데이터 관리, 실시간 상호작용, QR 코드 인증, 포인트 적립·사용 등 실제 서비스 운영에 필요한 기능을 다수 구현하며 API 연동과 상태 관리, 사용자 흐름 설계에 대한 이해를 높였습니다. 또한 웹 서비스 기반의 프로젝트를 React Native WebView를 활용해 앱으로 배포한 경험을 통해, 웹과 모바일 환경 간의 차이를 고려한 개발 경험도 보유하고 있습니다.

이러한 프로젝트 경험 속에서 코드 구조 개선과 성능 최적화, 유지보수성을 고려한 컴포넌트 설계의 중요성을 체감했으며, React Query 도입 및 렌더링 최적화 등 성능 개선을 위한 시도를 지속적으로 이어가고 있습니다. 사회복지 현장에서 길러진 커뮤니케이션 역량과 퍼블리싱·디자인 경험을 바탕으로, 기획·디자인·개발 사이의 간극을 줄일 수 있는 프론트엔드 개발자라는 점이 저의 가장 큰 차별화 포인트입니다.

이 홈페이지 자체도 제가 직접 설계하고 개발한 프로젝트입니다. Next.js 14의 App Router를 활용하여 최신 기술 스택을 적용했고, GSAP를 활용한 인터랙티브한 애니메이션을 구현했습니다. 특히 방명록 기능을 통해 방문자들과 소통할 수 있는 공간을 마련했습니다.

이 홈페이지에는 다양한 기능들이 구현되어 있습니다:

- 방명록: Firebase Realtime Database를 활용한 실시간 방명록 및 댓글 시스템

- 프로젝트 포트폴리오: 진행했던 프로젝트들을 카테고리별로 정리하여 소개

- 사진 갤러리: Google Drive API를 연동하여 사진을 관리하고, EXIF 데이터를 추출하여 렌즈별로 분류하는 기능

- 운동 기록: Strava API를 연동하여 러닝과 자전거 운동 데이터를 시각화하고 통계를 제공하는 기능

- 다국어 지원: i18next를 활용한 한국어/영어 다국어 지원

- 다크모드: 사용자 선호도에 따른 다크모드/라이트모드 전환 기능

- Firebase 인증: 회원가입, 로그인, 비밀번호 찾기 등 완전한 인증 시스템

- SEO 최적화: robots.txt, sitemap.xml, 메타데이터 최적화를 통한 검색 엔진 최적화

이 프로젝트는 다음과 같은 기술적 특징을 가지고 있습니다:

- 서버 사이드 EXIF 데이터 추출: exif-parser를 활용하여 서버에서 이미지 메타데이터를 추출하고 렌즈 정보를 분석

- Google Drive API 연동: OAuth 2.0을 활용한 안전한 API 연동 및 이미지 프록시 처리

- Strava API 연동: OAuth 2.0 인증을 통한 운동 데이터 연동, 자동 토큰 갱신, 러닝 페이스 및 자전거 속도 계산

- 반응형 디자인: 모바일, 태블릿, 데스크톱 등 다양한 디바이스에 최적화된 UI/UX

- 성능 최적화: 이미지 lazy loading, 코드 스플리팅, 서버 사이드 렌더링을 통한 최적화

프론트엔드 개발자로서 화면을 구현하는 역할을 넘어, 사용자가 서비스를 자연스럽게 이해하고 문제없이 사용할 수 있도록 돕는 역할에 가치를 두고 있습니다. 다양한 프로젝트 경험을 통해 "어떤 기능을 만들 것인가"보다 "왜 필요한 기능인가"를 먼저 고민하는 개발 방식이 중요하다는 것을 체감해왔습니다.

현재는 React Query를 비롯한 데이터 패칭 및 상태 관리 방식, 성능 최적화 기법을 중심으로 학습과 실무 적용을 병행하며 프론트엔드 역량을 더욱 강화하고 있습니다. 더 나아가 협업의 이해도를 높이기 위해 백엔드 구조와 데이터 흐름에 대한 학습도 지속하고 있으며, 향후에는 서버와 데이터베이스까지 이해하는 개발자로 성장하고자 합니다.

건강한 몸에 건강한 정신이 깃든다고 생각하고 있습니다. 오랜 시간 앉아서 일하는 업무 특성상 자기관리가 중요하다고 생각해서 꾸준히 운동을 하고 있습니다. 러닝과 자전거 타기를 통해 몸과 마음을 단련하며, 개발자로서 지속 가능한 성장을 추구하고 있습니다.

개발은 혼자 하는 것이 아닙니다. 팀과의 협업, 오픈소스 기여, 그리고 커뮤니티 활동을 통해 함께 성장하고 싶습니다. 앞으로도 사용자 경험과 서비스 안정성을 동시에 고려하는 프론트엔드 개발자로서, 팀과 긴밀하게 소통하며 제품의 완성도를 높이는 데 기여하고 싶습니다.

이 홈페이지는 제가 프론트엔드 개발자로서의 여정을 담은 공간입니다. 기술과 디자인의 조화, 사용자 경험에 대한 열정, 그리고 지속적인 학습의 의지를 담았습니다.

여러분의 방문과 피드백은 저에게 큰 힘이 됩니다. 방명록에 소중한 메시지를 남겨주시면 정말 감사하겠습니다. 함께 성장하며 더 나은 웹을 만들어가요!

감사합니다. 💜