Coding Apple, React 강좌 내용 정리.9 - 쇼핑몰 비슷하게 만들어 보기.2 - import / export
import / export 전 강의 내용에 이어서 진행 (링크) 외부의 데이터 (data.js / export) -> import해서 사용하는 정보 데이터 만들기 - src 폴더에 파일 생성 (data.js) 후 export default 적는다 // data.js 내용 export default [ { id : 1, title : "White and Black", content : "Born in Newyork" , price : 120000 }, { id : 2, title : "Red Knit", content : "Born in Seoul" , price : 110000 }, { id : 3, title : "Back", content : "Born in Paris" , price : 10000..
Coding Apple, React 강좌 내용 정리.6 - map, for / props
React 강좌 내용 정리. 5 반복 사용 관련해서 JSX 중괄호 내에 for 못 넣는다. -> { map() } 사용해서 html 코드를 반복시킨다. map() ? array내의 모든 데이터에 똑같은 작업을 시켜주고 싶을 때 array.map(callbackFunction(currentValue, index, array), thisArg) ex) var arr = [1,2,3]; var newArray = arr.map( function(currentValue, index, array){ return currentValue * 2; } ); // newArray = [2,4,6] 결국 (유사) 반복문처럼 사용된다. 반복문 쓰는 법 { 반복할 데이터.map( ()=> { return } ) } { 글제목..