미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 서여진
- 연락처
- +82 01067797441・
- 이메일
- pdg03092@gmail.com
- 간단소개
- 프로젝트에 적용하면서 발생하는 문제를 해결하기 위해 고민하는 과정을 좋아합니다. 사용자 경험 개선을 위해 유저의 입장에서 고민하고, 적극적으로 소통하며 개발을 진행합니다.
기술 스택
- 기술 스택
- HTML/CSS
- React
- Next.js
- TypeScript
- tailwind-css
경력
- 회사명
- 주식회사 지씨
- 직책 • 부서
- 사원 • 연구소
- 근무 기간 (근무 형태)
- 2021.04. - 2023.09.
- (2년 6개월 | 정규직)
- 담당 업무
해상교통관제 분야 전문 IT기업으로 해상교통관제시스템을 비롯한 솔루션을 연구 및 개발하는 회사입니다.
과거 특정 기간의 해상 상황을 재연하는 디브리핑 시스템, 자율운항선박의 안전 운항 지원 시스템, 가상 선박 시뮬레이터 등을 개발했습니다.
프로젝트 과정에서 발생하는 챌린지적 요소를 해결하고 이를 문서화하여 팀 내에 공유함으로써, 협업의 효율성을 높이고 팀 전체의 역량을 향상시키기 위해 노력하였습니다.
프로젝트
- 프로젝트명
- 선박 관제 시스템
- 소속/기관명
- 주식회사 지씨
- 프로젝트 기간
- 2022.10. - 2023.09.
- (1년)
- 프로젝트 설명
유저가 설정한 기간 및 영역 내 선박 데이터, 위성 이미지, 기상 데이터를 웹 해도상에 전시하는 디브리핑 기능 개발
관리자의 사용자 승인 및 접속 기록 조회 기능 개발
선박의 경위도 칼럼에 PostGIS에서 제공하는 GIST 인덱스를 생성함으로써, 쿼리 속도를 80% 개선
프록시 서버로 인해 접속 유저의 실제 IP 주소가 들어오지 않는 문제를 Apache conf 파일 설정을 통해 해결
Description
특정 지역의 선박을 대상으로 하던 시스템을 전국으로 확장하여 실시간 선박 모니터링, 디브리핑 등의 기능을 제공하는 서비스
Experience
Tech Stack
Vue3 OpenLayers PostgreSQL Java C# gRPC
- 프로젝트명
- 자율운항지원 시스템
- 소속/기관명
- 주식회사 지씨
- 프로젝트 기간
- 2022.03. - 2022.09.
- (7개월)
- 프로젝트 설명
webSocket을 통한 실시간 선박 데이터 수신 및 전시 기능 구현
충돌위험 분석 API를 활용하여 분석 결과 전시 및 선박 이동에 따른 자동 업데이트 기능 구현
충돌위험 분석 대상 선박을 수동으로 설정하는 방식에서 자동화 방식으로 개선
사용자 지정 구역 기준 선박의 진입, 진출 감시 및 알람 기능 구현
Description
충돌위험 분석 결과 제공 등을 통해 자율운항 선박의 안전 운항을 지원하는 서비스
Experience
Tech Stack
Vue2 OpenLayers PostgreSQL Node.js
- 프로젝트명
- 가상 선박 시뮬레이터 개발
- 소속/기관명
- 주식회사 지씨
- 프로젝트 기간
- 2021.08. - 2021.12.
- (5개월)
- 프로젝트 설명
가상의 선박 데이터가 육지에 위치하지 않도록 육지와 해상을 구분하는 알고리즘 개발
영문 레이더 프로토콜 문서 분석 및 한글로 문서화하여 향후 팀 내 참고 문서로 활용
메모리 누수 해결 및 tessellation 적용을 통한 지도 렌더링 속도 개선
Description
팀 내 시스템 개발을 위한 가상의 선박 신호 및 레이더 데이터를 생성하여 연결된 클라이언트에게 송신하는 프로그램
Experience
Tech Stack
C++ MFC OpenGL
- 프로젝트명
- MFC(My Fashion Coordinator)
- 소속/기관명
- 스파로스 아카데미
- 프로젝트 기간
- 2024.05. - 2024.07.
- (3개월)
- 프로젝트 설명
누구나 패션 코디네이팅 파트너로 활동할 수 있는 패션 코디네이팅 중개 플랫폼
팀 구성 : FE 2명, BE 2명
docker, Github Actions를 사용하여 프론트엔드 CI/CD 구축
채팅, 결제, 파트너 페이지 개발
zustand를 사용하여 프로젝트 전체에서 간편하게 사용할 수 있는 토스트 및 confirm 컴포넌트 구현
Next fetch의 revalidateTag 옵션을 통해 api 요청 최소화
이미지 업로드 등 비동기 요청 시 로딩 컴포넌트를 활용하여 UX를 최적화
Description
Experience
Tech Stack
Next.js Typescript Tailwind CSS
포트폴리오
- 타입
- URL
- 타입
- 첨부파일
교육
- 소속/기관
- 부경대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 국제통상학
- 재학 기간 (재학 상태)
- 2015.03. - 2019.08. (졸업)
대외활동
- 활동명
- 스파로스 아카데미
- 소속/기관
- 신세계 아이앤씨
- 활동 연도
- 2024
- 활동 상세 설명
약 4개월 간 2개의 프로젝트를 진행
기존 Vue 기반 프로젝트 경험만 있어, React를 전혀 모르는 상태로 시작했으나 프로젝트 과정을 통해 react-hook의 동작 원리를 이해하고 사용할 수 있게 됨
2차 팀 프로젝트 1등 수상, 최우수 교육생 수상
신세계 아이앤씨, 부산광역시 주관의 실무형 프로젝트 중심 SW 교육을 수료했습니다.