portfolio

제가 좋아하는 커피를 주제로 웹 표준 사이트를 제작하였습니다. 카페와 커피에 관한 설명이 주된 사이트입니다. 사이트의 기본이 되는 슬라이드 유형, 배너 유형, 이미지텍스트 유형, 카드 유형, 배너 유형, 텍스트 유형으로 구성하였습니다. swiper를 이용하여 이미지 슬라이드를 구현하였습니다.

도미노피자 공식 사이트의 디자인과 기능을 유사하게 보이도록 제작하였습니다. 이미지 슬라이드, 탭 메뉴 등 제이쿼리와 이용하여 구현 하였으며 이러한 구현을 바탕으로 리액트를 사용하여 동일한 기능을 가진 웹사이트도 만들었습니다.

Node.js를 통해 CMD에서 터미널을 설정하고 NPM으로 JS라이브러리를 설치한 후, 컴퍼넌트를 생성하여 싱글페 이지를 출력시켜 만든 React 사이트입니다. API를 이 용한 유튜브 페이지에서 동영상 목록과 검색이 가능하며 영화페이지에선 영화 목록과 검색이 가능합니다. REACT HOOK함수도 사용했습니다.

PHP를 사용해 웹 페이지를 제작하였습니다. 댓글 기능, 게시판, 로그인, 회원가입 기능을 넣었습니다. MyAdmin 에 접속한 후 MySQL을 이용해 데이터베이스에 접속하여 데이터들을 수정, 삭제, 복사 등을 할 수 있습니다.

“하루 한 지문” 이라는 독해력 향상을 위한 문학/비문학 문제 풀이 사이트입니다. PHP를 기반으로한 협력 프로젝트로 개발되었으며, 사용자들에게 독해력과 문학적 이해력을 향상시킬 수 있도록 도와줍니다. 또한, 사용자들은 게시판을 통해 문제의 해설을 공유하고, 간단한 게임 등의 기능을 통해 학습을 더욱 흥미롭게 만들 수 있습니다.

REACT로 작성한 사이트 레이아웃을 그대로 VUE문법을 사용하여 사이트를 만들었습니다. youtube, movie와 같은 restful API를 postman사이트를 이용하여 데이터를 분류하고 그 중에서 원하는 데이터만 가져와서 사용했습니다. prettier, eslint를 이용해 문법에 오류가 없도록 작업하며 코드정리도 했습니다.

react로 youtube API를 활용해 제작한 유튜브 API 사이트입니다. useState와 useEffect, useParams를 사용하여 유튜브 API 데이터와 서치 기능을 구현하였습니다. 아직 준비중입니다.

학원에 다니며 수업 시간에 공부한 내용을 바로바로 작성하며 기록해 놓은 사이트입니다. HTML, JAVASCRIPT, PHP, MySQL, REACT, WEBPACK등을 정리해 놓고, 필요할 때마다 찾아보고 있습니다.

이 프로젝트는 Javascript Mastery 의 튜토리얼을 기반으로 제작하였습니다. NextJS 애플리케이션 작업에 익숙해지기 위해 이 프로젝트를 시작하였습니다. TailwindCS, TypeScrip등을 사용하였습니다.