미리보기
기본 정보
끊임없이 배우고 성장하는 신입 프론트엔드 진종환 입니다. [사용자 친화적 UI/UX 구현 위해 노력합니다.] - React, Next.js, TypeScript를 활용하여, 사용자 맞춤형 기능(관심 종목) , 사용자 친화적인 UI를 제공했습니다. - 데이터 시각화(그래프, 수치)를 통해, AI 분석 정보를 효과적으로 전달, 사용자의 이해를 돕고 정보 접근성을 높였습니다. - CSS animation에 대해 계속 이해하려 다양한 라이브러리와 프레임워크에대해 학습을 진행하고 있습니다. [개발 생산성 향상을 추구합니다. ] - Next.js 활용하여 서버 데이터를 효율적으로 렌더링하고, 클라이언트 컴포넌트에서 비동기 함수로 서버 데이터 활용, 개발 생산성을 향상시켰습니다. - API 호출을 병렬 처리하여 페이지 로딩 속도를 개선했습니다. (성능 최적화) - 프론트엔드 개발 과정에서 발생하는 다양한 이슈들을 해결하고, 안정적인 서비스를 구현했습니다. [효과적인 커뮤니케이션 역량] -JIRA 칸반보드와 Github 마일스톤을 활용하여 매번 프로젝트 진행 상황을 업데이트하고, 이슈 발생 시 팀원들과 실시간으로 소통하며 문제를 해결했습니다. - Figm
기술 스택
React, TypeScript, Figma, Kotlin, Next.js, MongoDB, LangChain, JIRA, TailwindCSS, styled-components, zustand, redux-toolkit
프로젝트
아잇나우
스나이퍼팩토리
2024.06. ~ 2024.08.
팀 구성: 3명(프론트엔드 3명) / 기여도 50%
목적: 실시간 미국 기업 공시와 데일리 뉴스 데이터를 분석해 다양한 언어로 맞춤형 기업 분석 리포트를 제공하는 AI 애널리스트 플랫폼
기술 스택: Next.js, TypeScript, Tailwind.CSS, Langchain, zustand, firebase, Vercel
액션
AI agent 기능 구현: 사용자가 원하는 주식의 데이터를 Langchian을 통해 처리하고 평가에대해 설명함
성능 최적화 및 SEO: SVG spirte 기법 과 Next.js에 캐싱 시스템을 사용하여 사용으로 인한 로딩 속도 향상, SEO를 사용한 검색성능 향상
데이터 전처리: 수많은 주식데이터를 사람들이 많이 사용하는 지표를 선택하여 적용함
성과
성능 최적화로 인한 초기 로딩속도 2초대에서 1초대로 향상 됨
관심 종목에 대한 투자 지표 시각화 기능을 개발 완료
포트폴리오
교육
계명대학교
대학교(학사) | 경영정보학
2017.03. ~ 2023.02. | 졸업
대외활동
웅진씽크빅/유데미/스나이퍼팩토리 Next.js 캠프
웅진씽크빅/유데미/스나이퍼팩토리
Next.js의 기본 개념부터 시작하여 라우팅, 데이터 페칭, 서버 및 클라이언트 컴포넌트, API 라우트 구현,
데이터베이스 연동, 배포 및 최적화
실무에서 사용되는 기술 스택을 학습 및 팀 프로젝트를 통해 기능 구현
코드스테이츠 프론트엔드
코드스테이츠
Javascript 기반으로 프론트엔드 과정 학습
페어 프로그래밍을 통해 팀원과의 협업 능력을 향상
프로젝트 경험을 통해 새로운 기술을 빠르게 습득
멋쟁이 사자 운영진
멋쟁이 사자
멋쟁이 사자에서 기본적인 HTML/CSS 에대한 내용을 새로 들어온 학우들에게 설명하고 발표하며 같이 공부해가는 스터디를 조장함
자격증
SQL Developer
합격 | 한국데이터산업진흥원
2024.04.
자기소개
끊임없는 학습과 실천으로 이어가는 개발 여정
관심 있는 개발 분야
저는 사용자 경험(UX)을 중심으로 한 프론트엔드 개발에 깊은 관심을 가지고 있습니다. 특히 React와 같은 현대적인 JavaScript 프레임워크를 활용하여 반응형 웹 애플리케이션을 구현하는 데 주력하고 있습니다. 또한 웹 접근성과 성능 최적화에도 큰 관심을 가지고 있어, 이를 통해 모든 사용자가 쉽고 빠르게 이용할 수 있는 웹 서비스를 만들고자 합니다.
개발자로서의 성장 노력
비록 신입 개발자이지만, 저는 코드 품질 향상을 위해 끊임없이 노력하고 있습니다. 학교 프로젝트와 개인 프로젝트를 통해 작성한 코드들을 지속적으로 검토하며, 더 나은 방식은 없는지 고민합니다.
코딩을 마친 후에도, 잠들기 전이나 일상 생활 중에도 제 코드에 대해 생각합니다. '이 부분을 어떻게 하면 더 이해하기 쉽게 만들 수 있을까?', '실제 개발팀에서 일할 때 이 코드를 어떻게 개선할 수 있을까?' 등의 질문을 스스로에게 던지며 개선 점을 찾습니다. 또한 온라인 코딩 챌린지에 참여하여 다양한 문제를 해결하면서 제 코드를 다른 개발자들의 솔루션과 비교하며 학습합니다. 이 과정에서 더 효율적이고 가독성 높은 코드 작성 방법을 배우고 있습니다.
기억에 남는 프로젝트
가장 기억에 남는 프로젝트는 지금 진행 중인 'AI 주식 애널리스트 프로젝트'입니다. 이 프로젝트에서 저는 Next.js와 LLM을 활용하여 여러 사용자가 주식 리포트에 대해 간편하게 의견을 받을 수 있도록 구현하고있습니다. 특히, 매일 변하는 주식 시장 데이터를 가져와 AI에 적용하여 최신화된 의견을 받을 수 있도록 노력을 기울이고 있습니다.
팀워크 기여
팀 프로젝트에서 저는 주로 새로운 기능 구현을 담당했습니다. 프로젝트에서는 팀원들이 꺼려하는 기능에 대해 저는 탐구하고 만들고자 하는 욕심이 생겨 새로운 기능을 어찌 만들지 문서와 영상을 통해 공부해가며 이 과정에서 팀원들과 데이터 처리와 공통 컴포넌트 처리 등, 사용자 중심의 인터페이스를 구현했습니다. 또한, 매일 진행상황을 확인하도록 제안하고 주도하여 팀 전체의 코드 품질 향상에 기여했습니다.
성격의 장점과 단점
저의 가장 큰 장점은 끈기와 세심함입니다. 문제에 직면했을 때 쉽게 포기하지 않고 해결책을 찾을 때까지 노력합니다. 프로젝트 진행 중 기능이 제대로 구현되지 않아 일주일 내내 공식문서와 구글링을 통해 하루 8시간 이상 그 문제에 대해 찾아가면 해결하였습니다. 이러한 성격은 복잡한 코딩 문제를 해결하거나 버그를 찾아내는 데 큰 도움이 됩니다. 또한, 세세한 부분까지 신경 쓰는 성격으로 UI 디자인의 미세한 조정이나 코드의 일관성 유지에 강점을 보입니다.
반면, 저의 단점은 때때로 완벽주의적 성향을 보인다는 것입니다. 이로 인해 작은 세부사항에 너무 많은 시간을 할애할 수 있습니다. 하지만 이를 인식하고 있기에, 프로젝트 진행시 다른 팀원들과의 소통을 통해 균형을 잡으려 노력하고 있으며, 중요도에 따라 우선순위를 정하는 습관을 기르고 있습니다.