매일은 아니더라도 꾸준하게
728x90

개발공부 2

[처음 만난 리액트]섹션 3. JSX

JSX의 정의와 역할 JSX의 정의 A syntax extension to Javascript 즉 자바스크립트의 확장 문법 자바스크립트 + XML/HTML 1 const element = Hello, world!; 역할 JSX는 내부적으로 XML 코드를 자스로 변환하는 과정을 거침 React.createElement( type, [props], [...children] ) JSX를 사용한 코드 class Hello extends React.Component { render() { return Hello {this.props.toWhat}; } } ReactDOM.render( , document.getElementById('root') ); JSX를 사용하지 않은 코드 // JSX를 사용한 코드 cons..

[처음 만난 React]섹션 0. 준비하기

1. HTML과 CSS HTML 정의 : 웹사이트의 뼈대를 구성하기 위해 사용하는 마크업 언어 태그 태그를 사용해 구조를 형성하고 내용을 채움(ex. 태그는 열었으면 꼭 닫아줘야 함. 웹사이트의 뼈대를 구성하는 태그들 head : 웹사이트의 설명 등을 담고 있음. 메타데이터 body : 실제로 웹사이트에서 보이는 컨텐츠가 들어감 SPA(Single Page Application) 하나의 페이지만 존재하는 웹 사이트 또는 웹 애플리케이션 CSS(Cascading Style Sheets) 웹사이트의 레이아웃과 글꼴 등 디자인을 입히는 것. 2. JavaScript 소개 및 자료형 Javascript = ECMAScript html은 웹사이트의 뼈대, 자바스크립트는 웹사이트에 생명을 불어넣어 주는 역할 스크립..

728x90