# JSX

252개의 포스트
post-thumbnail

React 특징과 기초문법

React는 사용자 인터페이스(UI)를 만들기 위한 JS 라이브러리로 SPA(Single Page Application)을 만드는데 편리함을 제공합니다.

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

[Node+React] Page 생성

📖[따라하며 배우는 노드, 리액트 시리즈-쇼핑몰 사이트 만들기] 강의와 함께 React, Node.js 학습

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

React 시작!

그렇다 그 유명한 React맞다. 바닐라로 손수 컴포넌트를 만들어서 프로젝트를 여러개 해보았다. state , rendering, import에 대한 개념이 어느정도 잡혀서 이제 React로 넘어가도 될 수 있을거 같다는 생각이 들었다.그래서 our lovely Col

7일 전
·
0개의 댓글

React 개념정리

JSX는 JavaScript를 확장한 문법이다. HTML에서 사용하는 태그들과 비슷한 문법을 사용한다. 컴포넌트의 구성 요소. react앱의 최소 단위이다.type(문자열 혹은 컴포넌트 함수/클래스) 필드와 props(객체) 필드로 표현된다.엘리먼트의 type이 컴포넌

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

JSX란?

JSX의 정의, 장점, 특징에 대해서

2022년 1월 19일
·
0개의 댓글
post-thumbnail

[ React ] 리액트 #2. 리액트의 장점 및 JSX

[ React ] 리액트 #2. 리액트의 장점 및 JSX에 대해 알아보자.

2022년 1월 15일
·
0개의 댓글
post-thumbnail

멋사 스터디 기록 - 02. 리액트 기초 문법

둘을 비교하기에 앞서, JSX는 뭐고 HTML은 뭔데?JSX는 JS안에서 HTML 마크업을 사용할수 있는 JS의 확장버전이다.일반 HTML 태그 사용으로 가독성도 잡으면서 JS 로직이 가능하기 때문에 활용도까지 잡은 문법이다.HTML은 마크업을 위한 언어! JS와 다른

2022년 1월 15일
·
0개의 댓글

02. JSX

JSX는 자바스크립트 확장문법이며 가독성이 편하고 HTML 작성과 비슷하여 코드 작성이 편리하다는 장점을 가지고 있습니다.JSX는 코드가 번들링될 때 바벨이 기존 자바스크립트 형태의 문법으로 변환하여 문제없이 브라우저에서 렌더링될 수 있습니다.또한 JSX안에서는 표현식

2022년 1월 14일
·
0개의 댓글
post-thumbnail

[Node+React] 전체적인 틀과 MongoDB 연결

📖[따라하며 배우는 노드, 리액트 시리즈-쇼핑몰 사이트 만들기] 강의와 함께 React, Node.js 학습

2022년 1월 13일
·
0개의 댓글

03. JSX

JSX는 자바스크립트 확장 문법이며 코드가 번들링되는 과정에서 바벨이 사용되어 일반 자바스크립트 형태의 문법으로 변환된다.보기 쉽고 익숙하다.기존 자바스크립트 코드와 비교해봤을 때 가독성도 좋고 기존 HTML 코드 작성하는 것과 비슷하여 코드 작성에도 편리한다.컴포넌트

2022년 1월 13일
·
0개의 댓글
post-thumbnail

JavaScript XML

JSX

2022년 1월 13일
·
0개의 댓글

[React] JSX 문법 파악하기(삼항연산자 & 옵셔널체이닝)

JSX는 JavaScript를 확장한 문법으로 UI가 어떻게 생겨야 하는지 설명하는 역할을 담당

2022년 1월 13일
·
0개의 댓글
post-thumbnail

JSX 문법 정리

JSX 문법을 정리해보았다.

2022년 1월 12일
·
0개의 댓글
post-thumbnail

[React] Advanced JSX

JSX의 더 많은 특징들과 사용방법

2022년 1월 11일
·
0개의 댓글

Day 01-02.

컴포넌트 / React hooks / state

2022년 1월 11일
·
0개의 댓글
post-thumbnail

[React] Intro to JSX

리액트의 처음은 JSX(Javascript Syntax Extension)부터

2022년 1월 11일
·
0개의 댓글

01. JSX에 대하여

JSX (JaveScript XML) 는 리액트(React)로 프로젝트를 개발할때 사용하는 문법이다.JavaScript에 XML을 추가 확장한 문법으로 공식적인 바닐라 자바스크립트는 아니지만 자바스크립트의 모든 기능이 포함되어있는 문법이다.리액트(React)는 웹

2022년 1월 10일
·
0개의 댓글
post-thumbnail

02. 리액트 기본 설정 코드의 역할

이번에는 npm create(init) react-app을 하였을 때 만들어지는 여러 리소스중 제일 중요한 파일인 index.js에 담겨져 있는 코드들을 분석하고자 한다.

2022년 1월 10일
·
0개의 댓글
post-thumbnail

코드캠프 부트캠프 1일차-2

JSX란?React의 CSS(CSS-IN-JS) - emotion이렇게 태그에 의미를 부여할 수 있어서, 태그만 봐도 무엇을 의미하는지 예상을 할 수 있습니다. 또한, className을 입력하지 않아도 되기 때문에, 코드 길이기 짧아져 가독성이 좋아집니다.CSS-IN

2022년 1월 10일
·
2개의 댓글
post-thumbnail

About React

웹의 발전: 3세대 웹(프론트와 백의 분리)복잡성 증가 -> 기술발전웹과 사용자들이 상호작용하면서 사용자들이 원하는 기능은 점점 더 많아지고 프론트엔드 개발자들은 새로운 기술의 필요성을 느낀다.그렇게 만들어진 것이 프론트엔드 프레임워크(Angular, vue 등)DOM

2022년 1월 10일
·
0개의 댓글