목록JSX (2)
관심쟁이 영호
이번 포스팅에서는 concat, filter, map, slice, 스프레드(전개) 연산자에 대해서 살펴볼 것이다. 스프레드 연산자 스프레드 연산자는 깊은 복사를 실시하는 연산자이다. 아래 코드를 보자. const a = [1,2,3] const b = [...a]; b.push(4); // a??? 이렇게 했을 때, a의 값은 어떻게 될까? 정답은 [1,2,3] 그대로다. 이것이 깊은 복사이다. a의 모든 값을 복사하여 새로운 메모리를 할당한 배열 b에 저장한다. 그래서 b에 새로운 값을 푸쉬해도 a에는 아무런 영향을 주지 않는다. concat concat 함수는 추가하는 함수라고 생각하면 된다. 아래 코드를 보자. const a = [1,2,3]; const b = a.concat(4); // b??..
이번 시간은 JSX 문법을 익혀볼 것이다. React의 기본만 다루는 것이 목표기 때문에, 자세히 들여다보진 말자. JS문법에 HTML 문법을 넣을 수 있다. return ( 안녕 ); 일반적으로 JS문법에서는 " 안녕 " 이렇게 "" 사이에 html 구문을 입력한다. JSX에서는 ""를 표시할 필요가 없다. ※ return이 무엇인지 모르는 사람이 있을 수 있다. 리액트는 설정에서 index.js를 실행하도록 설정이 되어있다. index.js는 아래의 코드가 있다. ReactDOM.render( , document.getElementById('root') ); 는 App.js의 function App()을 실행하라는 것이다. document.getElementById('root')는 index.html..