미리보기

기본 정보

이름

조성주

직업

프론트엔드 개발자

간단 소개

"웹은 어떻게 만들어질까?"라는 단순 호기심이 흥미로 변하였고 흥미가 직업으로 만들어주어 개발을 시작하게 된 프론트엔드 개발자 조성주입니다.

자기소개

항상 사용자를 생각하는 마음가짐

8000명 이상이 사용하는 WEB-ERP 프로젝트 개발 경험이 있습니다. 이 프로젝트에서 유지 보수하게 된 페이지 중 견적서 제출 및 관리 페이지가 있었습니다. 기존 프로세스를 살펴본 결과, 견적서를 제출한 후에 변경이 필요한 경우 제출을 삭제하고 다시 작성해야 하는 불편함이 있었습니다. 이는 사용자들에게 굉장히 불편한 경험이라고 판단했습니다. 이에 대한 개선을 위해 팀 내 의견을 제시하여 제출 이후에도 수정이 가능하도록 프로세스를 개선하는데 기여했습니다.

내가 맡은 업무는 책임감 있게

저는 주어진 업무에 대해 책임감을 가지고 임합니다. 현업 프로젝트 개발을 진행하면서 항상 기간 내에 개발 및 테스트를 마쳐 주어진 업무들을 성공적으로 마무리하였고 실제 운영까지 문제없이 서비스를 출시하여 좋은 결과를 얻을 수 있었습니다.

개발은 혼자가 아닌 팀원과 함께

협업 개발은 혼자가 아닌 팀원들과 함께 만들어내는 결과물이라고 생각합니다. 항상 팀 구성원들과 적극적으로 커뮤니케이션을 통해 아이디어를 공유하고 문제를 해결해왔습니다. 이를 통해 이전 프로젝트에서는 팀원 간의 의견 충돌을 해소하고 최선의 결과를 이끌어냈습니다.

경력

회사명

（주）와이앤씨스마트앱스

직급 | 부서 | 근무 유형

사원 | 기업사업1팀

근무 기간

2022.05. ~ 2022.12. (8개월)

담당 업무

대기업 ERP 프로그램을 웹 애플리케이션으로의 전환하는 프로젝트에 투입하여 개발하였습니다. 8000명 이상의 사용자가 사용하였고, 영업 / 구매 파트 개발 및 유지 보수를 하였습니다.

사용기술 : JavaScript, JSP, CSS

유가 증권 페이지 UI 및 기능 구현
물품 구매 견적서 등록, 조회 페이지 UI 구현 및 기능 개발
파트너 포탈 견적 확인 페이지 UI 구현 및 기능 개발
물품 배송 전 공장 별 가용 배차 조회 페이지 UI 구현 및 기능 개발
오랫동안 유지 보수 되지 않은 페이지 코드 및 기능 정리

회사명

주식회사 조인트리

직급 | 부서 | 근무 유형

인턴 | SW개발팀

근무 기간

2021.08. ~ 2022.02. (7개월)

담당 업무

자사 식당 이용을 수기로 작성하는 불편함을 해결하기 위한 자사 식당 운영 및 예약 관리 웹 애플리케이션 개발 및 유지 보수를 하였습니다.

사용기술 : JavaScript, JSP, CSS

사용자 권한 기능 페이지 와이어프레임 제작
사용자 권한 로그인, 회원 가입, 날짜 별 식단 표 조회 및 예약, 회원 정보 수정 페이지 UI 구현 및 기능 개발
사용자 예약 여부 확인 기능 개발
사용자 권한 페이지 기능 유지 보수

프로젝트

프로젝트명

주린이를 부탁해

소속/기관명

기타

프로젝트 기간

2023.12. ~ 2024.02.

프로젝트 내용

청소년들의 금융 관심도가 증가하는 데에 비해 금융 이해력이 부족한 점을 해결하고자 교육용 모의 주식 서비스, 주린이를 부탁해를 기획했습니다.

팀인원 : PM 2명, UI/UX 디자이너 1명, 프론트엔드 2명, 백엔드 1명
Github : https://github.com/JurinApp
배포사이트 : https://jurin.site/
사용기술 : React, TypeScript, TailwindCSS, Recoil, React-Query, Vite, AWS(S3 + CloudFront)

프로젝트 초기 설정
- 코드 충돌을 방지하기 위해 ESLint 및 Pritter 설정
- 절대 경로 설정을 하여 가독성 향상
코드 분할을 활용한 초기 로딩 속도 개선
- 초기 로딩 속도 1.6s → 0.6s로 개선
useAxios, useObserver 등의 재사용이 가능한 Custom Hook 구현
- 커스텀 훅을 구현하여 재사용이 가능하고 코드를 최소화
Axios의 Interceptoe, Instance를 활용한 네트워크 모듈화
react-router-dom을 활용하여 권한 별 라우팅
- 접근 권한에 따라 페이지 접속이 가능
- 사용자가 URL을 직접 입력하여 접속하는 것을 방지
선생님 및 학생 권한 페이지 구현
- 선생님 권한에서 사용되는 학생 관리 ( 조회, 삭제, 포인트 지급), 아이템 / 게시글 / 게시글 관리 (조회, 등록, 수정, 삭제) UI 및 기능을 구현
- 학생 권한 중 아이템 (조회, 구매, 사용) UI 및 기능을 구현하였습니다.
React Query의 useInfinityScroll 함수를 사용한 무한 스크롤 기능 구현
chart.js를 사용한 일별 최고 구매가 및 수량 그래프 구현
AWS의 S3와 CloudFront를 사용하여 프로젝트 배포
Recoil을 활용한 유저, 모달, 데이터 상태 관리
TailwindCSS를 사용하여 UI 스타일링 및 반응형 CSS 적용

프로젝트명

멘토메이트 (MENTORMATE)

소속/기관명

기타

프로젝트 기간

2023.10. ~ 2023.11.

프로젝트 내용

혼자 학습하기 힘든 부분을 문제를 해소하기 위해 온라인 멘토 & 멘티 매칭 서비스 멘토메이트를 기획했습니다.

팀인원 : 프론트엔드 2명, 백엔드 3명
Github : https://github.com/MentoMate
시연 영상 : 시연 영상 링크
사용기술 : React, TypeScript, TailwindCSS, React-Query, Recoil, Vite, AWS(S3 + CloudFront)

프로젝트 전체적인 기획
- 프로젝트 주제 선정, 개발 기간, 와이어프레임, 로고 등 프로젝트의 전체적인 기획을 담당
실시간 알림 기능 구현
- 멘토링 결제를 했을 때 해당 멘토링의 멘토에게 실시간으로 알림이 갈 수 있도록 기능을 구현
실시간 채팅 기능 구현
- 실시간으로 대화하고 상호작용할 수 있도록 하기 위해 WebSocket을 사용하여 실시간 채팅 기능을 구현
네이버, 카카오 로그인 기능 구현
좋아요, 댓글 기능 구현
멘토링 / 멘토 / 커뮤니티 페이지 UI 및 기능 구현
AWS의 S3와 CloudFront를 사용하여 프로젝트 배포
TailwindCSS를 사용하여 UI 스타일링 및 반응형 CSS 적용

프로젝트명

발자국 (FOOT-STEP)

소속/기관명

기타

프로젝트 기간

2023.06. ~ 2023.07.

프로젝트 내용

팀인원 : 프론트엔드 2명, 백엔드 3명
Github : https://github.com/FootStepteam
시연 영상 : 시연 영상 링크
사용 기술 : React, TypeScript, TailwindCSS, Vite, Kakao Map API, Recoil, Vercel

KakaoMap API로 장소 검색 기능 구현
- 장소 검색 기능 구현
- 검색 결과 장소들을 마커로 표시 기능 구현
- 사용자가 마커를 클릭할 때 해당 장소의 정보가 오버레이로 표시되도록 구현
WebSocket을 활용한 실시간 단체 채팅 및 목적지 공유 기능 구현
- 실시간 단체 채팅 기능 구현
  - 사용자는 실시간으로 의견을 교환하고 일정에 대한 조율을 할 수 있도록 구현
- 실시간 목적지 공유 기능 구현
  - 일정 변경 시 여행 일정을 공유하는 사용자들끼리 서로의 목적지 변경을 즉시 인지할 수 있도록 구현
여행 일정 요약 내용 카카오톡 나에게로 전송 기능 구현
- 전체 일정 요약 내용을 html2canvas 라이브러리를 사용하여 캡쳐 후 카카오톡 나에게로 전송 기능을 구현하여 사용자가 손쉽게 여행 일정을 확인할 수 있음
랜딩 / 일정 공유방 검색(입장) 페이지 / 일정 공유방 페이지 UI 및 기능 구현
- 랜딩 페이지와 일정 공유방 목록 조회, 검색, 등록 기능 구현
- 날짜 별 일정 조회, 장소 검색, 장소 추가, 삭제 기능 구현
TailwindCSS를 사용하여 UI 스타일링 및 반응형 CSS 적용