화성갈끄니까아

JSX란? 리엑트에서 사용하는 문법으로써 자바스크립트의 확장 문법이다. 리엑트로 웹 개발하기 위해서는 JSX에 익숙해지자! JSX 기본 문법 JSX를 작성하는 경우에는 반드시 하나의 요소로 감싸주어야 한다. div를 만들어 부모태그를 생성할 수 있지만 div태그가 무분별하게 생성되면 시멘틱 웹으로써의 의미가 떨어지기 때문에 or 를 사용하여 부모태그를 대신해주자. (최상단에 부모태그가 존재할 경우 굳이 사용할 필요는 없다.) 셀프 클로징(self-closing) HTML을 사용하였을 때는 input, br ,img와 같이 닫는 태그가 없는 태그들이 있지만 JSX에서는 반드시 닫아줘야한다. 이를 셀프 클로징이라고 부른다. 속성명 카멜 케이스(Camel Case) 표기법으로 작성 HTML 속성들인 oncli..

리엑트(React)란 무엇일까? Facebook에서 개발한 라이브러리로써 리엑트를 쉽게 표현하자면 자바스크립트의 라이브러리의 하나로서 UI를 제작하기 위해 사용되는 싱글 페이지 어플리케이션(SPA)이다. 왜 리엑트를 사용할까? 기술이 발전할수록 웹이 점점 복잡해지면서 사용자의 요구 또한 많아지고 높아짐에 따라서 자바스크립트의 한계점을 보안하기 위하여 새로운 프레임워크인 앵귤러(Angular), 뷰(Vue), 리엑트(React)가 탄생하였다. 자바스크립트의 한계점을 보완한 라이브러리이기에 리엑트는 자바스크립트의 문법을 그대로 활용하는 특성을 지니고 있다. 따라서 앵귤러, 뷰 보다는 상대적으로 배우기에 쉽다. 리엑트 특징 선언적 개발이 가능하다. 선언적 개발은 흔히 명령적 개발이라는 프로그래밍 기법과 대조되..