본문 바로가기

728x90

React 시리즈🌐/ReactJS로 영화 웹 서비스 만들기6

🍿ReactJS로 영화 웹 서비스 만들기 - 후기🍿 1. 소요시간 : 2~3일 정도 걸린것 같다. 2. 난이도 : reactJS 에 개념부족이 느껴졌음에도 클론코딩만의 장점으로 끝까지 따라 갈 수 있었다. 3. 느낀점 : 나름 나쁘지 않았고, 많이 배웠던거 같고,,, 또 다시 들어야 되겠다는 느낌이 확 들었다.ㅋㅋ 반복학습이 최고!! 최고!! -////클론코딩이라도 따라하면서 오류의 반복으로 시간이 좀 걸리고,, 개념부족으로 이해하는데 시간이 걸리고,, (그냥 넘긴것도 있고) 4. 결론: 감을 익힌 느낌? 이렇게 프로젝트 한 후, 개념공부하니까 아~ 이게 여기에 이렇게해서 사용되었구나~ 가 됨! 5. 출력 결과 : 수료증 인증~ㅋ 2021. 8. 21.

🍿오늘 공부한 것 (정리 x)🍿 정리하면서 글 작성시 시간이 너무 걸릴거 같아서 그냥 코드 랑 출력결과를 위주로 올립니다. - 공부의 목적은 글 작성이 아닌 이해가 우선! 1. 어떻게 object list(객체 리스트)를 가져오는지! 오직 JS 의 object(객체) 들만 2. map 이 하는것은 rendering 하지만 array 로부터 우리에게 array를 준다. 3. map 은 array 의 각 item에서 function을 실행하는 array를 가지는 javaScript fuction 이다. 그 function의 result 를 갖는 array를 너에게 줘.' map 은 각각 item 별로 function 을 호출함. item 이름: dish ( //props ))} ); } export default App; //food co.. 2021. 8. 20.

🍿React JS 로 영화 웹 서비스 만들기 - #2.1 props 에 대해 1. compoent 에 정보를 보낼 수 있다. 2. react 는 재사용 가능한 component 를 만들 수 있다는 점. (== component 를 계속해서 반복해서 사용할 수 있는것) 3. component 에서 component로 children component로 정보를 보내는 방법에대해서 알아보자! 4. es6는 JavaScript 의 최신 버전이다. 5. component 는 대문자로 시작해야함 (ex: Food) , component 로 정보를 보낼수 있음. 6. props 란 이렇게 component 에 넣게 되는 것들을 props 라고 함. 7. props 는 argument 로 감 이렇게 props 내부에 fav 를 가져와도 됨. 2021. 8. 19.

🍿React JS 로 영화 웹 서비스 만들기 - JSX? 컴포넌트?🍿 index.html 파일에 이 root 는 index.html 파일과 index.js 파일 두개 서로 같아야 한다. 물론 꼭 root 가 아니더라도 된다. 두개가 같은 id 를 가지고 있으면 ok! 1. localhost 를 게속 유지하고 refresh 할 수 있고, 그걸 보려면 npm start 를 실행하고 console을 종료하지 않아야한다. 2.react 는 소스코드에 처음부터 html 을 넣지 않는다. html 에서 html 을 추가하거나 제거하는 법 을 알고 있다. 3. 은 html 이 아니다. component 이다. component 는 html 을 반환하는 함수. => 은 html을 반환하는 함수! 이다. * react 는 component 와 함께 동작함. 모든것이 component 이며.. 2021. 8. 18.

이전 1 2 다음

728x90

티스토리툴바