미리보기
기본 정보
“개발자 문화”라는 말에 빠져들어 새로운 여정을 시작한 개발자, 서지연입니다. 몰입과 성장의 즐거움을 느끼며 발전하는 것에 큰 행복을 느낍니다. 사용자들에게 효과적인 웹 경험을 제공하기 위해 항상 노력하며, 새로운 기술에 대한 탐구와 도전을 즐깁니다. 또한 협업과 팀워크를 통해 함께 성장하는 개발자로서의 역할을 소중히 여기고 있습니다.
기술 스택
Next.js, React, TypeScript, JavaScript, react-query, zustand, tailwind-css, HTML/CSS, GitHub
경력
RMSoft
매니저 | 프론트엔드 | 재직 중
2023.07. ~ 재직 중 (1년 5개월)
RMSoft는 기록관리 소프트웨어 개발 및 SI 사업을 주로 수행하는 회사입니다.
RMSoft의 첫 자체 서비스인 AI 기반 자막/번역 서비스 'Snappi'와 사내 업무 관리 시스템 'HRS'의 초기 단계에 합류하여 기획과 디자인에 기여했습니다. 'Snappi'의 오픈 베타 기간을 거쳐 서비스 고도화와 추가 기능 개발을 주도했으며, 현재는 국립과학관의 '과학유산플랫폼' 관리 어드민 페이지를 개발하고 있습니다.
프로젝트
영유스탠다드
개인
2024.05. ~ 진행 중
영유스탠다드는 자녀의 성향을 검사하고, 그 결과에 맞는 최적의 영어 유치원을 추천해주는 서비스입니다. 자녀의 학습 스타일에 가장 잘 맞는 유치원을 선택할 수 있도록 도와줍니다.
페이지 : 영유스탠다드 웹사이트 바로가기
깃레포지토리: 깃허브 바로가기
사용 기술: Next.js, React, TypeScript, react-query, axios, recoil, zod, react-hook-form, tailwind-cdd, shadcn/ui
- 소셜 로그인 구현 시, axios interceptor를 사용하여 토큰 저장과 재발급 절차를 개선했습니다.
- nodemailer로 이메일 전송 기능을 구현하고, 카카오톡 공유 기능으로 콘텐츠 공유를 용이하게 했습니다.
- 혼자서 프론트엔드를 마무리하며 문제 해결 능력과 책임감을 크게 향상시켰습니다.
과학유산플랫폼 - Administration
RMSoft
2024.06. ~ 진행 중
과학유산플랫폼 - Administration은 국가가 관리하는 약 58점의 문화유산을 소개하는 웹 서비스의 핵심 관리 도구입니다. 어드민 페이지를 통해 새로운 문화 유산을 등록하고 기존 데이터를 수정 및 삭제 할 수 있습니다.
사용 기술 : Next.js, React, TypeScript, react-query, axios, zustand, zod, react-hook-form, tailwind-css, shadcn/ui
- 공통 테이블 컴포넌트를 개발하여 유연한 테이블 구성이 가능해졌습니다.
- escape modal을 구현해 사용자 폼 입력 상태에서 저장 여부를 유도할 수 있었습니다.
- shad/cn의 공통 파일을 커스터마이징하여 코드 최적화와 빠른 페이지 구축을 달성했습니다.
Snappi
RMSoft
2023.12. ~ 2024.06.
Snappi는 AI 기반의 자막 / 번역 서비스로, 사용자들이 영상 컨텐츠를 손쉽게 자막화하고 다양한 언어로 번역하여 공유할 수 있도록 지원합니다. 사용자의 음성을 텍스트로 변환하고, 이를 다양한 언어로 번역하여 영상 컨텐츠의 접근성을 높이는 데에 중점을 두고 있습니다.
페이지 : Snappi 웹사이트 바로가기
사용 기술 : Next.js, React, TypeScript, react-query, zustand, zod, react-hook-form, tailwind-css, shadcn/ui
- 회원가입 및 로그인에 구글, 카카오, 네이버의 소셜 로그인 기능을 통합하여 사용자의 편의성을 높였습니다. OAuth를 활용하여 안정적이고 신속한 로그인 절차를 구현했습니다.
- 영상 업로드 기능을 개발하여 사용자가 쉽게 영상을 업로드하고 공유할 수 있도록 했습니다. URL 업로드뿐만 아니라 유튜브 채널과의 연동을 지원하여 영상 추가가 간편해졌습니다.
- 다양한 디바이스에 대응하는 반응형 웹 디자인을 구현하여 사용자의 편의성을 높였습니다.
- 이메일 HTML 템플릿을 제작하여 다양한 이벤트 및 공지사항에 대응할 수 있도록 하였습니다. 다용도 템플릿을 개발하여 상황에 맞는 빠른 안내를 할 수 있었습니다.
- 채널톡을 추가하여 고객 상담을 원활히 지원하였습니다. 문의에 빠른 응답을 제공하여 서비스 품질을 향상시켰습니다.
Snappi-Admin
RMSoft
2024.02. ~ 2024.06.
Snappi Admin은 Snappi 서비스를 감독하고 관리합니다. 사용자 관리, 컨텐츠 관리, 그리고 문의 답변 등과 같은 관리자가 필요로 하는 서비스를 제공합니다.
사용 기술 : Next.js, React, TypeScript, react-query, zustand, zod, react-hook-form, tailwind-css, shadcn/ui, lexical, chartjs, react-table
- 간결하고 직관적인 테이블을 제공하기 위해 react-table을 활용하였습니다.
- 공통 컴포넌트를 만들어 재사용에 용이하도록 했습니다.
- chartjs를 활용하여 데이터를 시각적으로 표현할 수 있도록 했습니다.
Scordi
제로원리퍼블릭
2023.02. ~ 2023.03.
Scordi는 관리하기 어려운 SaaS 구독을 대신 관리해주는 플랫폼입니다. 사용자들이 다수의 SaaS 구독을 효율적으로 관리할 수 있도록 도와줍니다.
페이지 : Scordi 웹사이트 바로가기
사용 기술 : Next.js, React, TypeScript, Recoil, tailwind-css
- 조직 찾기 페이지의 퍼블리싱과 함께, 조직 생성 및 가입 요청 기능을 구현했습니다.
- 가입 승인된 사용자 목록을 보여주는 기능을 개발하였습니다.
- 이메일 템플릿을 제작하여 사용자들에게 효율적인 안내 및 소통을 지원했습니다.
- 구독하는 서비스를 연동하기 위한 플로우를 구현하여 사용자들이 원하는 서비스를 쉽게 연결할 수 있도록 했습니다.
포트폴리오
교육
고려사이버대학교
대학교(학사) | 아동영어학과
2022.03. ~ 현재 | 재학 중
위코드
사설 교육 | 코딩 부트캠프
2022.12. ~ 2023.03. | 졸업
장안대학교
대학교(전문학사) | 항공관광과
2014.03. ~ 2018.02. | 졸업