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

숲에서자고파

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

1인

프로젝트 목적

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

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

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

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

HTML5
CSS3
Javascript
Bootstrap
Chrome Extension

상상항해사

[2024/03 ~]
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
Contact Me