채용공고 올리기

김서연님을 응원해보세요!

지금 만족하고 있어요
책임감
협업 지향
학습 지향
커뮤니케이션
적응력

미리보기

기본 정보

이름
김서연
직업
프론트엔드 개발자
이메일
kseoy0607@gmail.com
간단 소개

사용자 중심의 경험을 설계하고, 협업과 공유를 통해 함께 성장하는 프론트엔드 개발자입니다.

기술 스택

기술 스택

JavaScript, TypeScript, Vue.js, React, next.js13, pinia, TailwindCSS, styled-components, GitHub, JIRA, swagger, zustand, react-query, Java, MySQL

자격증

자격증명

정보처리기사

점수 | 발급기관

24202150192X | 한국산업인력공단

취득연월

2024.09.

교육

소속/기관명

숭신여자고등학교

종류 | 전공

고등학교 | 인문

재학 기간 | 재학 상태

2016.03. ~ 2019.02. | 졸업

소속/기관명

경기대학교

종류 | 전공

대학교(학사) | 시큐리티매니지먼트학과

재학 기간 | 재학 상태

2019.03. ~ 2024.02. | 졸업

소속/기관명

KB IT's Your Life 5기

종류 | 전공

사설 교육 | 풀스택 과정

재학 기간 | 재학 상태

2024.05. ~ 2024.10. | 졸업

프로젝트

프로젝트명

Study With Me

소속/기관명

팀 프로젝트

프로젝트 기간

2025.01. ~ 진행 중

프로젝트 내용

프로젝트 내용

[ 스터디 모임과 스터디룸을 통합적으로 관리하고 제공하는 플랫폼 ]

사용자들이 스터디를 개설하고 참여할 수 있을 뿐만 아니라, 스터디룸 공간 제공자와 이용자를 연결하여 효율적인 스터디 환경을 조성

기술 스택

TypeScript / Next.js14 / Zustand / React-Query / React-Hook-Form / Zod / TailwindCSS

역할 (프론트엔드)

  • 로그인/회원가입 페이지 UI/UX 설계 및 구현

  • React-Hook-Form과 Zod를 사용하여 입력 폼 유효성 검사 구현

  • jsonwebtoken 라이브러리를 활용한 토큰 만료기한 추출

  • API 요청 시 토큰 유효성 검증 및 자동 갱신 로직 구현

성과 및 느낀점

  • 토큰 기반 인증 시스템 구현 과정에서 보안 취약점을 발견하고 개선하는 경험 습득

  • 백엔드 개발자와의 협업을 통해 효율적인 토큰 갱신 로직 구현 및 API 통신 패턴 개선

  • 재사용 가능한 폼 컴포넌트 설계로 개발 생산성 50% 향상

Github

https://github.com/Study-With-Me-JJ

프로젝트명

F:YL(F:nd Your Life)

소속/기관명

팀 프로젝트

프로젝트 기간

2024.09. ~ 2024.10.

프로젝트 내용

프로젝트 내용

[ KB 금융 데이터를 활용한 맞춤형 금융 상품 추천 및 종합 자산 관리 플랫폼 ]

사용자의 금융 현황과 니즈를 파악하여 최적화된 금융 솔루션을 제공하고, 데이터 기반의 자산 분석을 통해 효율적인 자산 관리를 지원함

기술 스택

JavaScript / Vue3 (composition API) / Pinia / TailwindCSS

역할 (프론트엔드 | 디자인 총괄)

  • Figma를 활용하여 UI/UX 디자인 총괄

  • 설문 페이지 화면 구현 및 맞춤형 금융 상품 추천 기능 개발

  • Open AI API 프롬프팅 응답 데이터 구조 설계 백엔드 협업

  • 사용자 체감 대기 시간 감소를 위한 로딩 애니메이션 구현

성과 및 느낀점

  • 백엔드 개발자와의 협업을 통해 API 설계 프로세스와 효율적인 데이터 구조에 대한 이해도 향상

  • 사용자 경험 개선을 위한 로딩 애니메이션 구현과 API 응답 최적화 과정에서 UX의 중요성 체득

  • 실제 서비스 환경에서 발생할 수 있는 성능 이슈를 경험하고 해결 방안을 고민하는 과정 경험

Github

https://github.com/KB-ITYL-P2-2

프로젝트명

JUSEYO

소속/기관명

팀 프로젝트

프로젝트 기간

2024.10. ~ 2024.11.

프로젝트 내용

프로젝트 내용

[ 자녀의 금융 교육과 용돈 관리를 결합한 미션 기반 교육용 금융 플랫폼 ]

부모와 자녀 간의 상호작용을 통해 책임감과 금융 이해도를 높이며, 게이미피케이션 요소를 활용하여 자녀들의 능동적인 참여를 유도함

기술 스택

TypeScript / React / Recoil / styled-component / TailwindCSS

역할 (프론트엔드)

  • 미션 페이지 구현

  • 미션 상태별 색상 코드 시스템 적용으로 직관성 강화

  • 모바일 환경에 최적화된 반응형 레이아웃 구현

  • Shadcn UI의 재사용 가능한 컴포넌트를 활용하여 일관된 디자인 시스템 구축

성과 및 느낀점

  • 다양한 사용자 페르소나(부모/자녀)에 따른 차별화된 UI/UX 설계 경험

  • 컴포넌트 재사용성과 확장성을 고려한 체계적인 설계 능력 향상

  • TypeScript를 통해 타입 안정성의 중요성을 체감

Github

https://github.com/MoonHyoMan

프로젝트명

쀼의 세계

소속/기관명

팀 프로젝트

프로젝트 기간

2025.11. ~ 2025.12.

프로젝트 내용

프로젝트 내용

[ 부부 간 갈등 해결을 위한 맞춤형 상담 매칭 플랫폼 ]

성향 분석을 통해 신혼/예비부부와 경험 많은 기혼부부를 연결하여, 실제 경험을 바탕으로 한 조언과 상담을 제공함

기술 스택

TypeScript / React -> Next.js / redux / styled-component / TailwindCSS

역할 (프론트엔드)

  • React, TypeScript 기반의 프로젝트 초기 세팅 담당

  • 커뮤니티, 성향 분석 결과 페이지 구현

  • Next.js 13+ 기반 마이그레이션 환경 설정

  • Next.js 13+ 마이그레이션을 통한 App Router 기반 페이지 라우팅 구조 개선

성과 및 느낀점

• Next.js의 App Router 아키텍처를 통해 서버 컴포넌트와 클라이언트 컴포넌트의 분리 및 최적화 경험 습득

• 다양한 렌더링 전략(CSR, SSR, ISR)을 실제 프로젝트에 적용하며, 각 페이지의 특성에 맞는 최적화된 렌더링 방식 선택의 중요성을 이해하고 성능 향상을 경험

Github

https://github.com/KDT-2024-FirstStep-Team

자기소개

자기소개

<지원 동기>

안녕하세요. 코니스트 웹 프로그래머 포지션에 지원하게 된 김서연입니다.

코니스트는 웹툰과 웹소설 데이터베이스를 기반으로 다양한 서비스를 제공하는 국내 유일의 전문 기업이라는 점에서 큰 관심을 갖게 되었습니다. 저는 웹툰을 좋아하는 독자로, 2024년 웹툰 연말 결산에서 제가 열람한 웹툰이 총 6,299화로 웹툰 독자 중 상위 1%에 속한다는 결과를 받았습니다. 웹툰은 제 일상의 중요한 부분을 차지하고 있으며, 제가 좋아하는 콘텐츠 산업의 발전에 기술적으로 기여할 수 있다는 점이 코니스트에 지원하게 된 가장 큰 이유입니다.

저는 프론트엔드 개발을 중심으로 학습하며 React와 Vue.js를 모두 프로젝트에 적용해 본 경험이 있습니다. 현재 제 이력서와 포트폴리오는 프론트엔드 개발에 초점이 맞춰져 있지만, 풀 스택 부트캠프 과정에서 Java 기반의 API 개발과 MySQL을 학습하며 백엔드 개발 과정도 경험했습니다.

또한, 부트캠프 프리코스에서 Node.js와 JavaScript를 사용해 기능을 구현하는 과제를 수행하며 MVC 패턴을 학습하고 적용해 본 경험이 있습니다. 이러한 경험은 Node.js 기반 백엔드 개발 환경에 적응하는 데 큰 도움이 될 것이라 생각합니다.

제 장기적인 목표는 풀 스택 개발자로 성장하는 것입니다. 원래는 프론트엔드에 먼저 집중하여 실무 경험을 쌓고, 이후에 백엔드 역량을 확장해 나갈 계획이었습니다. 그러나 코니스트의 JavaScript 기반 백엔드 개발 환경은 제가 가진 프론트엔드 역량과 백엔드에 대한 이해를 바탕으로 빠르게 적응하고 성장할 수 있는 좋은 기회라고 생각합니다.

코니스트에서 풀 스택 개발자로서의 첫 걸음을 내딛고, 웹툰과 웹소설 콘텐츠 산업의 발전에 기여할 수 있는 기회를 갖고 싶습니다. 열정과 노력으로 회사의 성장에 기여하는 인재가 되겠습니다. 감사합니다.


<직무 성장과정>

비전공자인 저는 경호보안학과에 재학 중일 때, 같은 대학교에 다니던 컴퓨터공학과 출신의 친오빠와 함께 자취하며 자연스럽게 개발 분야에 관심을 갖게 되었습니다. 원래는 경찰을 꿈꾸었지만, 진로에 대해 깊이 고민하던 중 현직 백엔드 개발자인 오빠의 일하는 모습을 가까이에서 지켜보면서 개발자라는 직업에 매력을 느끼게 되었습니다. 특히 사용자와 직접적으로 상호작용하는 프론트엔드 개발에 흥미를 느껴 이 분야로의 진로를 결심하게 되었습니다.

체계적인 학습을 위해 먼저 프론트엔드 개발자가 되기 위한 상세한 로드맵을 작성했습니다. 독학으로 온라인 강의를 통해 기초를 다지던 중, 졸업 후 KB IT's Your Life 5기 부트캠프에 합격하여 본격적인 개발자의 길에 들어섰습니다. 부트캠프에서는 Vue.js 프레임워크를 중심으로 프론트엔드 개발을 학습했으며, 백엔드 과정과 API 연동 등 실제 프로젝트의 전반적인 개발 흐름을 경험했습니다. 이후에도 지속적으로 다양한 프로젝트에 참여하며 React, Next.js 등 여러 프레임워크를 습득하고 TypeScript를 활용하며 전문성을 넓혀가고 있습니다. 현재는 상태관리 라이브러리인 Zustand와 React Query를 활용한 서버 상태 관리 및 성능 최적화에 대해 학습하며 프론트엔드 개발자로서의 역량을 강화하고 있습니다.


<직무상 강점>

[새로운 기술을 빠르게 이해하고 체득하는 습득력]

개발을 처음 시작했을 때 아무런 지식 없이 우아한테크코스 프리코스에 도전했습니다. 한 달이라는 짧은 기간 동안 JavaScript의 기본 개념인 변수와 함수부터 시작하여, 객체지향 프로그래밍의 핵심인 클래스, 코드의 재사용성을 높이는 모듈화, 더 나아가 디자인 패턴과 테스트 코드 작성까지 습득하여 실제 프로젝트에 적용할 수 있었습니다. 이러한 빠른 학습 능력은 부트캠프에서도 돋보였습니다. Vue.js 프레임워크를 처음 접했음에도 불구하고, 한 달간의 학습 만으로 모듈 평가에서 100점을 맞으면서 상위 10% 이내의 성적을 받았습니다. 새로운 기술을 접할 때마다 다양한 예시 코드를 분석하고 직접 구현해보면서 익숙해지는 방식으로 학습했고, 이해가 되지 않는 부분은 더 깊이 파고들어 학습하는 방식으로 실전적인 개발 능력을 키웠습니다. 이러한 저의 빠른 습득력은 급변하는 프론트엔드 개발 분야에서 요구되는 새로운 기술들을 효과적으로 습득하고 적용할 수 있는 중요한 자산이 될 것입니다.

 

[문제 해결을 위해 끈질기게 파고드는 끈기]

개발자에게 필수적인 문제 해결 능력의 토대가 되는 집요함이 저의 두 번째 강점입니다. 어려운 문제나 오류 상황에서 해결책을 찾을 때까지 몰입하는 성향이 있습니다. 재귀 알고리즘을 학습할 때 기본 개념은 이해했으나 실제 문제 적용에 어려움을 겪었습니다. 하지만 포기하지 않고 비슷한 유형의 기본 문제들을 찾아 종료 조건을 찾는 기준, 재귀 호출 시 전달해야 할 파라미터를 결정하는 과정 등을 단계별로 정리하고 패턴화했습니다. 각 문제에서 발견한 패턴을 다음 문제에 적용하는 과정의 반복을 통해 재귀적 사고방식에 익숙해질 수 있었습니다. 또한 예상치 못한 버그가 발생했을 때도 디버거와 개발자 도구를 활용해 문제의 원인을 찾아내고 해결할 때까지 집중력이 배가 되는 특징이 있습니다. 이러한 끈질긴 문제 해결 의지는 복잡한 기술적 문제들을 해결하고 더 나은 사용자 경험을 만드는 데 기여할 것입니다.

댓글