# JSX

110개의 포스트
post-thumbnail

JSX 이해하기

해당 내용은 React 공식 홈페이지에서 공부한 내용입니다.내용이 같다는 점 이해 부탁드립니다.JSX는 React.createElement 함수를 편리하게 사용해주는 JavaScript + XML 이다.아래는 JSX 문법을 이용하여 만든 MyButton 함수이다.위의

3일 전
·
0개의 댓글
post-thumbnail

[React] JSX

JSX란 JavaScript와 XML을 합쳐서 만든 단어로 React에서 사용되는 JavaScript 확장 구문이다. <span style="color: JSX는 위처럼 JavaScript와 HTML이 합쳐진 것처럼 생겼다. 위의 코드에서 return 내부에 들어

4일 전
·
0개의 댓글

[React] JSX 기본 규칙

#React #JSX

4일 전
·
0개의 댓글
post-thumbnail

What is JSX

React with JSX

2021년 6월 16일
·
0개의 댓글
post-thumbnail

2장. React에선 HTML대신 JSX

React는 JSX를 이용하여 개발된다. JSX는 무엇이며 React를 사용하는 이유에 대해 알아보자 참고 유튜버 : 코딩애플

2021년 6월 9일
·
0개의 댓글
post-thumbnail

[TIL-20210604] What is React?

리액트(React)란? 리액트는 Frontend 개발을 위해 Facebook에서 개발한 Javascript 오픈소스 라이브러리이다. 리액트의 특징 3가지 선언형 > 리액트는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 작성하기보다 한 파일에 명시적으로 작

2021년 6월 4일
·
0개의 댓글
post-thumbnail

[TIL 18] React

React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSX가 왜 명시적인지 이해하고, 작성할 수 있다. React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app 으로 간단한 개발용

2021년 6월 4일
·
0개의 댓글
post-thumbnail

[vscode] jsx, tsx에서 emmet 사용하기

[vscode] jsx, tsx에서 emmet 사용하기

2021년 5월 31일
·
0개의 댓글
post-thumbnail

TIL - JSX, Component ( React -2 )

TIL - JSX, Component ( React -2 )

2021년 5월 24일
·
0개의 댓글
post-thumbnail

TIL React #2 Component 와 JSX

한마디로 요약하자면 재활용이 가능한 UI 구성 단위이다.함수 혹은 class로 선언하며 반복되는 요소가 있다면 컴포넌트로 생성하여 재사용하게 된다면 매우 생산적이고 효율적일 것이다.재활용하여 사용이 가능하다.코드 유지보수에 좋다.해당 페이지가 어떻게 구성되어 있는지 한

2021년 5월 24일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 2.1 재사용 가능한 컴포넌트 with JSX + Props

오늘은 지난시간에 컴포넌트를 생성했던 것에 이어서 컴포넌트를 재사용하는 방법에 대해 살펴봤다.먼저 지난 번에 어떤 일이 있었느냐!index.jsApp.jsPotato.js이렇게 index와 App을 변형하고, Potato를 생성해서 App.js와 Potato.js에 있

2021년 5월 24일
·
0개의 댓글
post-thumbnail

React { }의 사용

React에서 굳이 궁금해하지 않았던 { }가 쓰이는 규칙👨‍🏫

2021년 5월 19일
·
2개의 댓글
post-thumbnail

React- JSX문법

모든 코드에 의미를 담겠습니다.React에서 JSX문법을 정의하기에 앞서서 React는 SPA(single page application) 즉 하나의 url가지고 운영이되는 프레임워크다.React에서 사용하는 JSX문법이란 과연 무엇일까??HTML문법을 자바스크립트 내

2021년 5월 19일
·
0개의 댓글
post-thumbnail

[React] JSX

이번에는 JavaScript의 XML인 JSX에 대해서 알아봅니다.

2021년 5월 15일
·
0개의 댓글

JSX에서 인라인방식으로 style 속성 적용 방법

JSX에서 CSS를 Inline으로 주는 방법기존의 html태그 명령어 라인내부의 스타일 정의JSX에서는 style={}형식 안쪽에 다시 object형식의 중괄호{}를 사용하여 작성 또는 object형식을 변수로 만들어서 관리 할 수 있음.

2021년 5월 14일
·
0개의 댓글
post-thumbnail

[React] export VS export default

CRA 방식으로 리액트를 사용해보면 기본적으로 export default가 되어있는 많은 파일들을 볼 수 있다.그런데 또 styled-components 방식으로 스타일링을 해보면 단순히 export만 하게 되는 경우 또한 볼 수 있다.그러면 export와 export

2021년 5월 12일
·
0개의 댓글

React : JSX

jsx가 뭐죠?

2021년 5월 8일
·
0개의 댓글
post-thumbnail

JSX

1.JSX란? React에서 컴포넌트 생김새를 정의할떄 사용하는 문법입니다. XML형태의 코드로 작성이 되며, Babel이라는것을 이용해 JS로 변환이 됩니다. https://babeljs.io/ 에서 Try it out 메뉴로 들어가시면, 왼쪽구역에서 {}안에 X

2021년 5월 2일
·
0개의 댓글
post-thumbnail

React_Basic

React 기초

2021년 5월 1일
·
0개의 댓글