(2024.06 - ing)
엑셈 (Exem)
프론트엔드 개발 (FrontEnd Developer)
constJINJIN={name:'최연진',skills:['HTML', 'CSS', 'Vue', 'React', 'NextJS', 'JavaScript', 'TypeScript', 'Git'],hardWorker:true,quickLearner:true,problemSolver:true,hireable:function() {return(this.hardWorker&&this.problemSolver&&this.skills.length>=5);};};ABOUT ME
Who I am?
안녕하세요, 사용자 중심의 UI/UX 구현에 강점을 가진 웹 퍼블리셔 출신 프론트엔드 개발자 최연진(JINJIN)입니다. 2년간의 퍼블리싱 경험을 바탕으로, 웹 표준과 접근성을 고려한 마크업에 능숙하며, 최근 1년간은 Vue3를 중심으로 한 프론트엔드 개발 업무를 수행하며 웹 애플리케이션 구축 경험을 쌓았습니다. 제 포트폴리오를 통해 다양한 프로젝트와 경험을 확인해 보시고, 함께 성장하며 흥미로운 웹 경험을 만들어가고 싶은 분들과의 협업을 기대합니다. 감사합니다! ✌
Experiences
(2021.11 - 2024.04)
혜윰앤컴퍼니 (Hyeyum Co.)
웹 퍼블리셔 (Web Publisher)
Skills
PROJECTS
constproject={name:'exemONE(엑셈원)',tools: ['Vue.js', 'TypeScript', 'eCharts', 'Tailwind', 'Gitlab],myRole:사내 프로젝트,description: 💡 Vue.js를 사용하여 자사 통합 모니터링 제품의 화면 개발 담당을 맡았습니다.
애플리케이션 성능 모니터링 및 실사용자 모니터링(RUM) 화면 구현을 진행하였으며 실시간 데이터 시각화를 위한 다양한 차트 컴포넌트를 구현하였습니다.
공통 UI 컴포넌트 설계 및 재사용 가능한 컴포넌트 아키텍처 구축하였고 REST API 연동을 통한 실시간 데이터 수집 및 처리를 진행하였습니다.};constproject={name:'영어나무',tools: ['React', 'Next.js', 'TypeScript', 'OpenAI API', 'CSS-Module', 'Vercel],myRole:개인 프로젝트,description: 💡 영어나무 프로젝트는 React + TypeScript + Next.js를 기반으로 한 개인 프로젝트이며, 사용자가 입력한 정답을 OPEN AI의 어시스턴트 API를 사용하여 처리하였습니다. 오답이라면 이유까지 자세히 설명할 수 있도록 구현하였습니다.
Atomic Design Pattern을 기반으로 폴더 구조를 구성하였으며, 전역 상태 관리 라이브러리는 가벼운 Zustand를 사용하였습니다.};constproject={name:'BUDDY (AI 챗봇)',tools: ['React', 'Redux-Toolkit', 'OpenAI API', 'CSS-Module', 'JavaScript', 'Firebase', 'Vercel],myRole:개인 프로젝트,description: 💡 BUDDY 프로젝트는 React를 기반으로 한 개인 프로젝트이며, OpenAI API와 Firebase 데이터베이스를 통합하여 동작하는 AI 챗봇 웹사이트로 개발되었습니다. 사용자는 이메일과 비밀번호를 통해 인증 받고, 이메일 인증 후 AI 챗봇과의 대화를 시작할 수 있습니다.
로그인 기능 및 회원가입 시 이메일 인증 기능 구현은 Firebase Auth을 사용하여 구현하였습니다. 또한 Redux-Toolkit을 사용하여 전역 변수를 관리하였습니다.
컴포넌트 스타일링은 CSS-Module을 사용하였고 호스팅 배포는 Vercel을 이용하여 배포하였습니다.};constproject={name:'RealTime (실시간 채팅)',tools: ['React', 'Redux-Toolkit', 'React-router-dom', 'CSS-Module', 'JavaScript', 'Firebase', 'Github-pages],myRole:개인 프로젝트,description: 💡 RealTime 프로젝트는 React를 기반으로 한 개인 프로젝트이며, React를 사용하여 제작한 첫번째 프로젝트입니다. React hooks 사용에 익숙해지기 위해서 그리고 다양한 기능을 구현해보기 위해서 개발한 RealiTime 프로젝트는 방문자들이 실시간으로 채팅을 할 수 있는 사이트입니다.
Firebase 데이터베이스를 통해 사용자의 정보를 DB에 저장하였습니다. 또한 React-Toolkit / CSS-Module을 사용하였고 호스팅 배포는 Github-pages를 통하여 배포하였습니다.};