미리보기
기본 정보
안녕하세요, 프론트엔드 개발자 문찬웅입니다. 제가 가장 중요시하는 가치는 제품의 성능, 사용자 경험, 그리고 개발자 경험입니다. 웹퍼블리싱, HTML, CSS, 자바스크립트를 이용하여 프론트엔드 개발을 수행하였고, 또한 React Native 를 활용하여 모바일 앱을 개발한 경험이 있습니다. "호랑이는 가죽을 남기고, 개발자는 코드를 남긴다"는 신념을 가지고 협업에 참여하고 있습니다. 항상 협업에서의 원만 한 경험을 위해 높은 품질의 코드를 작성하고, 생산성을 높이는 노력을 기울이고 있습니다. 또한 HTML, CSS, JS를 프 론트엔드의 핵심으로 인식하며, 이 분야에서의 계속된 성장을 추구하고 있습니다
기술 스택
JavaScript, HTML/CSS, Sass, React, React Native, AWS, Next.js, Node.js
경력
시그네틱스(주)
사원 | 정보기술팀
2021.08. ~ 2022.04. (9개월)
- Frontend 개발 / 운영
신규 개발 (React/hbs(nodeJS)) - Backend 개발 / 운영
기존 시스템(DB)유지하면서 migration 진행
Power BI to NodeJS(ExpressJS)
Java to NodeJS(ExpressJS) - Batch를 위한 Javascript 개발/운영
- onPremise 배포(window 환경)
pm2 배포
한국일보사(주)
사원 | 디지털 미디어부 | 재직 중
2022.04. ~ 재직 중 (2년 11개월)
Front-end 개발/Publishing/React-Native 운영, 개발 및 배포
- React-native 한국일보 /Java, Swift The Korea Times 앱 운영, 배포 및 개발
- React-native 한국일보 CMS / The Korea Times CMS (HERB) 앱 운영, 배포 및 개발
- 한국일보 홈페이지 Publishing (적응형) (scss, grunt, javascript, html)
- 한국일보 홈페이지 front 운영(scss, jsp, javascript, NCP)
- 한국일보 인터렉티브 제작 (반응형) (scss, AstroJS, ReactJS, pug, grunt, vite)
- 한국일보 CMS (HERB) (React / Augular
프로젝트
한국일보 봉황대기 리뉴얼
한국일보
https://bonghwang.hankookilbo.com/
*HTML/SCSS/VanillaJS/grunt -> Astro, react based component 전면 개편.
*SNS 공유 기능 개발
*기존 소스중 하드코딩적 소스 자동화 작업 (pagination 기능 개발, 참가 학교)
*대진표 기능 개발 (엑셀 데이터 -> recursive tree format)
*LocalStorage를 이용해 UX 개선
*현재 경기 정보(live 시 -> 라이브 경기 볼 수 있는 youtube 실시간 플레이어 제공)
*경기 결과 정보에 따른 시각화
한국일보 CMS 신규서비스 Video Management System
한국일보
2022.08. ~ 2022.10.
Monorepository를 통한, CMS 에서 Video Management System 개발.
동영상 삽입, 및 관리
동영상 통계 dashboard page
- React/Sass/Material UI/webpack5
SCM 웹 시스템
시그네틱스
2021.12. ~ 2022.02.
개발환경: npm, React, ExpressJS, OracleDB, css module
클라이언트 라이브러리: ag-grid-react, axios, react-icons, react-router-dom, xlsx
서버 라이브러리: cors, express-validator, jsonwebtoken, nodemailer, winston
주요 개발 내용: 다양한 기능과 모듈화된 컴포넌트로 Purchase Order 조회, 스케줄 엑셀 업로드, 사용자 인증과 비밀번호 관리,
로깅 시스템 등.
익명 입찰을 위한 웹 시스템
시그네틱스
개발환경: npm, Vanilla JavaScript, ExpressJS, MongoDB, hbs, css
라이브러리: bcryptjs, express-session, hbs, jsonwebtoken, mongodb, mongoose, multer, nodemailer, passport,
passport-local, validator
주요 개발 내용: Vendor 주소록 및 견적서 등록, NodeMailer를 통한 입찰 공지 메일 송부, JsonWebToken을 사용한 Vendor
인증 및 입찰서 업로드 등.
공급망 관리 시스템 (React, ExpressJS, OracleDB)
Cheerio를 사용하여 금속 시세를 기준 사이트에서 크롤링 DB 자동입력 시스템.
시그네틱스
2021.11. ~ 2021.12.
개발환경: Node.js, npm
라이브러리: cheerio, Axios
주요 개발 내용: Cheerio를 사용하여 기준 사이트에서 데이터를 크롤링하고, Oracle DB에 자동으로 데이터를 입력하며, 입력 여
부에 따라 자동으로 메일링.
환율 자동 입력 시스템 (Node.js)
시그네틱스
2021.10. ~ 2021.11.
환율 자동 입력 시스템 (Node.js) 2021-10 ~ 2021-11
Excel 형식의 데이터를 parsing하여 Oracle DB에 자동으로 입력하는 시스템.
개발환경: Node.js, npm
라이브러리: xlsx
주요 개발 내용: 은행 웹사이트에서 다운로드한 Excel을 FTP를 통해 가져와서 ExcelReader를 사용하여 데이터를 파싱하고,
Oracle DB에 자동으로 데이터를 입력하며, 입력 여부에 따라 자동으로 메일링
포트폴리오
외국어
영어
원어민 수준
자기소개
저는 능동적이고 협업에 능한 프런트 개발자 문찬웅입니다. React-Native로 개발된 한국일보 앱의 전체 소스 코드를 리팩터링하고 React-Native 버전을 업그레이드하는 업무를 맡아왔습니다. 이 과정에서 서비스 개선 및 고도화를 위해 push 알림, SNS 로그인/공유, CodePush, 웹뷰 등의 기능을 직접 구현하고 개선했습니다. 또한, Webview에서 React-Native 컴포넌트로의 전환, RN 버전 업그레이드, 리팩터링, CodePush 등을 통해 앱의 구조를 개선하였습니다.
뿐만 아니라, Public asset(JS, CSS, 이미지)을 CDN으로 이관하고, 자주 사용되는 SCSS, 스크롤 인터랙션, AstroJS를 활용한 서비스 템플릿화 등의 작업을 통해 서비스의 고도화와 팀원들의 업무 편의성 향상을 이끌었습니다.
React와 관련된 프로젝트가 부족한 현 회사에서는 팀원들을 모아 React에 대한 심층적인 스터디를 제안하고 진행하고있습니다. 또한, 다양한 개인 프로젝트와 API 설계, DB 설계, 프론트 개발 및 배포를 통해 다른 직무에 대한 폭넓은 이해도를 갖추었습니다. 이를 토대로 다른 직군과의 원활한 협업과 효율적인 의사소통에 기여했습니다.
더 나은 프론트엔드 개발자로 성장하기 위해 항상 혁신을 추구하고, 프론트 설계 측면에서의 고민과 적용을 통해 지속적인 발전을 목표로 삼고 있습니다. 팀과의 협업뿐만 아니라 전문성 있는 프론트엔드 개발자로써 다양한 도전에 적극적으로 참여하여 발전하고자 합니다.