미리보기
기본 정보
경력
긴트
프론트엔드 개발자 주임 | 비지니스 플랫폼팀
2023.07. (1년 5개월)
View의 완성도와 디테일을 중요하게 생각하고, 다양한 UX/UI Publishing 경험이 있습니다. library를 사용하지 않고 Javascript로도 원하는 개발을 할 수 있습니다. 공통UI를 만드는 것에 능숙하고, 기능을 공통화하고, 모듈화해 개발/리팩토링합니다. 진로를 변경한 경험이 있어 새로운 환경/기술을 접하는 데 익숙하고 성장하는 환경을 좋아합니다. 밝은 성격으로 상대방을 배려하는 의사소통을 하고 말하기 전에 경청하려고 노력합니다.
서울옥션
프론트엔드 개발자 선임 | 웹서비스개발팀
2022.05. ~ 2023.05. (1년 1개월)
프로젝트 경험을 최신순으로 작성하였습니다. 1. 2023.07 - 현재 *회사 소개 : 농기계 자율주행 회사 비지니스 플랫폼팀 / 주임 2. 2023.06 ~ 2023.07/ (전기트랙터 앱 개발 진행) 사용언어 및 개발환경 React-native, React, Typescript, webSocket 로직 작성 android 빌드 후 나온 apk로 테스트 인력구성 및 기여도 프론트 엔드 개발자 본인, 백엔드 개발자 1명 react-native 프론트 업무는 모두 담당 주요업무 및 상세역할 - UI 개발 진행 - 드래그앤 드롭으로 상한 / 하한 작성하는 로직 작성 - long Press 버튼으로 버튼을 누르고 있을 때 이벤트가 동작하도록 기능 구현 - CanData 송신 로직 작성 - Buffer 26바이트에 비트로 숫자를 이진수로 바꿔서 단말기가 읽을 수 있는 byte 형식으로 데이터 전송
미스터블루
프론트엔드 개발자 연구원 | 솔루션 개발팀
2019.02. ~ 2020.05. (1년 4개월)
프로젝트 경험을 최신순으로 작성하였습니다. A. 2020.03 ~ 2020.05 / (백오피스 만화 뷰어) 사용언어 및 개발환경 React, Typescript 인력구성 및 기여도 프론트엔드 개발자 3명 기여도 30% 주요업무 및 상세역할 - 스크롤 뷰어 렌더 컴포넌트 구현 - 관람 방향과 메뉴를 나타내는 스킨 컴포넌트 구현 B. 2019.06 ~ 2020.01 / (모바일 만화 뷰어 고도화) 사용언어 및 개발환경 React, Typescript 인력구성 및 기여도 프론트엔드 개발자 2명 기여도 30% 주요업무 및 상세역할 - 회차 리스트 컴포넌트 구현 - 북마크 컴포넌트, 북마크 리스트 컴포넌트 구현 - 뷰어 설정 컴포넌트 구현 - 하단 메뉴 컴포넌트 구현
긴트
프론트엔드 개발자 주임 | 비지니스 플랫폼팀
2023.07. (1년 5개월)
View의 완성도와 디테일을 중요하게 생각하고, 다양한 UX/UI Publishing 경험이 있습니다. library를 사용하지 않고 Javascript로도 원하는 개발을 할 수 있습니다. 공통UI를 만드는 것에 능숙하고, 기능을 공통화하고, 모듈화해 개발/리팩토링합니다. 진로를 변경한 경험이 있어 새로운 환경/기술을 접하는 데 익숙하고 성장하는 환경을 좋아합니다. 밝은 성격으로 상대방을 배려하는 의사소통을 하고 말하기 전에 경청하려고 노력합니다.
서울옥션
프론트엔드 개발자 선임 | 웹서비스개발팀
2022.05. ~ 2023.05. (1년 1개월)
프로젝트 경험을 최신순으로 작성하였습니다. 1. 2023.07 - 현재 *회사 소개 : 농기계 자율주행 회사 비지니스 플랫폼팀 / 주임 2. 2023.06 ~ 2023.07/ (전기트랙터 앱 개발 진행) 사용언어 및 개발환경 React-native, React, Typescript, webSocket 로직 작성 android 빌드 후 나온 apk로 테스트 인력구성 및 기여도 프론트 엔드 개발자 본인, 백엔드 개발자 1명 react-native 프론트 업무는 모두 담당 주요업무 및 상세역할 - UI 개발 진행 - 드래그앤 드롭으로 상한 / 하한 작성하는 로직 작성 - long Press 버튼으로 버튼을 누르고 있을 때 이벤트가 동작하도록 기능 구현 - CanData 송신 로직 작성 - Buffer 26바이트에 비트로 숫자를 이진수로 바꿔서 단말기가 읽을 수 있는 byte 형식으로 데이터 전송
미스터블루
프론트엔드 개발자 연구원 | 솔루션 개발팀
2019.02. ~ 2020.05. (1년 4개월)
프로젝트 경험을 최신순으로 작성하였습니다. A. 2020.03 ~ 2020.05 / (백오피스 만화 뷰어) 사용언어 및 개발환경 React, Typescript 인력구성 및 기여도 프론트엔드 개발자 3명 기여도 30% 주요업무 및 상세역할 - 스크롤 뷰어 렌더 컴포넌트 구현 - 관람 방향과 메뉴를 나타내는 스킨 컴포넌트 구현 B. 2019.06 ~ 2020.01 / (모바일 만화 뷰어 고도화) 사용언어 및 개발환경 React, Typescript 인력구성 및 기여도 프론트엔드 개발자 2명 기여도 30% 주요업무 및 상세역할 - 회차 리스트 컴포넌트 구현 - 북마크 컴포넌트, 북마크 리스트 컴포넌트 구현 - 뷰어 설정 컴포넌트 구현 - 하단 메뉴 컴포넌트 구현
프로젝트
농기계 자율주행 회사 비지니스 플랫폼팀 / 주임
긴트
2023.07.
UI 개발 진행, 드래그앤 드롭으로 상한 / 하한 작성하는 로직 작성, long Press 버튼으로 버튼을 누르고 있을 때 이벤트가 동작하도록 기능 구현, CanData 송신 로직 작성, Buffer 26바이트에 비트로 숫자를 이진수로 바꿔서 단말기가 읽을 수 있는 byte 형식으로 데이터 전송
Pluva Care Web, App 리팩토링
긴트
2023.07.
백엔드의 데이터베이스와 api 가 변경되어 그에 맞게 프론트 로직도 함께 모두 변경, AWS cognito에 의존하던 인증을 JWT token 인증으로 변경, graphql subscription 과 AWS appasync 으로 실시간으로 주고 받던 데이터를 WebSoket으로 변경, 납품하는 회사와 자회사 로직 분리- UI색깔만 바꿔서 다른 회사에 납품 하고 있어 분기처리가 지저분하게 되어 있던 부분을 분리하기 위해 새로운 프로젝트로 복사하여 다른 회사 로직은 지우고 S3 재배포, react-query에 window focus일 경우 api가 호출되도록 되어있어 불필요한 호출이 많이 되고 있던 부분을 emergency, truble과 같은 긴급한 api는 자주 호출되도록 처리하고, 자주 호출되지 않아도 되는 api의 경우는 stale time을 조정하여 cache하도록 처리
Pluva Care Admin 초기 개발 셋팅 진행
긴트
2023.09. ~ 2023.10.
NextJs 14 버전 App Router를 이용한 폴더구조 구성, Superbase와 Auth를 이용해 로그인, 로그아웃 기능 개발, Supabase Auth Google Provider를 이용해 구글 로그인 개발, ContextAPI를 이용해 전역 인증 상태관리 구성, NextJs14 middleware를 이용해 로그인 했을 경우 main으로 redirect, 로그인을 하지 않았을 경우 로그인 페이지로 redirect 기능 개발, 테스트로 AWS EC2 배포와 Vercel 배포 모두 진행, EC2 서버에 pm2와 nginx 설치 후 Next 프로젝트 배포, Vercel 배포의 경우 gitlab 설치형을 쓰고 있어 자동 연동이 되지 않아 local pipeline방식으로 local 배포
충남대 연구 사이트 지도 개발
긴트
2023.09. ~ 2023.10.
버전업이 되지 않은 React Map 라이브러리 로직 삭제하고 javascript kakao map으로 재구현, 로터리 폭을 반영해달라는 요구사항에 농기계를 사용해서 작업한 부분과 단순 이동만 한 부분을 구분, csv 파일에 longitude, latitude, width값을 받아서, width값이 있는 데이터는 이동 라인 주변에 녹색을 표시하고 width값이 없이 단순 이동만 한 부분은 빨간색 라인으로 표시
ISO버스 국책과제
긴트
2023.07. ~ 2023.09.
Amplify cognito를 통한 초기 인증 로그인, graphql subscribe 구독기능을 통해 날라온 상태 정보를 화면에 바인딩, 데이터에 따라 트랙터 이미지 기울기 표현, 작업 진행상태에 따른 프로그레스 UI를 CSS로 구현, 모바일, 태블릿 화면 대응
통합어드민 리뉴얼
서울옥션
2023.02. ~ 2023.03.
고객 기본정보, 활동정보, 발송정보, 거래내역, 등록된 파일, 고객 수수료율, 등을 조회하고 수정하는 페이지, 고객 등록, 고객문의 답변 기능 및 고객 상태를 변경하는 팝업 개발, 고객 거래내역 리스트 검색 기능 개발 시 redux store를 사용하여 검색 정보를 기억해 페이지 이동 후 다시 돌아왔을 경우, 이전에 찾은 검색 조건이 유지되도록 개발, react-query, custom hook 사용하여 api호출, form UI 개발 시 고객 주소 등록 시 카카오 주소검색 API를 이용, 고객 상태에 따른 입력 validation 처리, 관심작가를 찾고 등록하는 팝업 개발 과정에서 체크박스와 페이징이 동시에 되도록 처리, 재무팀, 고객관리팀, 기타 다른 팀에 따라 기능이용을 제한하도록 권한 기능 개발
서울옥션 홈페이지 리뉴얼
서울옥션
2022.10. ~ 2022.12.
작품의 디테일한 사항을 확대해서 볼 수 있는 이미지 뷰어 개발, 홈페이지 여러군데서 사용하는 이미지 뷰어를 모듈화 시켜 재사용 하도록 개발, 개발자가 직접 하드 코딩 하던 전시 메뉴 부분을 데이터를 받아서 처리하도록 수정하고, 여러 전시를 열 수 있도록 처리, 프레임워크 없이 javascript와 DOM만을 이용하여 개발, 개발 과정에서 css 깨진 부분 이슈 처리
서울옥션 어드민 리뉴얼
서울옥션
2022.05. ~ 2022.09.
홈페이지 관리 어드민 메뉴 개발, 상단텍스트 공지, 메인팝업, 동영상, 언론보도, FAQ, 채용공고 관리 메뉴 개발, 목록, 등록, 수정, 검색 기능 개발, 권한을 체크하는 하나의 공통 버튼을 만들고, 버튼 스타일과 페이지 권한(등록, 읽기, 수정, 삭제)을 주입해 하나의 버튼안에서 권한에 따라 다른 처리를 해주어, 페이지마다 권한을 직접 코딩하지 않아도 되도록 개발, 페이지 UI 작업, Drag and Drop 기능으로 콘텐츠의 순서를 설정하도록 개발, Redux Store 에서 page, search, filter 관련 데이터를 관리하고, redux-thunk를 이용해 데이터를 fetch하여 화면에 보여줌, 리뉴얼 되는 홈페이지의 콘텐츠 등록, 수정, 삭제 어드민 기능 개발, express와 mysql로 되어있는 백엔드 에러 처리 및 개발, read API search 기능 추가, 권한이 없어도 내가 등록한 글 수정 가능하도록 처리
백오피스 만화 뷰어
미스터블루
2020.03. ~ 2020.05.
스크롤 뷰어 렌더 컴포넌트 구현, 관람 방향과 메뉴를 나타내는 스킨 컴포넌트 구현
모바일 만화 뷰어 고도화
미스터블루
2019.06. ~ 2020.01.
회차 리스트 컴포넌트 구현, 북마크 컴포넌트, 북마크 리스트 컴포넌트 구현, 뷰어 설정 컴포넌트 구현, 하단 메뉴 컴포넌트 구현
농기계 자율주행 회사 비지니스 플랫폼팀 / 주임
긴트
2023.07.
UI 개발 진행, 드래그앤 드롭으로 상한 / 하한 작성하는 로직 작성, long Press 버튼으로 버튼을 누르고 있을 때 이벤트가 동작하도록 기능 구현, CanData 송신 로직 작성, Buffer 26바이트에 비트로 숫자를 이진수로 바꿔서 단말기가 읽을 수 있는 byte 형식으로 데이터 전송
Pluva Care Web, App 리팩토링
긴트
2023.07.
백엔드의 데이터베이스와 api 가 변경되어 그에 맞게 프론트 로직도 함께 모두 변경, AWS cognito에 의존하던 인증을 JWT token 인증으로 변경, graphql subscription 과 AWS appasync 으로 실시간으로 주고 받던 데이터를 WebSoket으로 변경, 납품하는 회사와 자회사 로직 분리- UI색깔만 바꿔서 다른 회사에 납품 하고 있어 분기처리가 지저분하게 되어 있던 부분을 분리하기 위해 새로운 프로젝트로 복사하여 다른 회사 로직은 지우고 S3 재배포, react-query에 window focus일 경우 api가 호출되도록 되어있어 불필요한 호출이 많이 되고 있던 부분을 emergency, truble과 같은 긴급한 api는 자주 호출되도록 처리하고, 자주 호출되지 않아도 되는 api의 경우는 stale time을 조정하여 cache하도록 처리
Pluva Care Admin 초기 개발 셋팅 진행
긴트
2023.09. ~ 2023.10.
NextJs 14 버전 App Router를 이용한 폴더구조 구성, Superbase와 Auth를 이용해 로그인, 로그아웃 기능 개발, Supabase Auth Google Provider를 이용해 구글 로그인 개발, ContextAPI를 이용해 전역 인증 상태관리 구성, NextJs14 middleware를 이용해 로그인 했을 경우 main으로 redirect, 로그인을 하지 않았을 경우 로그인 페이지로 redirect 기능 개발, 테스트로 AWS EC2 배포와 Vercel 배포 모두 진행, EC2 서버에 pm2와 nginx 설치 후 Next 프로젝트 배포, Vercel 배포의 경우 gitlab 설치형을 쓰고 있어 자동 연동이 되지 않아 local pipeline방식으로 local 배포
충남대 연구 사이트 지도 개발
긴트
2023.09. ~ 2023.10.
버전업이 되지 않은 React Map 라이브러리 로직 삭제하고 javascript kakao map으로 재구현, 로터리 폭을 반영해달라는 요구사항에 농기계를 사용해서 작업한 부분과 단순 이동만 한 부분을 구분, csv 파일에 longitude, latitude, width값을 받아서, width값이 있는 데이터는 이동 라인 주변에 녹색을 표시하고 width값이 없이 단순 이동만 한 부분은 빨간색 라인으로 표시
ISO버스 국책과제
긴트
2023.07. ~ 2023.09.
Amplify cognito를 통한 초기 인증 로그인, graphql subscribe 구독기능을 통해 날라온 상태 정보를 화면에 바인딩, 데이터에 따라 트랙터 이미지 기울기 표현, 작업 진행상태에 따른 프로그레스 UI를 CSS로 구현, 모바일, 태블릿 화면 대응
통합어드민 리뉴얼
서울옥션
2023.02. ~ 2023.03.
고객 기본정보, 활동정보, 발송정보, 거래내역, 등록된 파일, 고객 수수료율, 등을 조회하고 수정하는 페이지, 고객 등록, 고객문의 답변 기능 및 고객 상태를 변경하는 팝업 개발, 고객 거래내역 리스트 검색 기능 개발 시 redux store를 사용하여 검색 정보를 기억해 페이지 이동 후 다시 돌아왔을 경우, 이전에 찾은 검색 조건이 유지되도록 개발, react-query, custom hook 사용하여 api호출, form UI 개발 시 고객 주소 등록 시 카카오 주소검색 API를 이용, 고객 상태에 따른 입력 validation 처리, 관심작가를 찾고 등록하는 팝업 개발 과정에서 체크박스와 페이징이 동시에 되도록 처리, 재무팀, 고객관리팀, 기타 다른 팀에 따라 기능이용을 제한하도록 권한 기능 개발
서울옥션 홈페이지 리뉴얼
서울옥션
2022.10. ~ 2022.12.
작품의 디테일한 사항을 확대해서 볼 수 있는 이미지 뷰어 개발, 홈페이지 여러군데서 사용하는 이미지 뷰어를 모듈화 시켜 재사용 하도록 개발, 개발자가 직접 하드 코딩 하던 전시 메뉴 부분을 데이터를 받아서 처리하도록 수정하고, 여러 전시를 열 수 있도록 처리, 프레임워크 없이 javascript와 DOM만을 이용하여 개발, 개발 과정에서 css 깨진 부분 이슈 처리
서울옥션 어드민 리뉴얼
서울옥션
2022.05. ~ 2022.09.
홈페이지 관리 어드민 메뉴 개발, 상단텍스트 공지, 메인팝업, 동영상, 언론보도, FAQ, 채용공고 관리 메뉴 개발, 목록, 등록, 수정, 검색 기능 개발, 권한을 체크하는 하나의 공통 버튼을 만들고, 버튼 스타일과 페이지 권한(등록, 읽기, 수정, 삭제)을 주입해 하나의 버튼안에서 권한에 따라 다른 처리를 해주어, 페이지마다 권한을 직접 코딩하지 않아도 되도록 개발, 페이지 UI 작업, Drag and Drop 기능으로 콘텐츠의 순서를 설정하도록 개발, Redux Store 에서 page, search, filter 관련 데이터를 관리하고, redux-thunk를 이용해 데이터를 fetch하여 화면에 보여줌, 리뉴얼 되는 홈페이지의 콘텐츠 등록, 수정, 삭제 어드민 기능 개발, express와 mysql로 되어있는 백엔드 에러 처리 및 개발, read API search 기능 추가, 권한이 없어도 내가 등록한 글 수정 가능하도록 처리
백오피스 만화 뷰어
미스터블루
2020.03. ~ 2020.05.
스크롤 뷰어 렌더 컴포넌트 구현, 관람 방향과 메뉴를 나타내는 스킨 컴포넌트 구현
모바일 만화 뷰어 고도화
미스터블루
2019.06. ~ 2020.01.
회차 리스트 컴포넌트 구현, 북마크 컴포넌트, 북마크 리스트 컴포넌트 구현, 뷰어 설정 컴포넌트 구현, 하단 메뉴 컴포넌트 구현