미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 윤태현
- 간단소개
- 2년차 개발자로 스타트업에서 풀스택으로 근무하며 개발 및 배포, QA, CS 등 다양한 경험을 쌓았습니다.
기술 스택
- 기술 스택
- JavaScript
- TypeScript
- React
- Next.js
- Node.js
- MySQL
- MongoDB
- AWS
포트폴리오
경력
- 회사명
- (주)스마트디아그노시스
- 직책 • 부서
- 연구원 • 연구개발팀
- 근무 기간 (근무 형태)
- 2022.01. - 2023.05.
- (1년 5개월 | 정규직)
- 담당 업무
관리자 시험 생성 및 관리 시스템, 응시 인원 초대 및 관리 시스템 개발
응시자 시험 및 결과, 자동 채점 및 분석 리포트 생성 기능 개발
자체 문제 은행 페이지를 구축하여 관리자 별 문제 관리
MathJax를 활용하여 수식 에디터 개발 이후 텍스트 에디터 API를 사용하여 문제 생성 기능 개발
대량 이메일 전송 기능을 구현하였고 Flask 멀티 쓰레드를 활용하여 100개의 메일 전송 시 평균 10분 걸리던 것을 2분으로 단축
이후 이메일 전송 기능을 AWS SES로 리팩토링 하였고 100개 메일 전송을 평균 10초로 단축
AWS S3를 통한 파일 관리 및 서버 통신 기능 구현
Server-Sent Events (SSE)를 이용한 ChatGPT API의 실시간 FAQ AI 답변 스트리밍 구현
RPA 툴인 UiPath를 활용해 브라우저 자동화로 웹 테스트를 수행하여 테스트 수행 시간 단축
수강생 및 관리자 시스템 기획부터 개발까지 진행
video.js를 활용하여 동영상 진도율 추적 및 실시간 저장 등 다양한 제어 기능 구현
pdf.js를 활용하여 pdf 렌더링과 암호화 생성 기능 개발
canvas를 활용하여 수료증 및 자격증 템플릿 등록 및 저장 기능 개발
토스페이먼츠 API를 통한 결제 시스템 구현
클라이언트가 첨부한 PDF를 서버에서 암호화하여 사용자가 다운로드할 수 있도록 구현
기술 스택
VanillaJS
HTML/CSS
Flask
Node.js
MySQL
AWS
인공지능 온라인 시험 TestWith 개발 및 유지보수
2022.01 ~ 2023.05
KMA 온라인 진단 시스템 LMS 개발 및 유지보수
2022.08 ~ 2023.05
인공지능 온라인 모의고사 시스템 개발 및 유지보수
2023.02 ~ 2023.05
프로젝트
- 프로젝트명
- 해외 주식 분석 플랫폼
- 소속/기관명
- 5인 팀 프로젝트 (팀장)
- 프로젝트 기간
- 2024.06. - 2024.08.
- (3개월)
- 프로젝트 설명
실시간 주식 및 뉴스 데이터를 분석해 다국어 맞춤형 리포트를 제공하는 주식 분석 플랫폼
발견 (주식 및 뉴스 검색) 페이지 구현
관심 주식 페이지 구현
Next-Intl
을 사용한 다국어 및 미들웨어 설정Next-Auth
의 네이버 소셜 로그인 버그 patch-package를 사용하여 수정Next.js
SVG (URL, 컴포넌트) 설정 및 적용디바운스와
es-hangul
을 사용하여 한글 초성 및 영어 스펠링 검색 기능 구현이미지 업로드 시 대용량 이미지도 화질을 유지하며 최적화된 크기로 변환 및 저장 로직 구현
백엔드 세션을 Next 브라우저 쿠키에 저장하는 로직 적용하여 로그인 여부 판별
MongoDB
를 사용하여 데이터베이스 설계 및 API 문서화를 위한 Swagger 도입Puppeteer
를 사용하여 해외 주식 뉴스 기사 크롤링,Cron-Job
을 사용하여 스케줄링AWS S3
를 사용한 이미지 호스팅 및 관리AWS Route53
으로 도메인 등록,EC2
,로드밸런싱
을 사용하여 백엔드 API 서버 배포구글, 네이버 서치 콘솔 등록 및 메타태그 활용으로 SEO 적용
배포 링크 및 포트폴리오
기획 의도 및 프로젝트 설명
기술 스택
Next.js
TypeScript
Zod
TailwindCSS
Zustand
Node.js
MongoDB
AWS
담당 업무
- 프로젝트명
- 대학생 공연/전시 정보 플랫폼
- 소속/기관명
- 3인 팀 프로젝트 (팀장)
- 프로젝트 기간
- 2023.12. - 2024.02.
- (3개월)
- 프로젝트 설명
분산된 정보와 홍보의 어려움으로 예체능 분야의 대학생들의 졸업 작품 또는 정기 행사에 관심과 주목을 받기 어려운 상황에서 효과적으로 소개하고 홍보할 수 있는 플랫폼
Vite
및TypeScript
사용한 프로젝트 초기 설정 (Proxy, 절대 경로 설정 등)로그인 / 회원가입 페이지 제작
마이페이지 프로필 및 일반회원 마이페이지 제작
JWT
인증 및 쿠키 기반의 보안 로직을PrivateRoute
컴포넌트에 통합하여 로그인 시스템 강화ERD 설계 및 API 명세서 작성
Nodemailer
라이브러리를 사용하여 일반 회원 인증, UNIVCERT API를 사용하여 관리자 회원 인증을 위한 인증 코드 이메일 발송 기능 개발토스페이먼츠 API
이용한 예매 시스템 개발AWS S3
사용하여 이미지 호스팅 및 관리AWS
를 활용하여 프론트엔드, 백엔드 배포GitHub Actions
사용하여 자동으로 빌드 및 테스트 수행 후 S3 버킷에 업로드 및 CloudFront 캐시 무효화 진행
배포 링크 및 포트폴리오
기획 의도 및 프로젝트 설명
기술 스택
React
TypeScript
Tanstack Query
Zustand
MySQL
AWS
GitHub Actions
담당 업무
- 프로젝트명
- 만원의 행복 (공모전)
- 소속/기관명
- 6인 팀 프로젝트 (프론트엔드 리드)
- 프로젝트 기간
- 2023.11. - 2023.12.
- (2개월)
- 프로젝트 설명
고물가와 고금리로 인해 국민들의 생활비 부담이 증가하여 만원으로 할 수 있는 것이 매우 제한적입니다. 이러한 사회적 흐름에 발맞춰, 단돈 만원으로 저렴하게 이용할 수 있는 착한 가게 들을 알려주는 공공 서비스를 개발
공모전을 기반으로 진행한 프로젝트로 서울시 착한 가격 업소 API 데이터를 활용하여 만원의 행복 서비스 반응형 웹(Web)환경의 서비스 제공
Python BeautifulSoup
라이브러리를 활용하여 서울특별시 물가 정보 사이트로부터 착한 가격 업소의 주요 품목 데이터를 크롤링하고 정제된 데이터를 JSON 파일로 변환하여 데이터 저장, 가격 정보 제공 시스템에 기여전체 페이지 레이아웃 구성 및 반응형 구현과 동시에 공통 컴포넌트 설계
짠지도 및 상세 페이지 지도 서비스 UI 및 기능 제작
Kakao Map API
사용하여 사용자의 현재 위치 또는 지도에서 현재 보고 있는 곳에서 2km 반경 내의 업소 정보를 지도에 표시react-spring-bottom-sheet
라이브러리에서 필요한 값들만 사용하여 네이버 지도와 같은 맞춤형 바텀시트를 구현단짠단짠 페이지 UI 제작
마이페이지 UI 제작
Vercel
활용하여 애플리케이션 배포. 리다이렉션 규칙 및 API 라우터 설정 진행
배포 링크 및 포트폴리오
기획 의도 및 프로젝트 설명
기술 스택
React
TypeScript
Styled-Components
Tanstack Query
Zustand
담당 업무
- 프로젝트명
- 웅진씽크빅 웹 빌더 시스템
- 소속/기관명
- 4인 팀 프로젝트 (개발 리드)
- 프로젝트 기간
- 2023.07. - 2023.08.
- (2개월)
- 프로젝트 설명
개발자나 퍼블리셔가 아닌 누구나 쉽고 빠르게 상세 페이지를 제작 할 수 있는 웹 빌더 시스템을 개발
웅진 씽크빅 홈페이지를 간편하게 만들 수 있는 관리자 웹 빌더 시스템을 요구해서 진행하게 되었고 디자인 Figma는 제공를 받았고 Figma와 똑같이 하기보단 저희만의 방식대로 진행하는 것을 원하셨고 디자인을 토대로 기획을 더 얹어 개발 진행
JWT
인증 및 쿠키 기반의 보안 로직을PrivateRoute
컴포넌트에 통합하여 로그인 시스템 강화react-beautiful-dnd
드래그 앤 드랍 라이브러리를 사용하여 관리 페이지의 순서를 유연하게 바꿀 수 있게 진행웹 에디터 페이지를 개발하면서 블록 디자인 시스템을 JSON 파일 구성만으로 원하는 디자인을 쉽게 만들 수 있도록 유지보수, 재사용성 개선
변경 사항 실시간 저장하여 블록 디자인을 히스토리 별로 복원하는 기능을 개발
블록 디자인 배경색 및 여백을 사용자가 자유롭게 줄 수 있도록 개발
AWS S3
를 사용하여 이미지 호스팅 및 관리AWS
를 활용하여 프론트엔드, 백엔드 배포GitHub Actions
사용하여 자동으로 빌드 및 테스트 수행 후 S3 버킷에 업로드 및 CloudFront 캐시 무효화 진행
배포 링크 및 포트폴리오
기획 의도 및 프로젝트 설명
기술 스택
React
Redux Toolkit
Node.js
MySQL
AWS
GitHub Actions
담당 업무
- 프로젝트명
- [EBTI] 계란 요리 성격 유형 검사
- 소속/기관명
- 개인
- 프로젝트 기간
- 2023.09. - 2023.10.
- (2개월)
- 프로젝트 설명
한 때 유행이었던 성격 유형 검사를 16가지의 계란 요리에 비유하여 성격 및 성장 방법 등을 알려주는 사이트
초기 단계는 Vanilla JS 진행을 하고 Firebase로 배포를 했고, 이후에 React 리팩토링
React
Styled-Components
사용하여 화면 구성을 했고, AWS를 사용해서 정적 배포 진행kakao AdFit
사용해서 광고를 넣어 수익화 적용을 진행ChatGPT
사용해 계란 요리 유형, 요리와 맞는 성격, 문제, 가중치 등을 설정다양한 일러스트 이미지 등은
MS Bing Image Creator
사용하여 다양한 이미지를 생성검색엔진 최적화 관련 meta 태그나 robots.txt 설정으로 구글에 등록
배포 링크 및 포트폴리오
기획 의도 및 프로젝트 설명
기술 스택
React
Styled-Components
AWS
담당 업무
교육
- 소속/기관
- 한서대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 항공전자공학과
- 재학 기간 (재학 상태)
- 2014.03. - 2021.02. (졸업)
대외활동
- 활동명
- [유데미X웅진씽크빅] Next 프로젝트 캠프
- 소속/기관
- 스나이퍼팩토리
- 활동 연도
- 2024
- 활동 상세 설명
기업 연계 프로젝트 해외 주식 분석 웹사이트 개발로 최종 1위 팀 수상 및 우수 수료생 선정
- 활동명
- [유데미X웅진씽크빅] React 프로젝트 캠프
- 소속/기관
- 스나이퍼팩토리
- 활동 연도
- 2023
- 활동 상세 설명
기업 연계 프로젝트로 웅진씽크빅 관리자 사이트를 개발하여 최종 2위
- 활동명
- UiPath RPA League 2021 해커톤
- 소속/기관
- UiPath
- 활동 연도
- 2021
- 활동 상세 설명
OCR을 활용한 명함 데이터 추출 및 상품 기획서 워드 자동화 작성 및 이메일 발송 개발로 최종 1위
- 활동명
- 한경닷컴IT센터 주관 공모전
- 소속/기관
- 한경닷컴IT교육센터
- 활동 연도
- 2021
- 활동 상세 설명
어린이집 아동학대 데이터 분석과 YOLO 기반 이상 행동 감지 및 표정 분석으로 아동학대 경고 챗봇 시스템 개발로 최종 1위
- 활동명
- 한서대학교 캡스톤 경진대회
- 소속/기관
- 한서대학교
- 활동 연도
- 2020
- 활동 상세 설명
아두이노 기반 센서를 활용한 자동 분리수거 쓰레기통 제작으로 장려상 수상
- 활동명
- 한서대학교 항공전자공학과 학술대회
- 소속/기관
- 한서대학교 항공전자공학과
- 활동 연도
- 2019
- 활동 상세 설명
아두이노 기반 무인 비행 장치 제작 및 조종 웨어러블 장갑 제작으로 최종 1위
자격증
- 자격증명
- SQLD
- 점수/급 | 발급 기관
- 한국데이터산업진흥원
- 취득월
- 2023.04
- 자격증명
- 정보처리기사
- 점수/급 | 발급 기관
- 한국산업인력공단
- 취득월
- 2021.06