서비스 중Frontend Developer
안녕하세요, 개발자 신희범입니다.
TypeScript, Next.js 기반으로 사용자 경험 중심의 웹 서비스를 개발하며, 팀원이 쉽게 읽고 확장할 수 있는 클린 코드를 지향합니다.
컴포넌트 기반 설계
재사용 가능한 UI 모듈을 분리·설계하여 가독성을 높이고 유지보수성과 생산성을 확보합니다.
사용자 중심 UX 구현
직관적인 UI/UX와 매끄러운 인터랙션을 고민하여 사용자가 편안하게 사용할 수 있는 환경을 만듭니다.
코드 검증 및 안정성 확보
체계적인 검증 프로세스와 CI/CD를 구축하여 서비스의 품질을 유지하고 결함을 최소화합니다.
Projects
- 서비스 중
서비스 종료
서비스 종료
서비스 종료
Skills
기술 스택
기타 도구
JavaScript
ES6+ 모던 문법과 클로저, 스코프 체인의 동작 방식을 이해하고 로직에 적용합니다.
이벤트 루프와 Promise, async/await 기반의 비동기 흐름 제어 이해 및 적용
고차 함수를 활용한 간결하고 재사용 가능한 로직 구현
에러 핸들링과 예외 흐름을 고려한 안정적인 로직 작성
Experience
2025.062025.12
(주)에듀아이콘
프론트엔드 개발자
- - 대학 입시 컨설팅 서비스 "AimScore" 웹 프론트엔드 개발
- - 프로젝트 마이그레이션 (Django → Next.js)
- - "수능 논술 디데이" 앱 서비스 배포 및 유지보수
- TypeScript
- React
- Next.js
- Tailwind CSS
- Zustand
- Tanstack Query
- Flutter
- Docker
2025.042025.04
루덴시티(주)
프론트엔드 개발자 (인턴)
- - 어드민 대시보드 개발
- - 기존 코드베이스 리팩토링 및 코드 품질 개선
- TypeScript
- React
- Next.js
- Tailwind CSS
- Zustand
- Tanstack Query
- Shadcn UI
Education
2024.072024.11
내일배움캠프 React 6기
React 기반 프론트엔드 개발 역량과 팀 프로젝트를 통한 협업 경험을 쌓는 교육 과정
- - TypeScript, Next.js 기반 웹 애플리케이션 개발
- - 상태관리 및 REST API 연동을 통한 데이터 처리
- - 팀 프로젝트를 통한 협업 및 Git 워크플로우 경험
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
- Figma
2023.072024.01
코리아IT아카데미
웹 표준·React로 컴포넌트 기반 프론트엔드 기초를 익히고, Express로 백엔드 기초 학습
- - HTML5, CSS3, JavaScript 기반 웹 UI 구현
- - React를 활용한 컴포넌트 기반 개발 및 프로젝트 수행
- - Node.js, Express를 활용한 백엔드 기초 및 API 구현
- HTML5
- CSS3
- JavaScript
- React
- Node.js
- Express
Blog
전체 보기탐욕법(Greedy)이란?
문제를 해결하는 각 단계에서 현재 상황에서 가장 좋아 보이는 선택을 반복적으로 내려 전체 문제를 해결하는 기법이다. - 핵심: "지금 당장 최선인 선택을 하고, 그 선택을 절대 번복하지 않는다!" - 매 단계마다 부분 최적해를 선택하며, 이 선택들이 모여 전체 최적해가 되기를 기대한다....
알고리즘
그래프 탐색 - DFS/BFS란?
DFS(Depth-First Search, 깊이 우선 탐색) 와 BFS(Breadth-First Search, 너비 우선 탐색) 는 그래프·트리에서 모든 정점을 빠짐없이 방문하기 위한 가장 기본적인 탐색 알고리즘이다. 둘 다 "아직 방문하지 않은 이웃으로 이동한다"는 큰 틀은 같지만, 다음 노드를 고르는 기준(탐색 순서) 이 다르다. 대부분의 문제는 결국 "어떤 상태(노드)에서 다른 상태로 갈 수 있는가" 로 모델링된다....
알고리즘
Matter.js을 이용해서 물리 엔진 기능 구현하기
이전에 만들었던 포트폴리오 메인 페이지의 상단 영역에 음절이 화면 위에서 떨어지는 인터랙션 기능을 구현했습니다. - "안", "녕", "하", "세", "요"... 와 같은 한글 음절이 하나씩 낙하 - 바닥·벽에 부딪히며 쌓이고, 마우스/터치로 드래그 하며 이동 가능...
dev