JMusic 사이트는 Youtube Data Api V3 로부터 비디오와 재생목록을 Axios로 가져와서 사용자가 편하게 볼수있게 UI Component를 리엑트를 이용해서 제작하였습니다. 컴포넌트 스타일링은 styled-components를 사용해서 css-in-js 방식으로 스타일링 하였습니다. react-router-dom을 이용해서 Home, Search, Playlists 페이지가 있습니다. 음악을 재생목록에 추가하거나 혹은 음악을 검색하거나 음악을 재생할 수 있는 뮤직 웹앱 SPA사이트를 제작하였습니다. 호스팅은 Netlify 에 하였습니다.
FRONT
END
DEV
a STORY
of FRONT
End dev.
My story from
2021.05,24
자신이 원하는 사이트를 퍼블리싱할 수 있는 능력과 동적인 기능을
추가시켜 줄 수 있게 리액트나 jQuery등의 라이브러리를 사용해
효율적이며 생산적인 도구들을 사용해서 필요한 웹사이트를 제작할
수 있는 능력을 가진 프론트엔드 개발자가 되기 의해서 여러 가지
사이트들을 퍼블리싱하고 스크립트적인 기능을 추가하며 만들어
왔습니다 그리고 새로운 기술들이 끊임없이 나오는 프론트엔드에서
최신 트렌드에 뒤처지지 않기 위해 인터넷 서칭을 통해 동향을
파악하고 각각의 기술들의 장단점을 확실하게 알고 원하는 기능이
필요할 때 바로 배우고 적용할 수 있는 개발자가 되겠습니다. 그러기
위해서 업무시간외에도 여러 기술들을 공부하여 자기 계발에 힘쓰는
개발자가 되겠습니다.
정범수
2021.05,24
JUNG
BEOM SU
BEOM SU
My story 2021.05,24
MY REACT PROJECT
-
JMusic Site
-
NomFlix Site
Nomflix 사이트는 The Movie Database Api 로부터 영화 정보를 Axios 로 가져와서 사용자가 편하게 볼수있게 UI Component를 리엑트를 이용해서 제작하였습니다. 컴포넌트 스타일링은 styled-components를 사용해서 css-in-js 방식으로 스타일링 하였습니다. react-router-dom을 이용해서 TV, Movie, Search, Detail 페이지들을 제작하였습니다 영화를 검색할 수 있거나 클릭해서 영화의 정보를 보여줄 수 있습니다. 호스팅은 Netlify 에 하였습니다.
PUBLISHING SITE & RESPONSIVE SITE & JQUERY SITE
CODING SITE
RECEIPTSITE
사이트를 이용하실려면
아래 JSON 파일 다운로드 받기 버튼을 누르신후
이용바랍니다!!
영수중 사이트입니다 JSON파일의 영수증을 추가후 업로드시
영수증을클릭해서 영수증에 관한 정보들을 볼수 있고 영수증들을
검색하거나 3초이상 마우스 다운하면 선택할수있습니다 선택한
영수증은 삭제하거나 다운로드 내보내기 할수있습니다 모든 업로드한
영수증 데이터는 localStorage에 저장해서 브라우저 종료후
다시접속해도 데이터를 유지할수있습니다
WEB PAGE CREATESITE
사이트를 이용하실려면
아래 JSON 파일 다운로드 받기 버튼을 누르신후
이용바랍니다!!
웹페이지 제작사이트입니다 처음 메뉴에서 완성한사이트목록을
볼수있고 생성일 OR 이름 && 내림차순 오름차순으로 정렬할수있습니다
웹페이지 제작하기버튼을 클릭후 값을입력하면 페이지를 그릴수있는
캔바스가 생성되고 메뉴가 나옵니다 메뉴는 Tab 키를 이용하여
숨기거나 보이게 할수있습니다
퍼블리싱 사이트입니다
YEOSU INTRODUCTIONSITE
여수 소개 사이트입니다 반응형으로 데스크탑 1600px 타블렛 780px
스마트폰 480px 에서도 잘보일수있게 반응형 작업을 했습니다
CONATCT ME
CONTACT ME
이메일:
jungbeomsu@naver.com