👋 About Me
🙋♂️ Introduction
- 항상 '왜?'에 대한 고민을 하면서 개발합니다.
- 작성한 코드와 프로젝트에 대해 자식처럼 생각하며 오너십을 갖고 개발하고 있습니다.
- 글 쓰는 것을 좋아하며 블로그를 통해 생각을 공유하고 있습니다.
🔬 Projects
<aside>
📌 포트폴리오를 클릭하면 자세한 정보를 확인할 수 있습니다 :)
</aside>
블로그(Blog)
2023.01~진행 중
개인 프로젝트
https://github.com/mrbartrns/blog
🌏바로가기
기존에 사용하던 블로그 서비스를 대체하고, 개발했던 프로덕트를 한 곳에 모아보기 위해 개발한 사이트입니다.
TypeScript
, React
, NextJS
, firebase
, tailwindcss
, styled-components
gist-react
2023.06~2023.06
개인 프로젝트
https://github.com/mrbartrns/gist-react
🌏
github gist를 embed 할 때 사용했던 패키지가 최신 버전을 지원하지 않아, 직접 만들고 배포했습니다.
TypeScript
, React
- github gist를 보다 쉽게 embed 할 수 있도록 개발 및 npm 배포
- 최신 문법으로 작성되어 React의 최신 버전을 지원하며, Rollup 번들러로 패키지를 관리
- 현재 직접 개발한 블로그에서 직접 만든 패키지 사용 중
- 개발 동기 및 비하인드 스토리
체퀴즈 온더 코드블록(Chequiz)
2022.06~리팩토링 중
팀 프로젝트
https://github.com/mrbartrns/CheQuiz
📄포트폴리오
🌏바로가기
📝회고
퀴즈를 통한 개발 지식 측정 서비스를 제공합니다.
TypeScript
, Webpack
, Babel
, React
[ 팀 및 리드 경험 ]
- 면담을 통해 팀원의 관심사와 성향을 파악, 친밀감 형성
- 자유로운 의견 제안 환경을 위해, 팀 페이지 내 화이트보드 도입
- 데일리 스크럼 시 이를 공유하여 스크럼 시간 단축
- 서비스에 필요한 유스케이스를 산출 및 우선순위를 부여하여 주어진 시간 내에 핵심 기능들을 먼저 구현
[ 기술적 경험 ]
- TypeScript 장점을 팀원들과 공유 및 도입 제안
- Webpack과 Babel 기반 React 스캐폴딩 구축
- 팀 컨벤션 기반 eslint 및 prettier 구축 및 husky, lint-staged를 통해 개발 프로세스 개선
- React 스캐폴딩 템플릿 구성 및 유지 보수
- REST API 기반 퀴즈 풀기 및 해결 페이지 구현
- 사용자가 다양한 문제를 경험할 수 있도록 셔플 알고리즘 도입, 편향되지 않도록 퀴즈 풀 생성
- 가독성 개선을 위해 담당 부분 리팩토링 진행
바닐라 에디터(Vanilla-Editor)
2022.04~2022.04
개인 프로젝트
https://github.com/mrbartrns/vanilla-editor
📄포트폴리오
🌏바로가기
📝회고
오직 Vanilla JS만을 사용하여 노션의 사이드바와 에디터를 구현하는 프로젝트입니다.
Vanilla JS
, TypeScript
- 순수 JavaScript 기반 상태 기반 렌더링 구현
- 상태 기반 렌더링 컴포넌트, 라우팅 및 API요청 처리
- 컴포넌트 복잡도를 해결하기 위해 상태 코드를 컴포넌트 외부로 분리
- 실시간 자동 저장 기능 구현을 위한 debounce 도입
- 500ms의 debounce를 적용하여 불필요한 api 요청 횟수 개선
- TypeScript를 학습하며 기존에 작성했던 JavaScript 코드 리라이팅 진행