
미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 황병선
- 이메일
- hbs0133@naver.com
- 간단소개
- "개발자가 불편할수록 사용자가 편하다"라는 멘토님의 말씀을 듣고, 더 나은 사용자 경험을 제공하기 위해 깊이 고민하며 개발에 임하고 있습니다. 제가 만든 기능이 사용자에게 자연스럽게 다가가고, 불편함 없이 활용될 때 가장 큰 보람을 느낍니다. 이를 위해 소통의 강점을 활용하여 팀원들과 긍정적인 분위기에서 적극적으로 커뮤니케이션하며 사용자의 니즈를 파악하고, 개발 과정에서 끊임없이 개선하며, 비즈니스적 가치 실현을 목표로 합니다.

기술 스택
- 기술 스택
- React
- TypeScript
- Next.js
- GitHub
- react-query
- TailwindCSS
프로젝트
- 프로젝트명
- Rolling
- 소속/기관명
- CodeIt Sprint
- 프로젝트 기간
- 2024.06. - 2024.07.
- (2개월)
- 프로젝트 설명
기존에 기본 프로필 이미지 사용으로 인한 유저 간 구별 어려움을 해결하기 위해, Firebase Storage를 활용한 프로필 이미지 업로드 기능을 개발해 개인화된 사용자 경험을 제공했습니다.
기존에는 사용자가 프로필 이미지를 변경할 때마다 서버에 업로드하여 미리보기를 제공하던 방식을 사용했으나, 이로 인해 비효율적으로 데이터가 저장되는 문제를 해결하기위해 로컬에서 미리보기를 제공하고, 최종적으로 제출 시에
서버에 이미지를 업로드하도록 변경하여 서버 저장공간 사용을 최적화 하였습니다.텍스트 에디터를 활용하여 다양한 서식 지원으로 메시지 작성 환경을 풍부하게 사용자 경험을 향상했습니다.
미리보기 기능을 통해 롤링페이퍼 작성 흐름을 직관적으로 개선했습니다.
SCSS로 반응형 레이아웃을 설계해 다양한 디바이스에서 일관된 미리보기 화면을 제공했습니다.
롤링페이퍼 제출 전 사용자 확인을 위한 모달 기반 UI를 설계했습니다.
사용자가 실수를 줄이고, 안정적인 메시지 작성/제출 환경을 제공했습니다.
React Context API를 활용해 다크 모드와 테마 적용이 가능한 드롭다운 UI를 개발했습니다.
클릭 외부 감지, 애니메이션 효과를 통해 사용자 경험을 최적화하였습니다.
Description
손글씨 롤링페이퍼의 따뜻함을 웹 환경에서도 간편히 느낄 수 있도록 설계한 플랫폼
Experience
프로필 이미지 업로드 기능 개발 및 개선
WYSIWYG방식의 텍스트에디터 추가
롤링페이퍼 미리보기 추가
모달 기반 메시지 확인 및 제출 프로세스 최적화
드롭다운 기반 동적 UI 설계
- 프로젝트명
- Schedo
- 소속/기관명
- CodeIt Sprint
- 프로젝트 기간
- 2024.07. - 2024.08.
- (2개월)
- 프로젝트 설명
Open Graph 태그(og:title, og:description, og:image 등)를 설정했습니다.
공유 시 썸네일과 설명을 통해 공유받은 사용자가 사이트의 핵심 정보를 한눈에 파악하고, 직접 방문할 가능성을 높였습니다.페이지네이션을 커스텀 훅으로 모듈화하여 코드 재사용성을 증가시켰습니다.
페이지네이션 UI에서 총 페이지가 2페이지 이하일 경우, 렌더링을 하지 않도록 개선하여 불필요한 인터페이스 요소를 줄였습니다. 이 최적화를 통해 필요한 경우에만 페이지네이션이 표시되며, 사용자 경험을 향상시켰습니다
무한스크롤을 커스텀 훅으로 모듈화 하여 코드 재사용성을 증가시켰습니다.
useInfiniteQuery와 Intersection Observer를 결합하여 사용자가 별도의 조작 없이도 자연스럽게 데이터를 불러올 수 있도록 개선했습니다.cursor 기반 API 요청을 적용하여, 페이지기반 보다 더 효율적으로 데이터 로딩을 할 수있게 개선했습니다.
검색 기능을 추가하여 초대받은 대시보드를 실시간으로 필터링할 수 있도록 개발했습니다.
키워드가 일부라도 포함되면 검색되도록 구현하여 유연한 검색 경험을 제공했습니다.데이터를 효율적으로 관리하기 위해 TanStack Query를 사용하여 서버 상태를 최적화했습니다.
-useQuery
를 활용하여 대시보드, 초대 내역, 멤버 리스트 데이터를 불러오는 기능을 구현했습니다.
-useMutation
을 사용하여 대시보드 수정, 멤버 삭제, 초대 취소 등의 변경 사항을 서버에 즉시 반영하도록 했습니다.
-invalidateQueries
를 활용하여 데이터 변경 시 최신 데이터를 유지할 수 있도록 캐싱 전략을 최적화했습니다.
Description
GitHub Projects와 Notion에서 영감을 받은 팀 협업 및 일정 관리 최적화를 위한 대시보드 중심 플랫폼
Experience
SEO 최적화 및 메타데이터 설정
페이지네이션 커스텀 훅 개발
무한 스크롤 기능 구현
초대받은 대시보드 검색기능
TanStack Query를 활용한 데이터 상태 관리
자기소개
- 자기소개
1. 지원동기
아이디어를 구상하고, 직접 손으로 형태화하는 일에 매력을 느껴 패션디자인을 전공했고, 졸업 후에도 창작에 대한 갈증이 남아 있었습니다. 그러던 중, 개발이라는 분야를 접하게 되었고 기획한 아이디어를 실질적인 서비스로 구현해낼 수 있다는 점에서 큰 흥미와 몰입감을 느꼈습니다.
무언가를 '만든다'는 본질은 같지만, 개발은 더 넓은 가능성과 더 빠른 피드백을 통해 사용자에게 직접적인 가치를 줄 수 있다는 점에서 저에게 더욱 매력적인 창작 수단이 되었습니다.
이후 프론트엔드 기술을 집중적으로 학습하며 다양한 프로젝트를 진행했고, 실제 사용자 경험을 중심에 둔 사용자 흐름, 성능 최적화, 기능 개선 등 사용자 중심 개발에 대한 흥미와 보람을 더욱 깊이 느끼게 되었습니다.
특히 여러사이드프로젝트를 통해 기획부터 개발, 협업까지 경험하면서 제가 추구하고 싶은 개발자의 방향성을 더욱 확신하게 되었고, 이제는 실제 사용자와 비즈니스 환경에서 그 경험을 실현하고 싶다는 마음으로 지원하게 되었습니다.
2. 교육활동
비전공자로 처음 개발을 접했을 때는 낯선 개념과 사고방식에 어려움을 느꼈습니다 하지만 매일 조금씩 꾸준히 학습하며 개발 루틴을 만들어 나갔습니다.
기초적인 문법과 원리를 반복적으로 익히는 것부터 시작해, 프로젝트를 통해 실제로 화면을 구현하고 기능을 완성해가는 경험 속에서 점점 개발에 대한 이해와 역량을 강화할 수 있었습니다.
이후에는 더 깊은 이해를 위해 개발 관련 아티클을 읽고 관련영상등 을 찾아보며 스스로 학습의 폭을 확장해 나가고 있습니다.
이러한 과정을 통해 기술적인 부분은 물론 문제를 해결하는 접근 방식에서도 더 나은 방향을 고민하게 되었고,
새로운 기술이나 트렌드를 마주할 때도 두려움보다는 호기심으로 접근하는 태도를 가지게 되었습니다.
프론트엔드 분야는 기술의 발전과 변화 속도가 빠른 만큼, 그 흐름에 맞춰 끊임없이 공부하고 유연하게 적응하는 것이 중요하다고 생각합니다.
꾸준한 학습과 성장에 대한 의지는 지금도 계속되고 있으며, 앞으로도 변화하는 환경 속에서 개발역량을 끊임없이 발전해 나가고자 합니다.
3. 성격의 장점
저는 조심성이 많아 사소한 부분도 놓치지 않으려는 습관이 있습니다. 유저플로우 에서 발생할 수 있는 불편을 사전에 예방하여 사용자 친화적인가를 한번더 점검합니다.
실제로 Rolling 프로젝트에서는 사용자 입력 누락, 이미지 처리 오류 등 예외 상황을 선제적으로 체크하며 사용자흐름의 안정성을 높였습니다.
Schedo 프로젝트에서는 팀보다 먼저 API 관련 조건 오류를 찾아내고 개선 방안을 제안했던 경험이 있습니다.
또한 팀원들과의 협업에서는 항상 밝고 긍정적인 에너지로 분위기를 부드럽게 이끄는 역할을 자주 맡아왔습니다.
실제 팀 프로젝트 중 받은 피어 리뷰에서 "분위기를 안정시켜 주는 사람", "긍정적인 리액션으로 협업을 즐겁게 만든다", "다른 의견이 있을 때도 갈등 없이 소통을 이끈다"는 평가를 받은 바 있으며,
제가 맡은 작업에 대해서도 항상 책임감 있게 완성도 있게 마무리했다는 피드백을 받았습니다.
이처럼 저는 꼼꼼한 디테일과 조심성, 그리고 협업 안에서의 긍정적인 커뮤니케이션이라는 두 가지 성향을 바탕으로,
안정적이고 즐거운 팀 환경 속에서 함께 성장할 수 있는 개발자가 되고자 합니다.
4. 입사후 포부
저는 사용자에게 편안하고 자연스러운 경험을 전달하고, 팀과 함께 의미 있는 가치를 만들어내는 개발자가 되고자 합니다.
그동안 진행한 프로젝트에서는 기능 구현뿐 아니라, 사용자 흐름을 고려한 UI 설계와 데이터 효율성 개선, 커뮤니케이션 기반의 협업을 통해 서비스의 완성도를 높이고자 노력해왔습니다.
이러한 경험을 바탕으로, 입사 후에는 제가 맡은 기능 하나하나가 실제 사용자에게 도움이 되고, 나아가 회사의 비즈니스 가치 실현과 서비스 방향에 실질적인 기여를 할 수 있도록 고민하고 실천하겠습니다.
회사의 가치를 온전히 이해하고, 그 안에서 제가 가진 기술과 커뮤니케이션 역량으로 함께 성장할 수 있는 사람으로 자리 잡고 싶습니다.
빠르게 변화하는 환경에서도 유연하게 대응하여 회사의 방향성과 비즈니스적 가치를 연결하고 실현하는 개발자가 되겠습니다.
교육
- 소속/기관
- 코드잇
- 종류 | 전공명/전공계열
- 사설 교육 | Codeit Sprint
- 재학 기간 (재학 상태)
- 2024.04. - 2024.10. (수료)
- 소속/기관
- 그린컴퓨터
- 종류 | 전공명/전공계열
- 사설 교육 | 웹퍼블리셔&리액트(React)활용 프론트엔드 웹 SW개발자 과정 수료
- 재학 기간 (재학 상태)
- 2023.02. - 2023.08. (수료)