Movie_App[Nomard 클론 코딩]

Lumi·2021년 9월 24일
0

Nomard 클론코딩

목록 보기
3/4
post-thumbnail

2021-09-24 하루만에 끝낸 클론 코딩이다.

  • 이유는 단순히 HTML과 CSS조작만을 통해서 가능하기도 하고 내가 연습 용으로 해보았기 떄문이다.

사실 정규 과정이 끝난 것이지 추가적으로 내가 작업을 할수가 있다.

  • 추가 적인 작업은 시간날떄마다 해볼것이다.!!

사실 많이 적을 것이 없다.

  • 기본적으로 아는 것들이고 CSS가 어지러웠을 뿐이다.

그러기 떄문에 새로 알게된 사실만 적어 보도록 하겠다.

외부의 JSON값 받아오기

말 그대로 url에 있는 json의 값을 받아 오는 방법이다.

axios를 사용하는데 npm을 통해서 따로 모듈을 설치해 주어야 사용이 가능하다.

  • 해당 url을 타고 갔을떄의 정보이다.

json의 형태로 이루어져 있지만 따로 프로그램이 없기 떄문에 text로만 나오는 것이다.

여기에 있는 값을 받아서 변수에 담아주게 된다.

그후 하던대로 map을 통해서 다른 컴포넌트에 값을 보내주면 된다.

Git 웹페이지

처음안 사실인데 git에서도 웹페이지를 제공한다고 한다.

  • 빨간색 부분만을 추가해 주면 된다.

homepage : git허브에서 이용되는 홈페이지이다.

  • 나의 git닉네임과 프로젝트 명을 추가해 줌으로써 웹페이지를 사용할수가 있다.

그후 despoly와 predeploy를 사용해서 build한다

단순히 npm dexpoly를 실행하면 자동으로 predeploy도 실행이 된다.

  • 사실 이부분은 정확하게 어떻게 작동을 하는지는 모른다;;

후기

이 정도만 내가 몰랐던 내용이고 그 외의 내용은 html과 css내용이기 떄문에 별로 어렵지 않았다!

지금 추가적인 작업은

이런 화면에서 제목을 눌렀을떄 해당 영화에 대한 상세한 정보가 있는 따른 페이지로 이동하는 작업을 해보고자 한다.

제목에 Link를 추가해서 제목의 정보를 담은 페이지로 이동을 하려고 했는데 이상하게 정보를 가지고 오지 못하고 있다... ㅠㅠ

계속해서 수정이 되면 추가를 해보도록 하겠다!!

profile
[기술 블로그가 아닌 하루하루 기록용 블로그]

0개의 댓글