안녕하세요. 프론트엔드 신입 개발자, 김기나입니다.
- 사용자 경험과 UI를 중요하게 생각하기 때문에 기획과 퍼블리싱에도 관심이 많습니다.
- 주 분야가 아니더라도 필요하다면 적극적으로 학습하고 스스로에게 내준 새로운 챌린지에 끊임없이 도전하고 해결합니다.
- 3년 간 공공부문 프로젝트와 국책과제 위주의 데이터 분석가 / 컨설턴트로 종사하며 다양한 분야에 대한 커뮤니케이션 능력을 길렀습니다.
- 최근 TypeScript와 디자인패턴을 공부하면서 기존 프로젝트를 TypeScript로 리팩토링하며 효율적인 폴더 구조와 컴포넌트 분리에 대해 고민하고 있습니다.
Strength
React
- 상태관리를 위해 Redux를를 사용할 수 있습니다.
- React를 사용한 SPA 프로젝트 경험이 있습니다.
- react-router-dom, react-chartjs-2, react-calendar 등 개발 과정에 필요한 다양한 라이브러리를 사용할 수 있습니다.
JavaScript & TypeScript
- ES6+ 문법에 익숙하며 async, await을 사용한 비동기 처리와 API 통신을 통한 CRUD 구현이 가능합니다..
- JS, TS를 이용한 연산과 DOM 객체의 조작이 가능합니다.
- 선언형 프로그래밍을 지향합니다
- async, await을 사용한 비동기 처리가 가능합니다
HTML/CSS
- 웹 표준과 웹 접근성을 준수하려 노력합니다.
- 적재적소에 어울리는 HTML 태그를 활용한 시맨틱한 코드를 지향합니다.
- 반응형 웹을 구현한 경험이 있습니다.
Python
- Python을 이용한 데이터 분석 경험이 있습니다.
- 오픈소스 라이브러리를 이용한 데이터 전처리, 분석, 시각화가 가능합니다.
GIS
- QGIS를 사용한 공간 분석이 가능합니다.
- Tableau를 사용한 인터랙티브 대시보드 제작 경험이 있습니다.
VersionControl & Communication
- Git, Github, Bitbucket을 통한 형상관리가 가능합니다.
- Slack을 사용한 팀원 간의 업무 공유 및 보고 경험이 있습니다.
- Jira의 로드맵, 칸반보드, 컨플루언스를 활용한 협업 경험이 있습니다.
Portfolio
다독다독
2022.05 ~ 2022.06
Description
- 읽은, 읽고 싶은, 읽는 중인 책을 관리하여 독서 습관을 기를 수 있는 반응형 웹 애플리케이션입니다. 도서 검색, 옵션별 저장, 저장된 책 관리, 일별/월별/연도별 독서량을 확인할 수 있는 기능을 제공합니다.
- Firebase Realtime Database를 통해 백엔드를 대체했으며, Firebase Authentication으로 깃허브와 구글 로그인을 구현했습니다. Redux를 사용하여 전역으로 상태를 관리합니다. 도서 검색 시 무한 스크롤링 기능이 적용되어 있습니다.
My Part
- 기획, 퍼블리싱, 프론트엔드, 백엔드
Skills & Library
React
JavaScript
React-Router-Dom
Redux
Fireabse
LocalStorage
요가나라
2022.02~
Description
- 운동 분야(헬스, 요가, 필라테스 등)별 구인구직 서비스와 커뮤니티 기능을 제공하는 서비스입니다.
- 백엔드 개발자와 Bitbucket, Slack, Jira로 협업하고 있습니다. Swagger와 Postman으로 API를 테스트하고 있으며 Redux와 Context를 통해 전역으로 상태를 관리합니다. Axios로 실제 서버에 API를 요청하여 데이터베이스를 통해 데이터를 받아오고 삭제, 수정, 생성하는 CRUD를 구현했습니다.
- 홈화면, 구인구직, 이야기방, 마이페이지, 쪽지 기능, 반응형 등 웹페이지 전체에 걸친 모든 기능을 구현하였습니다.
- 기획, 퍼블리싱, 프론트엔드에 모두 참여하고 있습니다.
My Part
- 기획, 퍼블리싱, 프론트엔드
Skills & Library
React
JavaScript
React-Rotuer-Dom
Redux
Cloudinary
TodoList
2022.05
Description
- 로그인/회원가입과 CRUD 기능이 있는 투두 웹 앱입니다. React Query 를 적용할 예정입니다.
- 원티드 프리온보딩 챌린지를 통해 컴포넌트의 분리, 인증과 인가, OOP와 추상화, 클린 코드는 무엇인가에 대해 열심히 고민하고 배우면서 계속 리팩토링을 진행하고 있습니다.
- NodeJs로 구축된 server를 NodeJs express로 client단과 직접 연결했습니다. 투두의 CRUD API 요청은 Axios를 사용합니다. 로그인 시 유저 토큰을 로컬 스토리지에 저장하여 자동 로그인 기능을 구현하였습니다. 새로고침 없이도 투두의 CRUD가 실시간으로 반영되고, 새로고침을 하거나 뒤로가기를 해도 히스토리가 남아있습니다.
My Part
- 기획, 퍼블리싱, 프론트엔드
Skills
React
TypeScript
Redux
React-Router-Dom
LocalStorage
그 외 토이 프로젝트
2022.02 ~
Description
- 자바스크립트와 리액트를 학습한 결과물입니다. 고양이 랜덤 사진 사이트, 고양이 사진첩, 당근따기 게임, 그림판, 실시간 검색 그리드 컴포넌트, 유튜브 클론코딩, NodeJs와 ReactJs를 연동한 todo List 등을 만들어보았습니다.
My Part
- 기획, 퍼블리싱, 프론트엔드
Skills
JavaScript
React
LocalStorage
Career
EWC
2019.01 ~ 2022.01 (데이터 분석 / 컨설턴트)- 데이터 분석 파이프라인 설계와 데이터 수급, 전처리, 분석 모델링, 시각화, 결과보고서 작성
- ISP 사업의 중장기 로드맵과 사업 추진 전략 수립
- 공공부문 현업 인터뷰를 통한 니즈 파악과 신규 빅데이터 과제 도출 및 컨설팅
- 공공빅데이터 청년 인턴과 전국 지자체와 공공기관의 표준분석모델 교육
- 태블로 인터랙티브 대시보드 작성