CRA(Create React APP) : 리액트로 웹사이트를 만들때 필요한 모든걸 넣어둔 패키지
리엑트에서는 JSX 문법을 이용해서 리액트요소를 만들어주고 DOM 에 렌더링 시켜서 View를 그려준다.
JSX 규칙
1) 태그는 꼭 닫아주기
2) 무조건 1개의 엘리멘트를 반환하기
3) JSX 에서 javascript 값을 가져오려면?
4) class 대신 classname (di는 그대로 id 사용)
5) 인라인으로 style 주기
-리엑트 저바스크립트의 return 안에는 if문 불가능 삼항 연산자를 사용해주어야 한다.
-딕셔너리를 JSX에서 style 안에 넣어주려면 중괄호안에 넣어줘야한다.
자바스크립트에서 유사배열과 배열의 차이는 무엇일까
유사배열의 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야할까?
배열이란?
자바스크립트에서 배열이란 관련 있는 데이터를 하나의 변수에 할당해 관리하기 위해 사용하는 데이터 타입.
자바스크립트에서 하나의 배열은 여러 자료형을 가질 수 있는 특징이 있다.
유사배열이란?
배열과 유사한 객체로 배열처럼 인덱스를 통해 요소에 접근할 수 있다. 하지만 배열에서 제공하는 메소드를 사용할 수 없다. 객체 리터럴인 {} 안에 인덱스를 넣어 값을 적고 length 를 꼭 적어줘야한다.
유사배열에서 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야 할까?
document.body.childNodes
document.body.children
document.body.getElementsByTagName("태그 이름")
등등 자식 노드에 접근할 수 있는 방법은 많다. https://developer.mozilla.org/ko/docs/Web/API/Document
위의 MDN 문서에 정리 되어 있다.
