미리보기
기본 정보
- 안녕하세요 약 3년차 프론트엔드 개발자 이지원입니다. - SI업무와 다양한 사이드 프로젝트 경험으로 인해서 다양한 도메인의 프로젝트 시작과 끝을 많이 경험해 볼 수 있었습니다. - 필요한 사람이 되자 라는 목표를 가지고 개발을 시작했습니다. 사람들이 찾는 사람은 어디에서든지 긍정적인 영향을 줄 수 있다고 생각합니다. 사람들이 찾는 사람인 만큼 사람들의 기대에 부응할 수 있는 사람이 되고자 꾸준히 학습하고 있습니다.
기술 스택
React, TypeScript, JavaScript, Next.js, Angular, Node.js
경력
(주)현대경제연구원
연구원 | 교육본부_브랜드전략팀 | 재직 중
2024.08. ~ 재직 중 (3개월)
기업교육 이러닝 서비스 CyLearn 홈페이지 프론트엔드 개발 및 리뉴얼
현대경제연구원이 직접 기획하고 제작하는 비즈니스 지식정보 서비스 CreativeTV 홈페이지 퍼블리싱 및 리뉴얼
CyLearn,CreativeTV 통합 서비스 H-CUBE 시스템 프론트엔드 개발
(주)대륙
팀원 | 개발팀
2024.01. ~ 2024.07. (7개월)
소방시설 통합관제 시스템 이지365 대쉬보드 유지보수 및 개발
사이트링크
사용자 어드민,(일반 사용자 페이지),회사 내부 어드민,랜딩페이지 총 4개의 프로젝트 진행하였음
Docker와 GitHub Actions를 이용하여 CI/CD 파이프라인 구축으로 개발의 생산성 증가
리액트 CRA로 되어있던 파일을 vite의 esbuild 번들러로 마이그레이션 함으로써 빌드 시간 평균 100s → 평균 15s 약 85% 개선
(주)피플즈(창업)
팀원 | 팀원
2022.06. ~ 2024.07. (2년 2개월)
회원수 5천여명 전국민 헌혈참여 플랫폼 피플
사이트링크
웹과 앱 서비스를 기획/개발/배포/운영을 담당하였으며, 주로 앱 내 사용되는 웹뷰와, 웹 서비스 개발을 담당하였음.
주기적으로 앱을 사용하는 유저들과 간담회를 통해 사용자 측면에서 피드백을 받고 서비스를 개선시킬 수 있었는데, SI 회사 특성상 경험해볼 수 없었던 경험이었음.
네이버웹마스터 구글서치콘솔 등등 SEO에 관련된 부분을 작업하다 보니 META TAG와 SEO에 관한 작업을 배울 수 있었음.
개발뿐만아니라 오프라인 행사까지 다 같이 참여하여 많은 일을 진행하였고
그 결과 2023년 10월 예비사회적기업 인증을 받게 되었음.
대학생이 모여 만든 헌혈 플랫폼 피플, 예비 사회적 기업 선정기술을 이용해 사회 문제를 해결하는 기업이나 개인을 발굴해 지원하는 공개 모집 플랫폼 "사이드 임팩트"
를 통하여 약 1200만원 지원금을 성공적으로 확보하는데 크게 기여하였음
브라이언임팩트재단, 피플 등 기술로 세상 바꾸는 10개 혁신기업 지원웹사이트 개발 및 공유 이벤트를 통해서 월 평균 약 1천여명 방문자 유치를 성공시켰음.
스스로의 기술로 이를 해결하는 교육 피플CMS
대기업,각 지자체와 함께 교육소외청소년대상 학생들이 사용하는 LMS 개발
(주)뱅크런
팀원 | 개발팀
2021.08. ~ 2023.05. (1년 10개월)
SI프로젝트로 다양한 도메인의 프로젝트 진행
- 상품을 코드로 발급하여 누구나 편리하게 상품을 주고받을 수 있는 자사 쇼핑몰 디톡스 개발
- 반려동물을 위한 커뮤니티 및 관련매장 소개 플랫폼 편안하개 개발
- 오프라인에서 즐길 수 있는 레이저 사격 시스템 개발
- 여러개의 네이버 스마트스토어를 하나의 사이트 확인 할 수 있는 통합관리 시스템 개발
프로젝트
몽글
개인
2024.03. ~ 진행 중
이지365
(주)대륙
2024.01. ~ 2024.07.
소방시설 통합관제 시스템 이지365 대쉬보드 개발
MQTT를 이용하여 화재 경보 알림을 실시간 통신 연결
함수형 코드로 작성된 mqttSocket을 클래스형으로
리팩토링하여 소켓 연결 및 관리를 별도의 객체로 분리하여 재사용성을 높일 수 있었음.window.confirm을 지원하지 않는 브라우저에 대응하기 위한 커스텀 훅 작성
Material-UI의 Dialog 컴포넌트를 통해서 보다 편리한 UI디자인과
ContextAPI를 통해 callback함수를 제공하여 유연한 사용 가능하도록 개발
Gatsby를 활용한 SEO 최적화 웹사이트 구축
기술스택:React
,Javascript
,Gatsby
,github-action
,vite
,Material UI
,mqtt
,docker
피플
(주)피플즈
2022.06. ~ 2023.12.
- 데이터를 보면서 효율적인 업무를 할 수 있도록 유저의 유입경로, 날짜 별 가입일 수,엑셀 데이터 추출 등 어드민 관리 및 데이터 대시보드 제작
- google analytics의 이벤트를 이용하여 사용자들의 이벤트 및 페이지 전환 감지 이벤트 삽입하여 데이터를 측정
- 프론트엔드 모니터링, 에러 로그를 좀 더 쉽게 보기 위해
Sentry를 도입하여 보다 편리하게 에러 모니터링을 할 수 있게 되었음 - 기존의 react + ts 로 작업된 웹사이트를 Next js + ts를 활용하여 마이그레이션을 통해 SSG,SSR 방식으로 랜더링하여 SEO 개선 및 사이트 기능 추가
- flutter Webview 사용시 채팅 웹사이트가 늦게 오픈되는 문제점이 있어서 기존의 CSR 방식에서 SSR 프리랜더 방식으로 업데이트하여 문제점을 해결할 수 있었음.
- AWS Amplify의 정적이미지가 늦게 불러와지는 문제점이 있어서 AWS Elastick Beanstalk로
배포를 변경하여 문제를 해결할 수 있었음
기술스택:React
,Typescript
,Next js
,react-query
,google-analytics
,facebook-meta
,AWS Elastic Beanstalk
,recoil
,flutter webview
디톡스
(주)뱅크런
2021.08. ~ 2022.04.
상품을 코드로 발급하여 누구나 편리하게 상품을 주고받을 수 있는 자사 쇼핑몰 개발
Angular와 Typescript를 이용하여
디톡스 상품관리 페이지 및 어드민페이지 개발C# .net Core로 작업된 서버 api 유지보수
기술스택:
Angular
,Typescript
,C#
,docker
편안하개
(주)뱅크런
2022.03. ~ 2022.08.
편안하개 웹뷰 어플리케이션 프론트엔드 개발 및 백엔드 api 개발
react-native webview 라이브러리를 이용 및 부가적인 native 기능 구현
husky를 이용하여 git hook을 감지,자동 포맷팅 설정 기능 구현
기술스택:Angular
,Typescript
,husky
,react-native
,express
레이저사격 시스템
(주)뱅크런
2022.04. ~ 2022.08.
- socket.io를 이용하여 실시간 점수 연동 작업
- 사격 진행시 관리자가 사격의 상황을 바로 바로 확인할 수 있는 중계화면 개발
- 사격시스템 관리 및 사용자, 그룹 관리 할 수 있는 어드민 페이지 개발
- media query와 user-agent 기능을 이용하여 디바이스 별 반응형 웹도입
기술스택: Angular
,Typescript
,rxjs
,scss
,socker.io
가구 구매대행 관리사이트 유지보수
(주)뱅크런
2022.10. ~ 2023.03.
- 네이버 커머스 api를 이용해 스토어 관리 및 프론트엔드 개발
- 백엔드 api 유지보수 및 리팩토링
- 개선된 사항
- 기존 시스템 : 하나의 파일에 모든 api가 작성되어 있었던 로직
- 변경된 시스템 : api router별 분리 및 swagger를 통한 api 문서화작업으로 개발환경 개선작업
- 기존 시스템 : 여러개의 스마트스토어를 관리하기 위해서 각 스토어별로 이루어진 함수 로직
- 변경된 시스템 : 공통된 프로세스 부분을 이용하여 하나의 순수함수로 만들어서
재사용성을 높이고 코드의 가독성을 높일 수 있었음 - 크롤링, 풀링 방식으로 동작하는 관리툴을 커머스 api 호출 방식으로 개선
문제 해결
기술스택: Angular
,Typescript
,scss
,express
포트폴리오
교육
평택대학교
대학교(학사) | 융합소프트웨어
2019.03. ~ 현재 | 재학 중
대외활동
신한 스퀘어 브릿지 대학생 부문 우수상 수상 2022
신한금융그룹
멋쟁이사자처럼
멋쟁이사자처럼
- 멋쟁이사자처럼 주최 대학연합 코딩교육과정
- Python Django를 메인으로 웹개발 교육
- 해커톤 및 아이디어톤 , 협업의 첫 경험
- 전공자, 비전공자 누구나 할 수 있는 코딩
- 학기도중 과제,협업중심의 개발교육