# JSX

163개의 포스트
post-thumbnail

[React] 3. JSX, Component

1. JSX ✔ JSX(Javascript Syntax Extension)은 말 그대로 자바스크립트의 확장 문법으로 XML과 매우 비슷하다. JSX 형식으로 작성된 코드는 브라우저에서 실행되기 전 코드가 번들링되는 과정에서 Babel을 사용하여 일반적인 자바스크립트 형

43분 전
·
0개의 댓글
post-thumbnail

리엑트 입문 1 - JSX 란??

{}를 작성하여 태그안에 값을 작성해줍니다.font-size, font-weight 등 과 같이 -로 이루어진 style의 경우 camelCase로 작성해주어야 합니다.\-> fontSize, fontWeight또한 class명은 className 으로 작성해주어야 합

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

React , JSX

JSX

4일 전
·
0개의 댓글

TIL. 4주차 수요일

1.React란? 리액트란 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다. React 3가지 특징 1) 선언형(명시적이라는 뜻이라고 보면 된다. 코드를 보면 바로 알수 있다..): 리액트는 한 페이지를 보여주기 위해 HTML,CSS,JS로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한...

5일 전
·
0개의 댓글

JSX

JSX 기초 공부

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

TIL 작성 2021 9/15

리액트(선언적: 리액트는 자바스크립트 오픈소스 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 오픈소스: 소스가 공개되어 있음(저작권자가 공개) 누구나 자유롭게 사용, 복제, 배포, 수정 가

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

REACT

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

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

React 시작하기

React를 사용하는 이유 3세대 웹 요즘 웹은 예전처럼 단순하지 않다. 다양한 기능, 사용자의 눈길을 사로잡는 디자인, 다양한 기기에 따른 반응형의 구현, 그리고 넘쳐나는 데이터들에 맞는 웹을 만들다 보니, 이전보다 훨씬 동적이고 복잡해졌다. 따라서 웹을 개발할 때

6일 전
·
0개의 댓글

TIL - React를 시작하기 전에(1~5)

✔ JSX는 무엇인가? > 위의 태그 문법은 HTML도 아니고, 문자열도 아니다. 자바스크립트를 확장시킨 JSX라는 것이다.(아직은 내가 배우기 전이니 React.js를 쓰기 위해 사용하는 문법정도라고 생각해 두려고 한다...) ✔ JSX가 가진 특징은 무엇

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

React 공식 문서 해석하며 공부하기 : Using the Effect Hook

React Docs - Hooks #4 Using the Effect Hook

2021년 9월 13일
·
0개의 댓글

jsx

JSX 란?자바스크립트의 확장문법으로 XML과 비슷하게 생겼고 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링(여러개의 파일 중에 종속성이 존재하는 파일을 하나의 파일로 묶어 패키징을 시키는 과정을 의미)되는 과정에서 바벨을 사용해 일반 자바스크립

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

[Expo] 간단한 앱 페이지 만들어보기

📱 앱 개발 공부하기!

2021년 9월 8일
·
0개의 댓글

확장자 .jsx vs .js

JSX 사용의 이점JSX는 컴파일링 되면서 최적화되므로 빠름type-safe("어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않는 것, 즉, 예측불가능한 결과를 내지 않는 것") 하면서, 컴파일링 과정에서 에러를 감지할 수 있음 \*\* (대표적으로 '자

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

React 공식문서 해석하며 공부하기 : Using the State Hook

React Docs - Hooks #3 Using the State Hook

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

React #3

컴포넌트? UI를 구성하는 기본 단위코드 재활용 증가코드 유지보수 용이해당 페이지의 구성 파악 용이컴포넌트는 또다른 컴포넌트 포함2.클래스형 컴포넌트 (직관적) ✔️render함수가 꼭 있어야 하고 그 안에 JSX 넣음

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

React 공식문서 해석하며 공부하기 : Hooks at a Glance

React Docs - Hooks #2 Hooks at a Glance

2021년 9월 3일
·
0개의 댓글

JSX and Props

component에 정보를 보낼 수 있다.재사용 가능한 컴포넌트를 만들 수 있다.

2021년 9월 3일
·
0개의 댓글