채용공고 올리기

강채연님을 응원해보세요!

이직/구직 중이에요
성실함
책임감
협업 지향
효율적
커뮤니케이션

미리보기

기본 정보

이름
강채연
직업
프론트엔드 개발자
이메일
rcd7275@naver.com
간단 소개

안녕하세요 팀의 생산성과 유지보수를 생각하는 프론트엔드 개발자, 강채연입니다. # 문제 해결과 기술 습득에 대한 태도 저는 맡은 업무에 책임감을 가지고 끝까지 해결책을 찾는 것을 중요하게 생각합니다. 새로운 기술을 익힐 때는 단순히 사용하는 데 그치지 않고, 효과적으로 활용하고 최적화하는 방법을 고민합니다. 결정이 필요한 순간에는 근본적인 맥락을 파악한 뒤, 신뢰할 수 있는 자료를 근거로 판단하며, 장기적인 유지보수와 확장성을 확보할 수 있는 방향으로 접근합니다. # 다양한 직군과의 협업 경험 동아리 활동을 통해 디자이너, PM 등 다양한 직군과 협업한 경험이 있습니다. 이 과정에서 커뮤니케이션의 중요성을 체감했고, 문제가 발생했을 때 유연하게 소통하고 구조적으로 해결하는 법을 익혔습니다. 또한 디자인 시스템의 역할을 이해하고 있으며, 재사용성과 생산성을 고려한 컴포넌트 설계를 위해 꾸준히 고민하고 있습니다.

기술 스택

기술 스택

HTML/CSS, JavaScript, TypeScript, React, TailwindCSS, styled-components, Figma, Node.js, vite, zustand, react-query, storybook, github-actions, express.js, Next.js

프로젝트

프로젝트명

젝트 동아리 홈페이지 개발

소속/기관명

젝트 동아리/운영진

프로젝트 기간

2025.01. ~ 진행 중

프로젝트 내용

젝트는 IT 사이드 프로젝트 동아리로, 다양한 포지션의 멤버들과 함께 협업하면서 다양한 활동을 진행하는 동아리입니다.

공식 홈페이지는 젝트의 다양한 활동 공유, 자주 묻는 질문 및 문의할 수 있는 창구, 모집 기간에 동아리 팀원 지원 접수를 받을 수 있습니다.

동아리 특색에 맞는 디자인 시스템을 도입하여 홈페이지를 개발합니다. 현재 운영진이 동아리 팀원과 지원서를 쉽게 관리하기 위한 관리자 페이지를 개발 중에 있습니다.

서비스 배포 주소 : https://ject.kr/

깃허브 레포지토리 : https://github.com/JECT-Study/JECT-Official-WebSite-Client

팀원 : 프론트엔드 2명, 백엔드 3명, 프로덕트 매니저 1명, 프로덕트 디자이너 1명

사용한 기술 및 협업 도구

  • 프레임워크 및 라이브러리: React, Vite, TypeScript

  • 상태 관리 : zustand, Tanstack-query

  • 스타일링: Tailwind CSS, clsx

  • 테스트 도구: Storybook,

  • 모니터링 도구: Sentry, Amplitude

  • 배포 및 CI/CD: AWS S3, cloudfront, Route53, Vercel(qa용), Github Actions, Qodana

  • 협업 도구: Github, Slack, Figma, Notion, discord

개발 담당

  • 디자인 시스템 개발

    • tailwindcss를 이용해 디자인 토큰 관리

    • Storybook을 이용한 UI 컴포넌트 문서화 및 관리, 동작 테스트 진행

  • RESTful API 연동을 통해 비즈니스 로직 및 사용자 인터페이스 구현

    • 지원서 작성 기능, 지원하기 페이지, 동아리 부활동 소개 페이지, faq 페이지 개발

    • Tanstack-query 및 zustand 활용한 상태 관리

    • 키보드 네비게이션 등 접근성을 고려하여 개발

  • 에러 및 예외 핸들링

    • Sentry 도구 도입으로 에러 로깅 및 성능 모니터링

  • 버전 배포 전 vercel로 배포한 클라이언트로 QA 진행

  • SEO 개선 작업

  • 공식 홈페이지 운영 중 이슈 대응

프로젝트명

잔디 일기

소속/기관명

젝트 동아리

프로젝트 기간

2024.02. ~ 2024.11.

프로젝트 내용

잔디 일기는 꾸준한 일기 작성, 다른 사람의 일기를 통해 일상을 공유하며 내적 성장을 도모하기 위한 웹 일기장입니다. 꾸준히 기록하는 습관은 나의 내적인 성장 그리고 현재 상황을 인지하는데 큰 도움이 됩니다. 이러한 생각과 PC를 이용하면 일기를 쉽고 빠르게 작성할 수 있다는 것에 착안하여 프로젝트를 진행하게 되었습니다.

잔디 일기에는 “오늘의 질문”, “잔디 채우기”, “리워드 및 테마 상점 시스템”, “다른 사람과의 일상 공유” 와 같이 꾸준한 일기 작성을 위해 동기 부여 요소를 가지고 있습니다.

서비스 배포 : https://grassdiary.site/ (현재는 서비스 중단)

깃허브 레포지토리 : https://github.com/JECT-Study/Grass-Diary-Client

팀원 : 프론트엔드 3명, 백엔드 3명 프로덕트 매니저 1명, 프로덕트 디자이너 1명

사용한 기술 및 협업 도구

  • 프레임워크 및 라이브러리: React 18, Typescript, Vite,

  • 상태 관리 : Zustand(recoil에서 마이그레이션), tanstack(react-query)

  • 스타일링: styled-components (styleX에서 마이그레이션)

  • 배포 및 CI/CD: AWS S3, cloudfront, Route 53, Github actions

  • 협업 도구: Github project & Issue, discord, 카카오톡 오픈채팅, Figma, Notion

개발 담당

  • 공통 UI 컴포넌트 구현으로 개발 편의성 개선

    • 모달, 토스트, 헤더 및 푸터, 드롭메뉴 등 재사용성이 높은 컴포넌트를 분리하여 공통 컴포넌트로 구현

  • zustand를 활용하여 유저 상태 관리, 모달 및 토스트 상태 관리, 댓글 상태 관리

  • RESTful API 연동을 통한 기능 및 사용자 인터페이스 구현

    • react-query v5를 이용하여 서버 상태 관리

    • masonry 레이아웃의 일기 목록 조회 기능 구현

    • IntersectionObserver와 react query의 useInfiniteQuery를 사용하여 무한 스크롤 기능 구현

    • 일기 상세 조회 / 수정 / 삭제 기능 구현

    • 댓글 및 좋아요 기능 구현

    • 이미지 파일 업로드 기능 구현

  • 페이지 예외 처리 및 예기치 못한 API 에러 처리

    • quertClient를 이용해 전역 에러 처리

    • 에러 모달, 에러 토스트, 에러페이지를 이용해 사용자에게 피드백 제공

      • 네트워크 에러 시 피드백 제공

      • 로그인 만료 타이머 구현 후 만료 시 피드백 제공

  • 모바일 반응형 웹 개발로 사용자 접근성 개선

  • 네이버 SEO 개선

    • 네이버에 서비스명 검색 시 첫페이지 상단부분에 노출되도록 SEO 개선

    • 네이버 서치 어드바이저에 잔디일기 사이트 등록

    • 메타 태그, robots.txt, sitemap 작성으로 네이버 SEO 개선

  • AWS S3, Cloudfront, Route53을 통해 서비스 배포 및 github action으로 CI/CD 구축

포트폴리오

URL

link

깃허브

깃허브
link

블로그

티스토리

외국어

외국어명

일본어

점수

일상 회화 가능

대외활동

활동명

젝트 동아리 1기

소속/기관명

기타

연도

2024

내용

젝트 동아리 운영진 활동

  • 기간 : 2024.11 ~ 진행 중

  • 동아리 운영 및 활동의 기틀 마련

    • 활동하던 스터디를 동아리로 확장시키며 동아리 운영 정책 마련

    • 몰입도 높은 팀 프로젝트 활동과 활발한 스터디 활동을 위해 가이드라인 및 규칙 작성

    • 활동 중인 팀 관리 및 피드백

  • 젝트 동아리 홈페이지 개발

    • 프론트엔드 담당

  • 젝톡 참여 : 개발 지식을 공유하는 발표 영상 제작 후 유튜브 업로드

젝트 동아리 1기 활동

  • 잔디 일기 팀 프로젝트 활동

    • 기간 : 2024.02 ~ 진행 중

  • 바닐라 자바스크립트 사이드 프로젝트 스터디

    • 기간 : 2024.03 ~ 2024.05

    • 활동 : 간단한 기능을 JS로 구현하고 발표 진행 / 팀원에게 시연 및 코드 설명하고 서로 피드백 주고 받기

활동명

국민대 멋쟁이 사자처럼 동아리 10기

소속/기관명

멋쟁이 사자처럼 연합 동아리

연도

2022

내용

Weiter 팀 프로젝트 활동

  • 목적 : 이웃과 상품 구매에 대해 더치페이를 도와주는 웹 서비스

  • 기술 스택 : HTML/CSS, Django

  • 역할 : 프론트엔드

  • 성과 :

    • 10기 동아리 아이디어톤 은상

멋쟁이 사자처럼 동아리 해커톤 참여 - 더치배달 프로젝트

  • 프로젝트 목적 : 이웃과 배달 주문을 함께 하여 배달비를 아낄 수 있도록 도와주는 서비스

  • 기술 스택 : JS, React, Django

  • 역할 : 프론트엔드

  • 액션 :

    • kakao 지도 Web API를 활용한 기능 구현 : 사용자의 현재 위치 조회와 더치배달을 요청한 이웃의 위치 조회 기능 구현

  • 성과 :

    • 팀원들과 함께 밤새며 개발에 몰입했던 경험

교육

소속/기관명

그렙/프로그래머스 데브 코스

종류 | 전공

사설 교육 | [5기] 타입스크립트로 함께하는 웹 풀 사이클 개발(React,Node.js)

재학 기간 | 재학 상태

2024.10. ~ 2025.05. | 수료

소속/기관명

국민대학교

종류 | 전공

대학교(학사) | 임산생명공학과 전공 | 소프트웨어 부전공

재학 기간 | 재학 상태

2019.02. ~ 2025.02. | 졸업

소속/기관명

일본 - 쇼와여자대학교

종류 | 전공

대학교(학사) | 단기 교환 학생

재학 기간 | 재학 상태

2023.03. ~ 2023.07. | 수료

자격증

자격증명

정보처리기사

점수 | 발급기관

한국산업인력공단

취득연월

2024.06.

자격증명

JLPT

점수 | 발급기관

N2 | 일본국제교류기금 및 일본국제교류지원회

취득연월

2023.01.

자격증명

컴퓨터활용능력

점수 | 발급기관

1급 | 대한상공회의소

취득연월

2021.09.

댓글