About
안녕하세요. 프론트엔드 개발자 김서연입니다.
React.Js와 Next.Js, Vue.JS를 다루고 있으며, 사용자에게 편리한 인터페이스, 아름다운 UI 구현을 위해 노력하고 있습니다. 나 혼자가 아닌, 동료분들의 성장을 위해 항상 노력하는 개발자입니다.
개발하면서 알아가는 기쁨을 즐깁니다. 기존에 알지 못했던 원리, 코드, 기능, 효율적인 방법 등을 알게 될 때 성장했다고 느낍니다. 유지 보수하기 좋은 코드, 클린 코드를 할 수 있는 개발자로 성장하고 싶습니다.
AI 플랫폼과 데이터 분석 도구를 개발하는 회사에서 프론트엔드 개발자로 근무하며, AI 기반 지식관리 시스템, 히트맵 분석 플랫폼, 웹 접근성 도구 등을 개발했습니다. 주로 웹 서비스 개발의 프론트엔드를 담당했으며, 필요에 따라 풀스택 개발에도 참여했습니다.
💼Work Experience.
2023.12 ~ ing
- 포그리트
- 포그리트는 ‘모두가 데이터를 자유자재로 다루는 세상을 만든다!’는 미션을 가지고 있는 기업입니다.
- Project List
- UX Heatmap
- Journey Map
- Forum
- Beeagle
- Back Office
- Tech Stack
- Front
- Javascript, Vue, Nuxt, Vuex, HTML5, CSS3, SCSS, Axios
- Back
- Python, Node.js, MySQL, MongoDB
- Front
2021.12 ~ 2023.02
- 니아랩스
- 니아랩스는 블록체인 기술을 활용한 NFT마켓, 지갑 등을 개발하는 기업입니다.
- Project List
- 5M (암호화폐 거래소 알림 서비스)
- NUSEUM (NFT마켓)
- KISS (지갑)
- ATO (P2P 시스템)
- Tech Stack
- Front
- Javascript, React, Next.js, Laravel, CoreUI, HTML5, CSS3, Axios, Redux
- Back
- Laravel, Node.js, MySQL
- Server
- AWS, Nginx
- Front
Skill
📲 Back-end 📲
Node.Js
- Service worker 기능 개발 경험이 있습니다.
- pm2를 이용하여 데이터를 전송한 경험이 있습니다.
Python
- 기본적인 CRUD가능
- 개발 문서를 참고하여 원하는 기능을 개발할 수 있습니다.
- API 제작 가능
💻 Front-end 💻
HTML5
- 원하는 형태로 레이아웃을 구성하여 나타낼 수 있습니다.
- 웹 표준을 준수하여 불필요한 마크업을 최소화하여 로딩 속도를 향상할 시킬 수 있습니다.
- 웹 호환성에 대해 공부 중이며, 웹 브라우저 버전, 종류와 관계없이 웹 사이트에 접근할 수 있도록 노력하고 있습니다.
CSS3
- 반응형 웹을 구현할 수 있습니다.
- 기본적인 레이아웃 및 애니메이션을 구현할 수 있습니다.
- 부트스트랩 사용 경험이 있습니다.
- 상황에 맞게 적절한 속성과 값을 적용할 수 있습니다.
- CSS 선택자를 유용하게 사용하여 코드를 작성할 수 있습니다.
Javascript
- AJAX 통신 (서버 측과 클라이언트 측간의 데이터교환을 할 수 있습니다.
- ES6 이상 문법을 적극적으로 사용합니다.
- Vanilla JS를 이용해 DOM을 조작할 수 있습니다.
React.Js, Next.Js
- 함수형 컴포넌트를 능숙하게 사용할 수 있습니다.
- 효율적인 렌더링 및 재사용 가능 컴포넌트에 관심이 많으며 계속 노력하고 있습니다.
- React hooks를 사용하고, 거의 모든 컴포넌트를 함수로 만듭니다. hook을 이용해 공통 비즈니스 로직을 적절히 모듈화해 사용할 수 있습니다.
Vue.js
- 기본적인 CRUD가능
- Vue.js 2/3 모두 능숙하게 사용할 수 있습니다.
- watch/computed를 적절히 활용할 수 있습니다.
📫 DataBase 📫
MySql
- 기본적인 쿼리문 (INSERT, UPDATE, SELECT, DELETE, WHERE, ORDER BY)을 이용해 데이터 조회 및 수정을 할 수 있습니다.
GitHub / GitLab
- Git flow를 이용한 협업에 익숙합니다.
Slack
- Slack 채널을 이용한 협업에 익숙합니다.
Jira / Confluence
- Jira / Confluence을 이용한 협업에 익숙합니다.
🎓Education
2023.03 ~ 2023.08
- 코드스테이츠 블록체인 부트캠프
- Week 1-3
- **웹 개발 기초 기초 개발지식을 활용해 블록체인 서비스 개발에 필요한 Web App을 이루는 흐름을 익힙니다.**
자바스크립트
프로그래밍에 기본이 되는 자바 스크립트를 심화 학습합니다.
프론트엔드
웹 기반 어플리케이션에 기본이 되는 프론트 지식을 학습합니다.
자료구조/알고리즘
프로그래밍의 기본 사고력 향상을 위한 지식을 학습합니다.
- Week 4-7
- **웹 개발 심화 웹 개발에서 필요한 네트워크, 데이터베이스, 인프라 지식을 익히고, 3-tier 아키텍처에 대한 기본을 익힙니다.**
컴퓨터공학
어플리케이션 개발에서 필요로하는 기본 지식을 학습합니다.
네트워크
Rest API 기반의 서버와 클라이언트 구조에 대해 학습합니다.
백엔드
데이터베이스, 서버, 인프라에 대한 백엔드 기본 지식을 학습합니다
- Week 8-10
- **블록체인 이론 블록체인의 이론과 경제, 비지니스에 대해 이해하고, 블록체인 기반 플랫폼과 dApp에 대한 전반적인 지식을 학습합니다.**
블록체인과 암호화폐 이론
블록체인과 암호화폐의 기초 지식을 이론과 경제, 비지니스 레이어로 학습합니다.
블록체인 기술
블록체인 기술 지식을 학습합니다.
스마트 컨트랙트 이론
스마트 컨트랙트 기술의 기초 지식을 학습합니다.
- Week 11-15
- **블록체인 기술 블록체인 기술을 직접 실습해보고 실제로 탈중앙화 어플리케이션(dApp)을 개발해봅니다.**
블록체인 지갑
블록체인 지갑을 사용해보고 개발해봅니다.
스마트 컨트랙트 개발
이더리움 기반 토큰과 NFT를 개발합니다.
dApp 개발
블록체인 기반 DID기술을 활용한 어플리케이션과 블록체인 기반 웹 어플리케이션을 개발합니다.
- Week 16-24
- **프로젝트 블록체인 기반 서비스를 실제로 기획하여 블록체인의 문제점을 해결할 수 있는 팀 단위 프로젝트를 팀 프로젝트 형태로 직접 개발해봅니다.**
NFT기반 어플리케이션
NFT를 활용하여 실제로 사용할 수 있는 프로젝트를 개발합니다.
인센티브 기반 토론 시스템
토큰 이코노미가 포함된 인센티브 기반 토론 시스템을 웹 어플리케이션 dApp으로 개발합니다.
블록체인 사용성 개선 프로젝트
블록체인 기반 서비스를 실제로 사용해보고, 사용자 관점에서의 문제점을 해결 할 수 있는 프로젝트를 진행합니다.
커리어 코칭
본인의 역량을 최대한 보여주고, 취업 성공을 위해 커리어 코칭이 진행됩니다.
- Week 1-3
2023.03 ~ 재학중
- 세종사이버대학교
- 소프트웨어공학과
2021.08 ~ 2021.11
- 웹퍼블리셔 국비과정
- 하이미디어아카데미
- HTML, CSS, Photoshop, Illustrator, Premiere Pro, After Effects Adobe XD를 배웠습니다.
- 다양한 스마트 기기 플랫폼에 적용 가능한 웹 기반의 콘텐츠 서비스를 기획, 분석, 설계, 구현, 테스트, 배포하는 능력을 함양시키는 과정입니다.
2013.03 ~ 2016.02
- 서울아이티고등학교
- 웹디자인과
- Photoshop, Illustrator. 3D, HTML, 기초 디자인 등을 배웠습니다.
