프론트엔드 개발자

강채연

안녕하세요 
사용자 경험을 고려하며, 작은 요소 하나에도 이유를 고민하는 태도로 정교하게 UI를 다듬는 과정에서 보람을 느끼는 프론트엔드 개발자, 강채연입니다.

새로운 기술을 빠르게 습득하며, 이를 실무에서 효과적으로 활용하는 것을 중요하게 생각합니다. 이는 팀에 부담을 주지 않으려는 책임감과, 배우는 것을 단순히 익히는 것이 아니라 제대로 활용하고 최적화하는 데 집중하는 태도에서 비롯되었습니다.

결정을 내릴 때는 근본적인 원리를 고려하며, 신뢰할 수 있는 공식 문서와 자료를 바탕으로 논리적인 판단을 내립니다. 이를 통해 기술을 깊이 이해하고, 단기적인 해결책이 아닌 장기적으로 유지보수하기 쉬운 방향을 선택합니다.

또한, 다양한 직군과 협업한 경험이 많으며, 특히 프로덕트 디자이너와의 협업을 통해 디자인 시스템과 재사용 가능한 컴포넌트의 중요성을 깊이 이해하게 되었습니다. 이를 바탕으로 UI/UX의 일관성을 유지하면서도 개발 생산성을 높이는 방향으로 컴포넌트를 설계하고 구축하는 데 강점을 가지고 있습니다.

성실함

책임감

협업 지향

효율적

커뮤니케이션

<h4>젝트 동아리 운영진 활동</h4><ul><li>기간 : 2024.11 ~ 진행 중</li><li>동아리 운영 및 활동의 기틀 마련<ul><li>활동하던 스터디를 동아리로 확장시키며 동아리 운영 정책 마련</li><li>몰입도 높은 팀 프로젝트 활동과 활발한 스터디 활동을 위해 가이드라인 및 규칙 작성</li><li>활동 중인 팀 관리 및 피드백</li></ul></li><li>젝트 동아리 홈페이지 개발<ul><li>프론트엔드 담당</li></ul></li><li>개발 지식을 공유하는 발표 영상 제작 후 유튜브 업로드</li></ul><h4>젝트 동아리 1기 활동 </h4><ul><li>잔디 일기 팀 프로젝트 활동<ul><li>기간 : 2024.02 ~ 진행 중</li></ul></li><li>바닐라 자바스크립트 사이드 프로젝트 스터디<ul><li>기간 : 2024.03 ~ 2024.05 </li><li>활동 : 간단한 기능을 JS로 구현하고 발표 진행 / 팀원에게 시연 및 코드 설명하고 서로 피드백 주고 받기 </li></ul></li></ul>

젝트 동아리 1기

<h4>Weiter 팀 프로젝트 활동</h4><ul><li>목적 : 이웃과 상품 구매에 대해 더치페이를 도와주는 웹 서비스</li><li>기술 스택 : HTML/CSS, Django</li><li>역할 : 프론트엔드</li><li>성과 :<ul><li>10기 동아리 아이디어톤 은상</li></ul></li></ul><h4>멋쟁이 사자처럼 동아리 해커톤 참여 - 더치배달 프로젝트</h4><ul><li>프로젝트 목적 : 이웃과 배달 주문을 함께 하여 배달비를 아낄 수 있도록 도와주는 서비스</li><li>기술 스택 : JS, React, Django</li><li>역할 : 프론트엔드</li><li>액션 : <ul><li>kakao 지도 Web API를 활용한 기능 구현 : 사용자의 현재 위치 조회와 더치배달을 요청한 이웃의 위치 조회 기능 구현 </li></ul></li><li>성과 : <ul><li>팀원들과 함께 밤새며 개발에 몰입했던 경험 </li></ul></li></ul>

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

JAPANESE

깃허브

블로그

젝트 동아리 홈페이지 개발

<ul><li>서비스 보러가기 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://grassdiary.site/">https://grassdiary.site/</a></li><li>팀 구성<ul><li>7명 ( FE 3명, BE 2명, UXUI 1명, PM 1명)</li><li>FE 담당</li></ul></li><li>목적<ul><li>일기 작성과 타인과의 일상을 공유하며 사용자의 내적 성장을 도모</li><li>사용자의 꾸준한 일기 작성을 위해 '오늘의 질문', '잔디 채우기', '리워드 및 테마 상점 시스템', '다른 사람과 소통'과 같은 동기 부여 요소</li></ul></li><li>기술 스택 : Typescript, React, Zustand, Tanstack-query, styled-component</li><li>액션:<ul><li>재사용 컴포넌트 구현: zustand를 활용해 모달 및 토스트와 같은 재사용 높은 컴포넌트 개발하여 개발 편의성 개선</li><li>모바일 반응형 웹 개발로 사용자 접근성 개선</li><li>페이지 예외 처리 및 예기치 못한 API 에러 처리</li><li>SEO 최적화 : 네이버에 서비스명 검색 시 첫페이지 상단부분에 노출되도록 SEO 개선</li><li>AWS S3, Cloudfront, Route53을 통해 서비스 배포 및 github action으로 CI/CD 구축</li></ul></li></ul>