프론트엔드 개발자

최현민

성실함과 열정을 가지고 도전하여 결과로 보여주는 개발자, 최현민입니다.

성실함

책임감

고객 중심

열정적

긍정적

Pretzel 영화 OTT 사이트

Jeju Travel

1) 프로젝트명: Jeju Travel - 연계/학원 : 한국ICT인재개발원 - 주요 업무 : 백엔드 + 프론트엔드 담당 - 담당 역할 : 1. 조회수순 , 가나다순, 가나다역순 , 정렬 기능 구현 2. 카카오 지도 API 활용하여 클릭한 장소 위치 및 정보 제공 구현 3. 카테고리 페이지 디자인 및 서버 구축 4. 검색 기능 구현 5. 리뷰 페이지 디자인 및 서버 구축 - 역할 상세 설명 : 1. 정렬 기능 구현 。조회수순 정렬 : 데이터베이스에 저장된 아이템을 조회수 기준으로 오름차순, 내림차순 정렬하여 출력 。가나다순(역순)정렬 : 아이템을 한글 가나다 순서대로 오름차순 혹은 내림차순으로 정렬하여 출력 2. 카카오 지도 API 활용 。장소 위치 및 정보 제공 : 지도를 클릭하면 해당 위치의 정보를 카카오 지도 API를 통해 가져와서 화면에 출력 。장소 상세 정보 표시: 클릭한 위치의 상세 정보(예: 주소, 이름 등)를 제공하며, 필요시 추가 정보를 출력 3. 카테고리 페이지 디자인 및 서버 구축 。카테고리 페이지 디자인: 사용자에게 다양한 카테고리를 효과적으로 보여줄 수 있는 페이지를 디자인 。서버 구축: 카테고리 데이터를 제공할 서버를 구축하고, 카테고리별로 데이터를 필터링하여 출력 4. 검색 기능 구현 。키워드 검색: 사용자가 입력한 키워드를 기반으로 데이터베이스를 검색하여 관련된 아이템을 출력 。결과 필터링 및 정렬: 검색 결과를 필터링하여 정렬할 수 있는 기능을 추가하여 사용자가 원하는 정보를 출력 5. 리뷰 페이지 디자인 및 서버 구축 。리뷰 페이지 디자인: 사용자가 리뷰를 작성하고 볼 수 있는 페이지를 디자인 。서버 구축: 리뷰 데이터를 저장하고 관리할 서버를 구축하며, 리뷰 작성, 수정, 삭제 등의 기능을 구현 - 기술 스택 : ( - Database : Maria DB(10.6.17) - Service System: Apache Tomcat, Spring7(MVC/Security/Transaction/Spring Rest API ), MyBatis - 언어: JAVA, JSP, HTML5, CSS3, Javascript, SQL, JQuery (Ajax) - Tool : STS, Heidisql, , Visu<a target="_blank" rel="noopener noreferrer nofollow" href="http://draw.io">al Stud</a>io Code, Json, XML, ERDCloud , draw.io, figma - 오픈 API: FullCalendar, Kakao Map, Open AI, javax.mail API, - summer note API, 공공데이터 API, Kakao Login API, Naver Login API, Visit_jeju API, 다음 주소 API - 형상관리: Git/Github, Google sheet -UI/UX 프레임워크: Bootstrap) - 업무 기간 : 2024.04 ~ 2024.05 (약 6주) - 개발 인원 : 5명 - 상세 내용 : 프로젝트 소개 : 제주 여행 일정을 편리한 인터페이스와 최신 데이터를 기반으로 쉽고 간편하게 계획할 수 있는 플래너 서비스 및 정보제공 사이트를 만들었습니다.GitHub 주소 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/GojaeDoo/MVC_Project_Jeju">https://github.com/GojaeDoo/MVC_Project_Jeju</a>

2) 프로젝트명: Pretzel 영화 OTT 사이트 - 연계/학원 : 한국ICT인재개발원 - 주요 업무 : 프론트엔드 담당 - 담당 역할 : ( 1. 메인 페이지 2.회원가입, 로그인, 아이디&amp;비밀번호 찾기 3. 카카오&amp;네이버 로그인 4. 검색 및 검색 결과 페이지 5. 장르별 페이지 6. FAQ 페이지 7. 프로필 선택, 생성, 삭제, 수정, 관리 페이지 8. 공지사항 페이지 9. footer - 역할 상세 설명 : 1. 메인 페이지 。동적 콘텐츠를 제공하며, Axios로 최신 데이터를 비동기적으로 로딩하는 메인 페이지 구성 2. 회원가입 。사용자 정보를 입력받는 폼을 제공하며, Axios를 사용하여 사용자 정보를 서버로 전송, 직관적인 가입 폼 구현 。로그인 폼 및 기능을 구현하여 사용자가 기존 계정으로 접근할 수 있도록 구현 。아이디 찾기 폼을 제공하고, Axios로 아이디 찾기 요청을 서버에 전송, 잊어버린 아이디를 검색할 수 있도록 아이디 찾기 기능을 구현 。비밀번호 재설정 폼을 구현하고, Axios로 재설정 요청을 서버에 전송 , 사용자가 비밀번호를 재설정 하기 위해 비밀번호 찾기 구현 3. 카카오 &amp; 네이버 아이디 。카카오 로그인 버튼을 추가하고, Axios를 통해 카카오 계정 정보를 서버와 연동, 카카오 계정을 통한 로그인 기능을 추가 。네이버 로그인 버튼을 구현하고, Axios를 사용해 네이버 계정 정보를 서버와 연동, 네이버 계정을 통한 로그인 기능을 구현 4. 검색 및 검색 결과 페이지 。Axios로 검색 쿼리를 서버에 보내 사용자가 원하는 정보를 쉽게 찾을 수 있도록 검색 기능과 검색 결과 페이지 구현 5. 장르 별 페이지 。장르별 콘텐츠를 나누어 표시하고, Axios를 통해 각 장르의 데이터를 서버에서 가져와서 사용자가 컨텐츠를 탐색할 수 있도록 장르별 페이지. (공포 , 액션 , 범죄/스릴러 , 코믹 , 로맨스 , 애니) 구현 6. FAQ 페이지 。Axios를 사용해 FAQ 데이터를 서버에서 로딩. 결제/환불 , 구독권 , 계정 문의에 대한 자주 묻는 질문들을 정리한 목록을 화면에 표시 7. 문의 페이지 。문의 제목과 내용을 입력받는 폼을 제공하고, Axios를 통해 서버로 문의를 전송. 8. 프로필 페이지 。사용자 프로필 관리 기능을 제공하며, Axios로 프로필 데이터를 서버와 연동하여 사용자가 프로필을 선택 , 생성 , 삭제 , 수정 및 관리할 수 있는 페이지를 구현 9. 공지사항 페이지 。Axios를 사용해 데이터를 서버에서 로딩. 관리자가 올린 공지사항 목록을 화면에 표시 10. Footer 디자인 。페이지 하단 부 Footer 디자인 - 기술 스택 : ( - Database : Maria DB(10.6.17) - Service System: Apache Tomcat, Nginx , SpringBoot3, MyBatis, React , Next.js - 언어: JAVA, HTML5, CSS3 , Javascript , SQL , JQuery(Ajax), Axi<a target="_blank" rel="noopener noreferrer nofollow" href="http://draw.io">os, Pyt</a>hon - Tool : Heidisql, Json , Visual Studio Code , draw.io , MobX, Lombok, Pycharm , JupyterNotebook, Colab, Figma , Google driver, ERDCloud - 오픈 API: Naver Login API , Kakao Login API , javax.Mail API - 클라우드 : Oracle Cloud Instructure , AWS - 형상관리: Git/Github, Google sheet -UI/UX 프레임워크: MUI , NextUI) - AI 관련 : AI Hub , Hugging Face , BaseModel , librrosa , deepFace , OpenCV , SKTBrain/koBERT - 업무 기간 : 2024.06 ~ 2024.07 - 개발 인원 : 5명 - 상세 내용 : 우리의 새로운 OTT 사이트는 AI 기술을 활용하여 사용자에게 혁신적인 영화 감상 경험을 제공합니다 . 이 프로젝트는 AI 알고리즘을 이용해 영화의 캐릭터성 , 사물 , 등장인물등을 분석하여 세부적인 내용과 감독의 의도를 쉽게 파악 할 수 있게 합니다. 영화에 대한 종합적인 리뷰와 평점도 제공하여 객관적인 평가를 돕기 위해 프로젝트를 진행하였습니다. Git Hub 주소 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/orgs/OTT-Movie-Project-Pretzel/repositories">https://github.com/orgs/OTT-Movie-Project-Pretzel/repositories</a>

프론트엔드Thingboard 및 IoT 플랫폼을 활용하여 웹 , 위젯 및 데이터 시각화 대시보드 UI/UX 설계 및 구현