미리보기
기본 정보
React, TypeScript 기반 주니어 웹 프론트엔드 개발자입니다 :)
기술 스택
JavaScript, TypeScript, HTML/CSS, React, Next.js
경력
모바일앱개발협동조합
인턴 | 프론트 | 재직 중
2024.07. ~ 재직 중 (4개월)
주25시간 근무 미래내일 일경험
근무 기간: 2024.07.29 ~ 2024.10.18
맡은 프로젝트:
커먼플러스 (2024.07.29 ~ 2024.08.30)
쿠팡/11번가/G마켓/옥션 셀러들 대상 쇼핑몰 통합 관리 서비스입니다.
출고지/반품지 관리, 주문 건/반품 건 관리 기능을 맡았습니다.
구조상 2개의 API를 연속으로 호출해야 할 경우 비동기가 완료되기 전에 상태 업데이트가 끝나는 문제를 Promise.all을 사용해 해결했습니다.
주소 검색 공공 오픈 API 응답이 XML로 되어있어 DOMParser API를 이용해 데이터를 가공했습니다.
배움의 모든것 (2024.09.02 ~)
온·오프라인에 흩어져 있는 학원정보들을 한눈에 제공하는 서비스입니다.
초기 개발 환경을 설계하고 주변 학원 검색 기능을 맡고있습니다.
다수가 다른 시간에 작업하는 환경에서 작업 충돌 방지를 위해 깃허브 Issue를 활용한 task 관리를 제안했습니다.
검색 페이지를 쿼리스트링으로 관리하고 무한스크롤을 구현했습니다.
프로젝트
Hearus | 모두의 들을 권리를 위하여
공개 SW 개발자 대회 출품
2024.07. ~ 진행 중
깃허브 : https://github.com/TEAM-Hearus/HEARUS-REACT-FRONTEND
[2024 공개 SW 개발자대회] 1차 합격 (진행중)
청각장애인 대학생을 위해 강의를 녹음하면 실시간으로 자막을 제공하고,
생성된 스크립트를 기반으로 문제 풀이를 제공하는 서비스입니다.
MediaRecorder API와 Socket.io 활용해 실시간 자막 생성 구현
setInterval, setTimeout 이용해 랜딩페이지 무한 자동 캐러셀 구현, 클로저를 활용해 타이머를 정리하여 메모리 누수 방지
특정 DOM 외부 클릭 시 요소를 닫는 기능 document 이벤트 리스너로 구현 후 커스텀 훅으로 분리
우수함 | 우리동네 수거함
2024 서울공공데이터 활용 공모전 출품
2024.04. ~ 2024.05.
깃허브: https://github.com/CollectingBox/client
[2024 서울 열린데이터광장 공공데이터 활용 창업경진대회] 출품작
서울시 의류수거함/폐형광등/폐건전지/쓰레기통의 위치정보를 제공하는 서비스입니다.
Tailwind CSS 이용해 모바일 · PC 반응형 UI 구현
use-debounce를 이용해 300ms단위로 검색 디바운싱
Mac OS에서 한글 입력 후 enter 입력시 이벤트 중복 호출되는 문제를 문자 조합이 끝난 후에만 처리하도록 조건을 넣어 해결
Chat Diary
건국대학교 기획/개발 동아리 KUIT
2024.01. ~ 2024.02.
[건국대학교 기획/개발 동아리 KUIT 2기] 데모데이 우수작 선정
Chat GPT API와 채팅을 통해 일기를 자동으로 생성해주는 서비스입니다.
Web Socket 프로토콜을 이용해 AI와의 채팅 구현
IntersectionObserver API를 이용해서 무한스크롤 구현
사진전송시 Canvas API를 이용해 이미지 용량을 축소하여 업로드 속도 향상 및 서버 유지보수 비용 절감
포트폴리오
교육
건국대학교
대학교(학사) | 응용통계학과
2020.03. ~ 현재 | 재학 중
코멘토
사설 교육 | 프론트엔드 개발
2023.11. ~ 2023.12. | 졸업
자격증
TOEIC Speaking Test
150/IH | YBM
2024.04.
대외활동
건국대학교 기획/개발 동아리 KUIT 웹 파트장
건국대학교 기획/개발 동아리 KUIT
[2024 Web 파트장]
부원들의 웹 스터디 및 프로젝트 진행을 총괄
부원들의 학습을 지원하기 위해 워크북과 과제를 선정하고 제작
매주 부원들이 제출한 과제를 검토하고, 개별적인 피드백을 제공
[2023 Web 부원]
학기 중 매주 세미나, 스터디 참여 및 미션 수행
방학 중 PM, 디자이너, 서버 파트와 “Chat Diary” 프로젝트 참여
자기소개
안녕하세요 React 기반의 주니어 웹 프론트엔드 개발자 김나연입니다 😃
코드 몇 줄로 원하는 화면을 그리고, 타인과 상호작용하는 것에 즐거움을 느껴 개발자가 되었습니다.
의견 표현에 적극적이며, 동료들과 다같이 고민하며 문제를 해결하는 것을 즐깁니다.
맡은 일은 주인의식을 가지고 반드시 끝까지 완수해냅니다.
내가 불편해야 사용자가 편하다고 믿으며, 사용자 친화적인 UX를 만드려 노력합니다.
최근에는 자바스크립트 기본기를 다시 다지기 위해 모던 자바스크립트 딥 다이브 스터디를 하고있습니다.