미리보기

서울시 건축주택 종합정보 시스템 3단계 사업

• 1인 GIS 개발 담당자로써 풀스택 및 GIS 서버 담당

  • 3단계 사업자로써 참여하여 2단계까지의 FE 소스 분석 및 개발

  • 요구사항 분석 및 개발 기획

  • 기존 BE 소스 수정 및 신규 서비스 개발

• 지도 데이터 확인 사용자 경험 및 속도 10배 개선

  • 기존 데이터 요청 방식을 wfs에서 wms으로 변경 후 약 10배 사용자 경험 속도 개선

  • 대용량 데이터에 대한 서버 부하 감소 및 필요한 데이터만 가져올 수 있도록 개선

  • 같은 좌표 지점에 여러 주택이 몰려 있을 경우 기존 방식에서는 확인이 불가 했던 문제점 개선

• DB 구조 개선 및 재사용/확장 가능한 컴포넌트 개발

  • 1 depth의 폴더 구조만 생성 가능한 DB구조에서 n개의 depth가 생성 가능하도록 테이블 구조 개선

  • 새로운 그룹 구조를 만들고자 할 때마다 새로운 컴포넌트를 만들었어야 하는 방식에서 재사용 가능한 재귀 컴포넌트를 제작하여 자동으로 그룹 > 폴더 > 주제도 형태의 구조를 만들수 있도록 개선

• 사용자가 지도 주제도(Layer)를 직접 추가할 수 있는 서비스 개발

  • 기존에는 admin으로 DB를 직접 접근해 추가해야만 했지만 신규 서비스 개발로 사용자 GUI로 추가 가능하도록 설정

  • 주제도에 대한 신규 table 생성 및 공간 인덱스 생성, GeoServer에 정보 추가 로직 구현

서울시 반지하 실태조사 및 현황 보고 서비스 개발

• Vue3 코드를 도입하여 DX 개선 및 composition API로 refactoring

• 전체 현황을 파악할 수 있는 보고서 시스템 개발

  • 작성한 excel파일 보고서를 올릴 시 pdf로 컨버팅 후 사용자가 보고서로 확인 가능하도록 개발

  • 보고서 버전 관리 기능 추가

• 현장 조사 데이터 시각화를 위한 GIS 관제 시스템 도입

  • OpenLayer 라이브러리 활용

• 현장 조사자 보고서 작성 양식 퍼블리싱

  • 댓글 및 답글 기능 퍼블리싱 및 더미 데이터로 임시 API 연결

행사 및 캠페인 홍보 및 모금 연결 서비스 기획 및 개발

• 모금 사이트 관련 자료 조사 및 기획

  • 기존 사이트 조사 후 적용해야 할 점과 개선점 정리

  • 와이어 프레임 작성 및 초기 디자인 작성

• 모두조인(ModuJoin) 서비스 배포

  • 모금 기능과 관련된 결제 시스템 도입 자료 조사 및 PG사 컨택

    • 모금 사이트가 되기 위한 요건 및 서류 조사

🌐깃허브 | 🎦시연 영상

• 서비스 UIUX 구성 및 기획 담당 🎨피그마

  • 서비스 초기 컨셉 디자인 제시 및 기획안 제시

  • 유저가 답변의 색상을 지정하면, 질문자의 페이지에서 답변의 색상들로 눈이 내리게 되는 컨셉

    제안 및 구현 🔗링크

• 카카오 소셜 로그인 연결

  • FE에서 pending 페이지 구성을 통한 처리 방안 제시

  • oauth pending페이지를 구성하여 token 및 유저 정보 호출 및 세팅

    • instance를 token기준 분리하여 header 세팅 🔗링크(1) & 링크(2)

    • 페이지 직접 접근 block 🔗링크

• QA/QC 과정 leading 및 홍보 진행

  • 테스트 사항 정리 및 가이드

  • 테스트를 통한 개선 및 오류 사항 분배 및 진행

🌐깃허브

• 회사 동료분과 사이드 프로젝트로써 CSS-in-JS 라이브러리개발 진행

  • 안정성 및 성능 보장을 위한 TDD 베이스 개발 진행

  • Vitest를 이용하여 Type Test 코드 작성

• Vanilla-Extract가 이해할 수 있는 코드로 converting하는 기능 일부 작업

  • Array형태로 전달 받은 CSS value코드를 string으로 변환 기능 및 CSS property key값에 존재하는 sign 제거 기능 구현 & test코드 작성 🔗링크(1) & 🔗링크(2)

  • Simple Pseudo Selectors를 본래 CSS가 이해하는 selector 코드로 변환하는 기능 구현 및 test 코드 작성 🔗링크

• Variants 관련 기능 구조 설계 및 RFC 초안 작성

  • vanilla-extract와 stitches 라이브러리에서 제공하는 variant의 장점을 취합하고 보강하여 mincho.js만의 기능 설계

  • Copound Variants, Default Variants, Composition 등 초안 작성

    • 📝문서보기

• vanilla-extract의 의존성 아래에서 신규 기능의 type 안정성 확보를 위한 type test 코드 작성

영어회화를 연습하기 위해 들어갔던 동아리에서 회장을 역임하며 한 기수를 이끌었습니다.

이 활동을 통해 한 그룹의 리더로서 가져야 하는 역량을 기르고자 하였고, 회장으로서 한 기수를 이끌며 인원들의 의견을 듣고 통합하는 능력을 길렀을 뿐 아니라 장기적인 계획을 세우고 진행하는 등 많은 경험을 쌓을 수 있었습니다.

취업 준비생 시절부터 참여하게 된 개발 스터디에 현재까지 참여 중입니다. 진행했던 스터디는 다음과 같습니다.

• ≪러닝 타입스크립트≫ 북스터디

• ≪타입 챌린지≫ 문제 풀이 스터디

• 아티클 공유 스터디

현재는 다음 스터디 주제 선정 전까지 정기 모임을 가지며 모각코를 진행 중에 있습니다.