Description

유튜브 채널 가치평가 솔루션 사이트 유지 보수 및 기능 추가

Experience

1. 인터페이스 개선:

• 네비게이션 메뉴 재구성

• 모바일 반응형 디자인으로 변경

• 고정 사이드바 추가

2. YoutubeAPI 활용:

• YoutubeAPI를 활용한 카테고리별 유튜버 분석 및 분류 기능 구현

• 카테고리 별 유튜버에 해당하는 DB 및 인터페이스 수정

3. 카테고리별 유튜버 분류 페이지 및 상세 페이지 개발:

• 분류 페이지 디자인: 카테고리 바와 카테고리 별 분류 페이지 구현

• 필터링 및 정렬 기능: 유튜버 카테고리, 인기 순위, 구독자 수 별 정렬 기능 구현

강남대학교 팀과 개인의 프로젝트를 소개 및 홍보할 수 있는 웹 서비스 개발

프론트엔드와 벡엔드가 분리되서 각자 담당한 파트를 개발하는 형식으로 진행하였고 ,에자일 방법론을 활용하여 개발의 방향성을 잡아 사용 언어, 개발 환경, 디자인 시스템 등을 팀원들과 소통하며 개발을 진행했습니다.

주요 기능

- 프론트엔드 공통

- 디자인 시스템을 사용하여 개발을 진행하여 컴퍼넌트, 이름나 UI 등의 일관성 유지

- figma를 사용하여 실시간으로 공유하며 웹 사이트 개발

- 프론트엔드 개인

- 메인, 검색, 발행, 상세 보기 페이지 제작

- RTK Query를 활용 기존의 axios 방식보다 벡엔드 통신간 데이터 중복 제거, redux 상태 관리 및 타입 안정성 높힘

- React-Hook-Form을 사용하여 대량의 데이터(이미지, 주소, 이름, 팀원)의 유효성 검사 등을 효율적으로 처리

- DB에 저장된 프로젝트 별 이름,태그 별 분류 및 검색 기능을 구현하여 서비스 향상

- 스크롤 동작에 따른 무한 스크롤 기능 구현하여 사용자 편의성 개선

사용 언어

- React, TypeScirpt, RTK Query, Redux, emotionCSS, SASS/SCSS

Github 링크: https://github.com/chalIengers/challengers-front

Notion 링크: https://www.notion.so/2a37b8095630489abd948d3c76e7b441

프로젝트를 위해 최적화된 팀원 매칭 및 소개 웹 서비스 개발

개인 사이드 프로젝트로 진행했으며 주로 리액트와 벡엔드간의 API 통신 및 벡엔드 숙련도 향상을 위해 진행했습니다.

프론트엔드는 React, 벡엔드는 Django와 로그인 한정으로 firebase를 이용하였고 DB는 mysql를 사용했습니다.

주요 기능

- 헤더, 메인, 매칭, 소개, 발행, 상세, 검색, 마이, 로그인 및 회원가입 페이지 제작

- 사이트 회원가입 과 로그인 google, github 계정을 통한 로그인 등 다양한 로그인 기능을 구현하여 이용에 편의성 제공

- 작성 글 간 카테고리 별 분류 기능을 구현 및 검색 기능 구현

- firebase를 활용하여 구글, 깃허브, 사이트 회원가입 계정들을 관리

- django와 mysql을 사용하여 작성 글 연동 및 조회, 수정, 삭제 기능 구현

- ChatGPT API를 활용하여 작성 내용(이름, 팀원, 기간 등)에 따라 소개 문구 자동 작성 및 DB 저장

사용 언어

-React, Redux, Python, Django, Mysql, Firebase

Github 링크(프론트엔드):  https://github.com/cheonseunghyeon/capstons

Github 링크(벡엔드): https://github.com/cheonseunghyeon/proparty/tree/master

임산부를 위한 커뮤니티 웹 서비스 개발

팀 사이드 프로젝트로 에자일 방법론에 더해 개발 내용과 문제, 스프린트 등을 Notion, Tstroy, JIRA 에 쳬계적인 개발 기록 방식을 학습과 Docker를 활용한 가상 환경 구축 및 벡엔드 기술을 학습 하는 방식으로 진행했습니다.

주요 기능

- 로그인 및 회원가입 모달 창, 조리원, 산모용품, 커뮤니티 등록 상세 페이지 제작

- modal 창 개발 및 트리거 동작에 따라 활성화/비활성화 구현

- 사이트 내 회원가입, 로그인과 DB 내용을 바탕으로 유효성 검사 처리 기능 구현

- 마우스 스크롤, 커서 트리거에 따라 페이지네이션 기능 구현

- Docker를 활용하여 벡엔드 개발 환경 구축

사용 언어

- React, TypeScript, Axios, Redux, emotionCSS, Docker,

Github 링크: https://github.com/orgs/KNU-Moing/repositories

Tstory 링크: https://knulikelion.tistory.com/

농수산물 중소매자와 구미자 매칭 중개 웹 서비스 개발

멋쟁이 사자처럼 해커톤 참여 출품작 준비용으로 1달이라는 짧은 기간동안 완성도 높은 웹 사이트 구축을 목표로 개발을 진행하였고 협업간 진행되는 코드 병합 과정과 버전 관리의 체계성을 갖추는걸 목표로 하였습니다.

주요 기능

- 프론트엔드 공통

- figma를 사용하여 실시간으로 공유하며 웹 사이트 개발

- 프론트엔드 개인

- 로그인 및 회원가입, 마이, 판매 및 공급자 헤더, 문의, 작성, 상세 페이지 제작

- 스크롤 동작에 따른 애니메이션 효과를 적용하여 사용자들의 흥미 유도

- 페이지네이션 기능을 구현하여 가독성 및 데이터 로딩 시간을 분산

- ChatGPT API를 활용하여 사용하여 추천 서비스 구현하여 서비스 호기심 향상

- 헤더 제작 및 마우스 위치 별 동작 기능을 구현

- 벡엔드(Spring) 과 연동 작업 및

사용 언어

- React, Axios, emotionCSS, Redux, github

Github 링크: https://github.com/cheonseunghyeon/farm2market

반도체 도면과 네트리스트 자동 인식 시스템 개발

교수님 추천으로 반도체 회사에서 실제로 사용 중인 도면 내 객체 자동 인식 및 네트리스트 데이터 처리 자동화 작업 시스템을 개발하였습니다.

파이썬의 아나콘다를 활용하여 가상 환경을 구축한 후 이미치 처리 기법과 다양한 객체 인식 모델을 활용하여 도면에 사용되는 심볼 기호를 라벨링 작업을 진행한 이미지들을 학습 진행 후 반도체 도면 속 심볼 문자 선 객체 자동 인식 모델을 제작하였습니다.

도면 내용을 출력한 네트리스트 파일 속 연관 관계를 파악 후 검색 트리 기법을 반복 진행하여 네트리스트 내 특정 반도체와 연결 관계에 있는 인스턴트나 네트 객체를 추출 및 엑셀 파일로 자동 출력하는 모델을 제작하였습니다.

주요 기능

- 반도체 객체 자동 인식 시스템

- 반도체 도면 중 필요한 부분(심볼, 선, 글자) 객체 자동 인식 및 필터링

- 이미지 처리 기법(모폴로지 연산, 경계선 검출 등)을 활용하여 선 객체 추출

- 라벨링 된 이미지 (3920개)을 데이터셋으로 이용

- 데이터 모델 학습 후 해당 모델을 활용하여 심볼, 문자 객체 식별

- 네트리스트 데이터 자동 처리 시스템

- 네트리스트 파일 간 데이터 검색 및 필터링

- 검색 트리 기법을 재귀하여 검색 조건에 해당하는 모든 객체 추출

- 추출된 객체를 엑셀 파일로 이름,네트,연결객체 등 으로 정렬한 후 출

사용 언어

- Python, OCR, opencv, yolov5, Flask

반도체 Github링크: https://github.com/cheonseunghyeon/Instrumentation-Drawing-Object-Detection

네트리스트 Gthub링크: https://github.com/cheonseunghyeon/Netlist