미리보기
기본 정보
안녕하세요. 1년차 웹 프론트엔드 엔지니어 김우석 입니다. 사용자에게 좋은 경험을 제공하고 더 좋은 제품을 만들기 위해서 기획의 확장성을 고려한 개발과 원활한 커뮤니케이션 능력이 중요하다고 믿습니다. 개발의 학습과 과정을 지도해주는 이 없이 스스로학습하였고, 새로운 기술에도 관심이 많지만, 근본적으로 더 깊게 파보는 것을 좋아합니다. 학습과정에서 인사이트를 얻거나, 도움이 됐던 부분들은 따로 정리하고 지식공유를 위해 노력하고 있습니다.
자기소개
언제나 높은 수준의 추상화나 최신 스택이 올바른 방향이라고 생각하지 않습니다.
상황에 따라 적절한 방법이 있다고 생각합니다.
좋은 결과를 내기위해 개발자 경험을 중요하게 생각하고 높은 생산성을 이끌어 내기위해 노력합니다.
개발 전반적인 동향에 대해 관심을 기울이고 있으며 Geeknews 와 Hacker news 등을 자주 읽고 있습니다.
- Next.js 를 이용한 개발을 주로 해왔습니다 적절한 상황에 따라 custom hook으로 만들거나
공통 컴포넌트로 분리 하여 작업합니다. - Typescript의 강력한 타입시스템을 이용하여 안전한 어플리케이션을 만드는 것을 좋아하고
Generic을 이용한 타입에 익숙합니다. - Git을 사용한 협업에 익숙하고, 히스토리 관리를 위해 Squash & Rebase Merge 전략을 적극적으로 사용하며
원활한 팀 코드리뷰를 위해 Stacked PR 방식을 선호합니다. - github actions/octokit api를 이용한 workflow를 자동화 하는것에 흥미가 있고,
업무를 효율적으로 처리하기 위해 노력합니다.
기술 스택
JavaScript, TypeScript, Next.js, github-actions
경력
엔포트버스 주식회사
사원 | Front-end 1팀
2022.09. ~ 2023.11. (1년 3개월)
TypeScript/Next12/Redux 기반 코인거래소 Innodex 및
온라인 크립토 카지노 사이트 n-pik개발참여, CI/CD 자동화- Innodex: MyPage/overview 담당 개발
- n-pik: DIGITS ADVENTURE/MyPage Referral 담당 개발
github secret을 관리하는 사내 백오피스 개발(Swagger/fastify)
기존 notion에 파편화 되어있던 Frontend팀 문서를 정리, docusaurus로 문서화 하여 사내서버에 배포
프로젝트
n-pik
엔포트버스 주식회사
2023.02. ~ 2023.11.
23년 11월경 출시한 온라인 크립토 카지노 사이트입니다.
Next.js12, Redux Toolkit, Styled Component 를 이용하여
프로젝트의 DIGITS ADVENTURE 페이지를 담당 개발하였습니다
주사위의 값에 따라 user의 배당률 및 확률 등
많은 상태를 한 페이지 내에서 관리해야 했고
개발이 빠르게 진행되는 과정에서 useEffect 내에 많은 action 들을 관리하게 되었습니다
이에 따라 코드의 가독성이 떨어지고 정확한 타입추론이 불가능해
이슈트래킹 과 개발 과정에서 어려움을 겪었습니다.
이후 정확한 타입추론을 위해 ts-pattern과 같은 라이브러리를 도입하고
함수의 목적에 맞게 파일을 분리하여 가독성을 개선하였습니다.
Innodex
엔포트버스 주식회사
2022.09. ~ 2023.11.
23년 3월경 베타테스트를 거쳐 10월 말에 출시한 가상화폐 거래소 입니다.
베타 테스트 기간동안 일일 사용자 2000명 가량을 달성하였고
Next.js12, Redux Toolkit, Styled Component 를 이용하여 프로젝트를 개발하였습니다
프로젝트에서 MyPage의 코인 자산을 확인하는 overview 페이지를 담당하였고
Websocket 기반의 프로젝트 특성상 많은 사용자 유입을 고려하여 컴포넌트 렌더링을 최적화 하기위해
적절한 메모이제이션과 , 상태관리를 하기위해 노력하였습니다.
현재는 회사 내부사정으로 인해 서비스 종료하였습니다.
사내 배포환경 자동화
엔포트버스 주식회사
2023.02. ~ 2023.09.
CI/CD 도구인 Github-actions를 사용해 사내 서버에 자동 배포환경을 구축하였습니다.
외부에서 접근이 불가능한 사내 개발서버 특성상 self-hosted runner 방식을 선택하였고
branch에 따라서 개발/테스트/운영 서버를 나누어 배포하여 git flow에 맞추었습니다.
.env 와 같은 민감한 정보들은 secret으로 관리하여 동적으로 생성하도록 설정하고
pm2를 통해 무중단 배포 할 수있도록 설정하여 서버에 배포되는데까지 약 1분 30초 가량이 소요되었습니다.
- Webhook을 이용한 Slack 배포알림/Pull request 알림 설정
- actions/cache를 이용한 Intergration 시간 개선 (npm install 60s -> 30s)
인터널 프로덕트 개발
엔포트버스 주식회사
2023.04. ~ 2023.05.
회사 내부 사정상 github secret을 직접 관리할 수 없는 환경에서
.env와 같은 민감한 정보들을 관리하기 위해
github api 를 이용하여 secret을 수정하고 생성할 수 있도록
팀원들을 대상으로 한 백오피스 개발을 진행 하였습니다.
초기에는 swagger/fastify 를 이용하여 단순 crud를 제작하였으나
더 나은 인터페이스로 사용경험을 개선하기 위해 vue2로 변경하였습니다
