전체 글98 [React] Map Recap Food에 id 추가 id를 추가해야 에러 발생하지 않음 import React from 'react'; function Food({name, picture}) { return I like {name} } const foodILike =[ { id: 1, name: "Kimchi", image: "http://aeriskitchen.com/wp-content/uploads/2008/09/kimchi_bokkeumbap_02-.jpg" }, { id: 2, name: "Samgyeopsal", image: "https://3.bp.blogspot.com/-hKwIBxIVcQw/WfsewX3fhJI/AAAAAAAAALk/yHxnxFXcfx4ZKSfHS_RQNKjw3bAC03AnACLcBGAs/s400/DSC.. 2020. 7. 27. [React] Dynamic Component Generation (다이나믹 컴포넌트 만들기) Map array 내 item이 갖는 결과값을 array 형태로 준다. array.map(function(current) { console.log(current); return 0 } [0, 0, 0, 0] 출력 friends.map(function(friend) { return friend + "🥰"; }) 친구 이름 + 🥰를 갖는 array 출력 출처 https://nomadcoders.co/react-fundamentals/lectures/1549 All Courses – Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 코드 import React from 'react'; function Food({name, picture}) { retur.. 2020. 7. 27. [React] Reusable Component 만들기 방법 App.js에 Food(props) 함수 추가 App() 함수 안에 추가 fav : property Food(props)에 console.log(props) 추가 Food 함수 호출 하면 fav 등 모든 props를 남긴다. (웹페이지 > inspect > console > object에서 확인 가능) Food({fav}) : props 중 fav를 쓴다. 출처 https://nomadcoders.co/react-fundamentals/lectures/1548 All Courses – Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 코드 app.js import React from 'react'; function Food({fav}) { r.. 2020. 7. 27. [React] Component 추가하기 Component : HTML 을 반환 하는 함수 in index.js JSX : js에서 HTML을 실행하고 싶을 때 사용하는 개념 potato.js 새로운 js 파일 만들기 component 작성할 때 마다 import React from "react" 써줘야 함! 참고 Changes not staged for commit: git add Potato.js로 새 파일 추가해야 함 그 후에 git commit -m "2.0 Creating first component - potato.js" git push origin master까지 해주면 끝! 소스 https://github.com/grace-kimm/movie_app_2020/commit/ef9ec314f98906ff748831c6e346a668c.. 2020. 7. 26. [React] git repository 만들기 에디터 에디터 > 터미널 > git init 깃허브 > 저장소 만들기 > title : movie_app_2020 에디터 > 터미널 > git remote add origin https://github.com/grace-kimm/movie_app_2020 grace-kimm/movie_app_2020 React JS Fundamental Course (2020 Version). Contribute to grace-kimm/movie_app_2020 development by creating an account on GitHub. github.com 4. 에디터 > 터미널 > git commit -m "1.0 Creating your react app" 5. 에디터 > 터미널 > git push origi.. 2020. 7. 25. 이전 1 2 3 4 5 6 ··· 20 다음
