반응형

HTML 2

[React] JSX란 대체 무엇인지? JSX 정의 및 문법 파헤치기

안녕하세요, Will 입니다. 오늘은 JSX가 무엇인지, 어떻게 사용하는지에 대해 작성해 보도록 하겠습니다. JSX란? JSX는 Javascript의 확장 문법으로 Javascript XML의 줄임말이에요. React 팀에서 직접 고안한 문법이구요, React 개발을 위해 Javascript와 HTML을 섞어서 사용하는 문법입니다. JSX는 사용자 인터페이스 개발을 쉽고, 편하게 가능하게 해줍니다. 쉽게 얘기해서 사용자 지정 HTML이라고도 할 수 있겠습니다. 코드를 보시면 좀 더 이해가 쉬우실 거에요. 아래 코드는 CRA로 처음 프로젝트를 생성했을 때 코드입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 import logo ..

React 2022.12.07

HTML 기본 태그 정리

HTML은 HEAD, BODY로 이루어진다. Head는 title, CSS 내용을 적는 곳. Body는 실제 정보를 적는 곳. HTML 태그 : paragraph 즉 문단을 작성하는 태그. : h1~h5까지 있다. h1이 가장크고 숫자가 커질 수록 Text 크기가 작아진다. 상황에 맞게 쓰자. : 개행. NewLine : 하이퍼링크 태그. 속성으로 href, target이 있다. href: 클릭 시 이동할 주소 target: _self는 현재 창에서 이동. _blank는 새 창에서 링크 주소로 이동. : List 작성 태그 ol: 순서가 있는 리스트 ul: 순서가 없는 리스트 : 폼 태그. 각종 폼을 삽입할 수 있다. name: form 태그 이름 action: 폼의 값을 보낼 url method: GE..

HTML_CSS 2022.09.13
반응형