Web Developer
Nimuni

! , .

Next.js .

, .

, 믿.

, .

이름

강이문

지역

대전(거주지), 세종

연락처

010-9021-0623

학력

전북대학교(컴퓨터공학과)

경력

6년 9개월

개발 철학

Design Icon

사용자 중심의 디자인

.

Optimization Icon

성능 최적화

.

Code Quality Icon

코드 품질

.

Communication Icon.png

협업과 커뮤니케이션

.

Skills

Projects

e-발주시스템 2차(SI) [2016.03~2016.05]
개요
  • 시스템 내 파트별(제안, 제안요청) 단위, 통합테스트 진행
  • 버그 수정
주요 내용
  • 단위 테스트 추가 작성
  • 통합 테스트 수행
  • 버그 및 수정사항 적용
개발환경
  • 전자정부 프레임워크, Java, JSP, Oracle 11g DB, javascript, jquery, SVN
주요 성과
  • 통합 테스트 수행 및 오류 리스트 작성
  • 버그 리스트 관리 및 버그 수정
HTML5
CSS
JavaScript
jQuery
AJAX
Java
전자정부 프레임워크
Oracle 11g DB
e-발주시스템 3차(SI) [2016.06~2017.03]
개요
  • 기존 구축된 e-발주시스템의 추가 파트 개발 및 통계 구축
주요 내용
  • 시스템 내 파트(사업관리지원) 설계, 개발, 테스트, 버그수정 수행
개발환경
  • 전자정부 프레임워크, Java, JSP, Oracle 11g DB, javascript, jquery, SVN
주요 성과
  • 사업관리지원 전반적인 파트 개발
  • 상태에 따른 업무 표시 및 추천 정보 표시 기능 개발
  • 국가법령정보센터 법령 페이지 연계
  • 통계 쿼리를 통해 통계 차트 표시를 통한 대시보드 구성
HTML5
CSS
JavaScript
jQuery
AJAX
Java
전자정부 프레임워크
Oracle 11g DB
KR-토지보상시스템 구축(SI) [2017.07~2017.11]
개요
  • 기존 SAP으로 제작되어 있는 토지보상업무를 전자정부프레임워크 기반 시스템으로 전환
주요 내용
  • 토지보상 업무의 업무 분석 및 설계
업무분석
설계
e-감사시스템(솔루션) [2019.03~2019.07]
개요
  • 회사 내 감사시스템 솔루션을 기반 테일러링 수행 (청렴, 민원 업무)
주요 내용
  • 시스템 추가 기능 및 기존 기능 수정을 위한 화면 구성, 테이블 설계, DB 스키마 설계 및 개발 진
개발환경
  • 전자정부 프레임워크, Java, JSP, Oracle 11g DB, javascript, jquery, SVN, extjs3, extjs4
JavaScript
jQuery
AJAX
전자정부 프레임워크
Oracle 11g DB
extjs3
extjs4
짤칵 윈도우 키오스크 프로그램 개발 [2019.08~2021.12]
개요
  • AR을 이용한 동영상 앨범 서비스 짤칵 MVP제작, 프로토타입핑, 서비스 상용화
주요 내용
  • MVP 개발
  • 프로토타입 서비스 개발
  • 서비스 상용화
개발환경
  • MVP: Kotlin, AdobeXD,
  • 키오스크: Electron.js Vue.js3, javascript, MongoDB, three.js, ffmpeg, vuetify
주요 성과
  • 프로젝트 구조 설계 및 컴포넌트 개발
  • 카드 결제 단말 PG사(INICIS, UBCN) 연동
  • 코드 컨벤션 및 커밋 메시지 유형 설정
  • Window 설치 프로그램 제작, 매뉴얼 제작, 3D 디자이너 협업용 프로그램 제작 등을 통해 운영 팀 소요 시간 감소로 거래량 향상에 기여
  • 웹 워커를 적용하여 카메라와 실시간 화면 표시 렌더링 bottle neck 시간 감소
  • UI 렌더링 진행 시 백그라운드 워커를 이용하여 카메라 서비스 병렬 로딩을 통해 UI 로딩 개선
  • 운영 팀용 키오스크 터치 이벤트 및 로그 조회 프로그램 개발
  • 3D 디자이너와의 협업을 위해 three.js를 활용한 3D 촬영 환경 기능 개발
Kotlin
HTML5
CSS
JavaScript
Vue.js
Electron
UBCN 결제
three.js
KAILOS 실내외 통합 위치인식 시스템 개발 및 유지보수 [2021.12~2024.02]
개요
  • ISILAB의 실내위치시스템 KAILOS 기반 KAISTMAP 서비스의 유지보수 및 추가 개발, 배포
주요 내용
  • 서버 유지 보수
  • 서버 배포(On-Premise)
  • 추가 개발
개발환경
  • javascript, Express.js, Mongodb, redis, bootstrap, google map, mapbox
주요 성과
  • 데모 시연 용 시각화 페이지 제작
  • 하드웨어 Tag와의 통신을 위한 RESTful API 개발
HTML5
CSS
JavaScript
Express
MongoDB
Google Maps
Mapbox
세종N 프로젝트 실내위치 서비스 및 PreSPI 솔루션과의 연동 및 배포 []
개요
  • 세종N 시스템 내 KAILOS 기반 PreSPI 솔루션 배포
주요 내용
  • PreSPI 연동 기능 개발
  • KAILOS 서버 배포(On-Premise 세종 도시통합정보센터)
개발환경
  • javascript, Express.js, Mongodb, redis, bootstrap, google map, mapbox
API 추가 개발
연동
배포
NFT 거래소 기획 및 개발 [2022.06~2023.08]
개요
  • Ethereum 기반 NFT 거래소 MVP 개발
주요 내용
  • NFT 거래소 사이트 MVP 개발
  • NFT 거래소 개발
개발환경
  • MVP: HTML, CSS, Javascript, web3js, Metamask API, Bootstrap, solidity
  • Typescript, javascript, Nextjs, reactjs, mongoose, Metamask API, web3js, solidity
HTML5
CSS
TypeScript
JavaScript
Express
Next.js
React.js
Mongoose
MetaMask
Web3.js
Zzalkak Online 시스템 구축 [2023.08~2024.02]
개요
  • 짤칵 프로그램의 웹 어플리케이션 개발
주요 내용
  • Nextjs를 이용한 Zzalkak 연동 웹 프로그램 개발 분석, 설계, 구현
  • 사진, 영상 편집기 구현
  • 결제기능 구현
  • Ffmpeg를 이용한 영상 컨버팅
  • 서비스 배포
개발환경
  • HTML5, Typescript, Reactjs, Nextjs, Mongoose, Mongodb, Tailwindcss, flowbite, ffmpeg, portone, react-ho ok-form
주요 성과
  • 웹페이지에서 사진 및 영상을 업로드 하기 위한 사이트 개발
  • 사진 및 동영상 편집기 개발
  • 카카오 주소찾기 연동
  • Portone을 이용한 토스페이먼츠 결제 기능 연동
  • 사이트 자체 ffmpeg-wasm를 사용에 따른 인코딩 성능 이슈에 발생으로, 서버 컨버팅으로 변경하여 인코딩 속도 20배 개선
  • AWS S3, AWS EC2 배포, AWS IAM, AWS Route53을 통한 클라우드 배포
  • Lets Encrypt, crontab을 통한 SSL 적용
  • Next-Auth를 이용한 Naver, Google, Kakao, Facebook 로그인 연동
  • Google Search Console, Naver Search Advisor 등록
HTML5
JavaScript
React.js
Next.js
Mongoose
MongoDB
TailwindCSS
Nginx
AWS EC2
AWS S3
AWS Route53
Betterme 유지보수 및 개발 [2024.09~]
개요
  • Backend Spring / Frontend Nextjs를 이용한 피부과 업무시스템 및 홈페이지 유지보수 및 개발
주요 내용
  • 병원 업무 및 홈페이지 관리 솔루션의 Frontend(Nextjs 14 Page Router 기반)파트 유지보수 및 새 기능 구현 (화면 디자인 및 개발, 국제화 적용, 프로그램 최적화 수행 등)
개발환경
  • HTML5, JS, Reactjs, Nextjs, MUI, Styled-Component, React hook form, React query, Zustand, i18next, react-quill, swiper, scss, css
주요 성과
  • Better Me 피부과 업무 시스템 Frontend 리드 개발 업무 수행.
  • 유지보수 및 필요한 업무 시스템 제안 및 개발.
  • Next.js 프로젝트의 빌드 프로세스 최적화를 담당. 서버 빌드 대신 로컬 standalone 빌드 방식을 도입하고, 번들링 최적화 툴을 활용하여 빌드 시간 감소 성과 달성
  • Next.js 기반 업무 시스템에 next-i18next를 활용한 다국어(i18n) 기능을 성공적으로 구현. 한국어, 영어, 일본어, 중국어를 포함한 4개 언어를 지원하여 서비스의 글로벌 확장성 및 사용자 만족도 향상에 기여.
  • 빽빽했던 관리자 페이지의 화면 구성을 주도적인 제안을 통해 스크롤 기반으로 변경하여 정보 가독성 및 접근성 향상. 스크롤 도입으로 인한 채팅 노출 문제를 해결하기 위해 마지막 채팅 플로팅 UI 및 이동 기능을 구현하여 관리자 업무 편의성과 만족도 향상.
  • 랜딩페이지 디자인을 주도적으로 제안 및 반영하여 고객 경험 개선. 또한, 기존에 부재했던 SEO를 위해 schema.org 기반 Microdata를 적용을 통하여 검색 엔진 노출 및 유입을 최적화 수행.
  • 업무 시스템 내 색상 코드의 일관성 및 관리 효율성 확보를 위해 하드코딩된 값들을 변수화하여 디자인 시스템 기반을 마련
HTML5
JS
Reactjs
Nextjs
MUI
Styled-Component
React hook form
React query
Zustand
i18next
react-quill
swiper
scss
css

숲에서자고파

[2023/04/20 ~ 2023/04/25]
Project Image
개발인원

1인

프로젝트 목적

숲나들이 라는 자연휴양림 예약 사이트에서 자연휴양림을 예약하려면 특정 시간에 사람이 몰리는 상황에서의 경쟁(티켓팅)을 해야 합니다.

실제 예약 일주일 전 오픈된 예약에 테스트 겸 참여 했으나 생각보다 손이 느려 놓치는 것을 겪은 후 매크로를 만들어야겠다 생각하고 직접 개발하기로 했습니다.

또한, 크롬 확장프로그램에 대한 궁금증이 있어 찾아보았을 때 그리 어렵지 않다는 것을 확인 후 직접 제작해 보기로 결정했습니다.

핵심기능
  1. 스크립트의 동작을 방지하는 프로그램을 회피하여 동작해야 함
  2. 서버시간 및 서버 요청의 도착 시간 체크 로딩화면이 사라졌을 때 해당 객체 클릭
  3. 서버시간 및 서버 요청의 도착 시간 체크
  4. 로딩화면이 사라졌을 때 해당 객체 클릭
기타
  1. 크롬 확장프로그램
  2. 빠른 기능 동작에 초점

HTML5
CSS3
Javascript
Bootstrap
Chrome Extension

상상항해사

[2024/03 ~ 2024/08]
Project Image
Project Image
Project Image
Project Image
Project Image
Project Image
Project Image
Project Image
Project Image
개발인원

1인

프로젝트 목적

글쓰기 동호회 활동 중 각자 작성한 글을 네이버 카페에 업로드하곤 했습니다. 하지만 불편한 점들이 많았습니다. 그렇기에 동호회 맞춤으로 사이트를 개발하는 것이 주 목적입니다.

  1. 소일장에 대한 주제 선정의 어려움
  2. 해당 소일장과 연계된 글인지 확인하기 번거로움
  3. 글쓰기 독려를 위한
  4. 컨텐츠 및 맞춤 기능을 커스텀할 수 없음.
  5. 글 작성 시 모여서 진행하는 만큼 작가 개인별 노트를 찾기가 번거로움

실제 예약 일주일 전 오픈된 예약에 테스트 겸 참여 했으나 생각보다 손이 느려 놓치는 것을 겪은 후 매크로를 만들어야겠다 생각하고 직접 개발하기로 했습니다.

또한, 크롬 확장프로그램에 대한 궁금증이 있어 찾아보았을 때 그리 어렵지 않다는 것을 확인 후 직접 제작해 보기로 결정했습니다.

핵심기능
  1. 진행자가 소일장 시간을 중간에 조정할 수 있어야 함
  2. 참여자는 소일장 진행 중에도 바뀌는 소일장 정보를 업데이트 해야 함
  3. 어디서든 자신의 작가노트를 볼 수 있어야 함
  4. 자신이 쓴 글을 캘린더에 몰아볼 수 있어야 함
  5. 댓글, 좋아요 기능
  6. 관리자 페이지를 통한 사용자 관리
기타
  1. Nodemailer가 아닌 Resend를 이용한 도메인 네임 기반 이메일 전송
  2. Next.js / React.js / Tailwindcss 등에 대한 스터디 겸 프로젝트
  3. NextAuth 및 소셜 로그인 기능

Next.js
TailwindCSS
Shadcn/ui
Recharts
Framer Motion
Zod
React Hook Form
Node.js
TypeScript
Prisma
Amazon S3
NextAuth
Resend
PostgreSQL
Ubuntu Server
Raspberry Pi

포트폴리오 웹사이트

[2024/07/12~2024/07/25]
Project Image
개발인원

1인

프로젝트 목적

Next.js를 이용해 여유시간을 이용하여 포트폴리오 제작을 목표로 진행하였습니다.

핵심기능
  1. 포트폴리오 사이트 설명
  2. nodemailer를 이용한 contact 알림

Next.js
TypeScript
TailwindCSS
Shadcn/ui
React Hook Form
Zod
Framer Motion
Nodemailer
PM2
Ubuntu Server
Raspberry Pi

Nextjs15 App router 기반 Boilerplate

[2025/06/01~]
Project Image
개발인원

1인

프로젝트 목적

Next.js를 이용해 여유시간을 이용하여 포트폴리오 제작을 목표로 진행하였습니다.

핵심기능
  1. Schema.org 기반 SEO 구성
  2. 실제 요청이 많은 기능들(주소검색, Geocoding, 관리자 기능 등) 구현

Next.js
TypeScript
TailwindCSS
Shadcn/ui
React Hook Form
Zod
Framer Motion
Nodemailer
PM2
Ubuntu Server
Raspberry Pi
Contact Me