황경찬 프로필

about me

내 이야기

#웃상 #밝음 #긍정적

founder space

자기 소개서

- 창업 경험을 갖춘 웹 개발자
React를 좋아하는 웹개발자 황경찬입니다. 2년동안 창업(인테리어 웹서비스)을 경험하며 개발에 대한 답답함이 점점 커졌습니다. 그 답답함이 개발 공부를 시작하도록 이끌었습니다. 창업 경험을 통해 얻은 커뮤니케이션 능력과 빠른 학습 능력을 바탕으로, 짧은 시간이지만 집중하여 개발을 공부한 결과, 자체 프로젝트를 진행할 정도의 실력을 갖추었습니다.

- 빠른 학습 능력으로 기업 협업 프로젝트를 따내다
최근 잡쇼퍼라는 스타트업에게서 프로젝트(기존 웹사이트(EJS로 구성)를 리팩토링(Nextjs 사용 React로)를 제안받아 진행하고 있습니다. 저는 부트캠프를 통해 13주간 개발을 공부했습니다. 전반기에는 자바스크립트와 컴퓨터 공학, 웹 전반에 걸쳐 기본 개념을 학습했고, 후반기에는 팀프로젝트를 진행하며 try & error 방식으로 React, Nextjs 등 기술을 익혔습니다. 2주간 자체 프로젝트로 SPA를 완성할 실력을 쌓은 후, 잡쇼퍼와 4주 협업 프로젝트를 진행했습니다. 잡쇼퍼에서는 협업이 만족스러웠는지 추가 협업을 제안했고, 현재 전체 사이트 리팩토링 작업을 진행하고 있습니다.

- 커뮤니케이션 능력으로 인테리어 13건 계약 성공
커뮤니케이션 능력이 높으면 기획자, 디자이너와 소통하여 개발한 서비스의 완성도를 높일 수 있습니다. 인테리어 웹서비스를 창업할 때, 영업을 담당했습니다. 고객을 만나서 인테리어 상담을 진행한 후 계약을 성공시키는 역할이었습니다. 인테리어 관련 지식이 전혀 없는 고객에게 최대한 이해하기 쉽도록 설명해주었습니다. 고객의 궁금증을 해소해주니 저에 대한 신뢰가 쌓였습니다. 그 결과 총 13건의 계약을 성공했습니다. 이러한 커뮤니케이션 능력을 바탕으로 개발지식이 부족한 디자이너, 기획자에게 이해하기 쉽도록 개발 상황을 공유하겠습니다. 이를 통해 서비스 개발 결과물의 완성도를 높이겠습니다.

- 높은 서비스 이해도로 창업 선도대학 선정
서비스 이해도가 높으면 어떠한 서비스를 개발하는지 파악하고 개발하기에 개발 비용을 감축할 수 있습니다. 창업했을 때, 높은 서비스 이해도를 바탕으로 논리를 갖춰 사업계획서를 작성한 결과, 창업 선도 대학에 선정되었습니다. 또한 고려대, 한양대 창업 경진대회에서 수상 경력이 있습니다. 이러한 서비스에 대한 높은 이해도를 기반으로 서비스를 깊이 이해하는 개발자가 되겠습니다. 서비스를 깊이 이해하고 있으므로 기획자의 요구사항을 더욱 빠르게 파악할 수 있습니다. 그 결과, 커뮤니케이션 비용을 줄여 개발에 소요되는 비용을 감축하겠습니다.

- J커브를 그리는 스타트업 로켓의 부스터가 되겠습니다.
커뮤니케이션 능력과 높은 서비스 이해도를 기반으로 기획자, 디자이너와 원활하게 협업하겠습니다. 그 결과 커뮤니케이션 비용이 감소하여 서비스 개발 비용을 감축할 수 있습니다. 또한 서비스에 창업했던 도전정신, 학습능력을 바탕으로 빠르게 성장하겠습니다. 이러한 저의 빠른 성장을 통해, 스타트업의 성장에 가속도를 더하고 싶습니다.

Project & Activity

대외활동

2019-02 ~ 2019-03

Word News 영자신문으로 단어 공부하는 웹서비스 프로젝트

[Github repo] https://github.com/david718/server-word-news

[회사소개] 팀프로젝트 – 영자 신문을 읽으며 단어를 공부하는 웹사이트 구현

[Tech stack] React, Nodejs, Express, Sequalize, MySQL, AWS(S3, EC2, RDS)

[담당업무 및 성과] Crawler 개발 및 Express API(Data CRUD) 구현

Crawler: Async와 Await 사용 Data를 순서대로 DB에 저장하는 logic 구현
Await/Async 사용 crawler 제작 (korean times 기사, naver 영어사전 크롤링)
Node.js로 crawling 한 data의 CRUD 로직 구현(MySQL 연결) (crawler module화)
Express 사용 RESTful API 구현 (RESTful: method와 로직이 1:1 매칭)
(word, sentence, article data 약 2만개 handling 경험)
Agile scrum 적용(팀원의 스케쥴 및 task 조율)

2014-06 ~ 2015-05

원코디 공대생 패션 스타일링 서비스

원코디 대표
<서비스 관련 전반적인 업무>
- 시장 조사: 120명 가량 되는 잠재 고객 1:1 인터뷰 진행
- 서비스 기획: 인터뷰 내용 바탕으로 사업계획서 작성
- 마케팅: 공대 과 별 홍보 진행, 미용실 영업, 페이스북 페이지 관리
- 사업 계획서 제출하여 한양대 창업 지원팀 선정. 지원금 500만원 수여
- 과 별 홍보 진행 후 페이스북 페이지 초기 구독자 900명 획득
- 미용실 2곳과 헤어스타일 서비스(할인 가격 제공) 계약
- 공대생 12명에게 패션 개선 서비스 제공하여 매출 120만원 발생

www.facebook.com/onecodi

Education

학력/교육

2019-01 ~ 2019-04

코드스테이츠 졸업 javascript 웹개발자 양성과정

웹개발과정을 배운 후 작성한 후기의 링크 첨부합니다
http://bit.ly/immersive_review

코스에 관한 상세 설명도 링크 첨부합니다
(풀스택 data structure 부터 algorithm, nodeJS, express, React 까지)
http://bit.ly/immersive_course

2010-03 ~ 2019-02

한양대학교 졸업 건축공학과

공대에서 논리적인 사고력을 기를 수 있었습니다
또한 공식에 따라 적용하고 문제를 해결하는 과정을 연습하며 문제 해결을 위한 끈기를 기를 수 있었습니다

Work Experience

경력

2019-04 ~ 재직 중

잡쇼퍼

개발팀

[웹사이트] jobshopper.co.kr (id : hkc718 / password: ghkd6181 로그인 후 내용 확인 가능)

[회사소개] 웹서비스(스타트업), 직원 12명, 서울대 연구공원 소재

[Tech stack] React, NextJS, styled component, Typescript

[업무환경] 5명팀 업무진행 – 본인, 잡쇼퍼(CTO, 기획자, front-end engineer), 코드스테이츠 팀원

[담당업무 및 성과] 기업 협업 프로젝트로 시작 -> 추가 프로젝트 수주(진행중)

기존 웹사이트 리팩토링(EJS -> React) 진행 및 NextJS 활용 SSR 구현
full stack으로 10개 page 구현 (job & major 컨텐츠 관리)기존 EJS로 구현된 View(page)를 React 사용하여 리팩토링
EJS를 React로 컴포넌트화 → 유지보수 및 확장성 개선소스코드 250줄 이상 → 80줄 미만으로 감축)
총 3번의 코드 리팩토링 진행component를 만들 때, 어떻게 묶어야 재사용성이 높아질지 고민함
처음에는 페이지별로 크게 component를 만듦(추후 component 추출)반복되는 입력 logic(input, image 등)tag들을 묶어 component로 추출
React Hooks 사용input tag 개수가 page당 50개가 넘었음input tag를 component로 만듦 (useState 사용 input tag value에 기존 data(server에서 받아온 값)을 넣음)
input component의 render logic 집중하여 component 재사용성 개선
Styled component 적용하여 component 재사용성 향상data 추가
add button을 component로 만들 때 styled-component 활용
button component의 text props에 따라 style이 다르게 적용
server는 NextJS 사용하여 SSR 구현기존 Express의 API를 Restful API 형식으로 개선
Express 서버에 NextJS 씌우는 작업 진행(NextJS 사용 중복된 API 제거: 18개 → 8개)

Typescript 활용interface활용 → component의 props가 분명해짐(props 명세서 역할)input tag들의 모음을 component로 형성할 때 props를 명시함
Auto complete활용 → component의 props들을 놓치지 않고 사용하게 됨
image를 추가하는 component 형성할 때, 많은 props 실수 없이 다룸
Agile scrum 적용(팀장 역할 수행)Notion 활용하여 스케쥴링 -> 회사측과 소통하며 팀원의 스케쥴 및 task 조율