⚡️ React React.js는 JavaScript 라이브러리 입니다. React에서 사용되는 JSX 표현을 배워보겠습니다. ✔️ JSX const hi = Hi; 위의 코드는 javascript, html 둘 다 아닙니다. 확인을 위해 개발자 도구 콘솔창에 입력해보세요. 위의 문법은 JSX라고 불리는 JavaScript 확장버전입니다. syn...
어떤 데이터가 변할 때마
✔ node.modules, package.json, .gitignore package.json 라이브러리/패키지 세팅 리스트 정보(종류, 버전)가 들어있습니다. 모든 프로젝트마다 pakage.json 이 있습니다. dependencies 리액트를 사용하기 위한 모든 패키지 리스트이며 버전 확인이 가능합니다. 실제 코드는 node.modules 폴더에 ...
✔ 리액트의 이벤트 시스템 1. 이벤트 이름은 카멜 표기법으로 작성 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수형 데이터의 값을 전달합니다. 3. DOM 요소에만 이벤트를 설정할 수 있습니다. 주로 쓰는 이벤트 종류 Clipboard Composition Keyboard Focus Form Mouse Selection To...
✔ Sass Sass (문법적으로 매우 멋진 스타일 시트)는 CSS 전처리기이며 복잡한 작업을 쉽게 할 수 있도록 해 주고, 스타일 코드의 재활용성을 높여 줄 뿐만 아니라 코드의 가독성을 높여서 유지 보수를 더욱 쉽게 해 줍니다. Sass에서는 .scss와 .sass 확장자를 지원합니다. .sass 문법 .scss 문법 차이점 .sass 확장자는 중...