# JSX

320개의 포스트

JSX

JSX란? JSX(JavaScript eXtension)은 JavaScript의 확장 버전이다. HTML문법을 JavaScript 코드 안에 작성하며, React에서 HTML 코드를 작성할 때 JSX를 사용한다.

약 4시간 전
·
0개의 댓글
post-thumbnail

리액트 기초- JSX 사용법

JSX 문법을 사용해서 React 요소를 만들고 DOM에 렌더링 시켜서 그린다.HTML을 품은 JS === JSX!JSX에서 쓰는 \~~는 DOM 요소가 아니고 React 요소이다.태그는 꼭 닫아주기무조건 1개의 엘리먼트를 반환하기return할 수 있는 element가

1일 전
·
0개의 댓글

[React] JSX 문법

1.class넣을 땐 className변수 넣을 땐 {중괄호}style 넣을 땐 style={{스타일명 = "값"}}object 형식으로 작성해주어야 함원래 css코드랑 조금 다르기 때문에 구글링하기

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

파일 다운로드 받기

<a>태그 새 창에서 열기, 파일 다운로드 받기, 버킷에 저장된 파일 다운로드 받기, cors 에러

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

React의 특징

React 페이스북에서 개발 및 관리하는 프론트엔드를 개발하기 위한 자바스크립트 라이브러리로 2021년 기준으로 가장 많이 사용되고 있다.(StateOfJS2021 참고) 특징 1. 컴포넌트 기반 라이브러리 컴포넌트란 리액트 개발 시 화면을 구성하는 단위이다. 리액트

2일 전
·
0개의 댓글

JSX의 기본 규칙 - 리액트 컴포넌트를 만들게 될 때 사용하는 JSX

JSX는 리액트에서 컴포넌트의 생김새를 정의할 때 사용하는 문법얼핏보기에는 HTML처럼 생겼지만 JavaScript다.babel이라는 도구를 사용해서 xml형태의 코드가 JavaScript로 변환이 되는것JSX가 JavaScript로 제대로 변환이 되려면 지켜주어야하는

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

[JSX] 활용

JSX에서 여러 엘리먼트를 작성하고자 하는경우, 최상위에서 opening tag와 closing tag로 감싸주어야 합니다.React에서 HTML class 속성을 지정하려면 "className"으로 표기해야합니다.중괄호를 사용하지 않으면 일반 텍스트로 인식하게 된다

5일 전
·
0개의 댓글

Week.01 JSX & emotion

React 라이브러리의 프레임워크이다. 어차피 무슨말인지도 잘 모르는 수준이므로 넘어가도록 하자.자바스크립트를 편하게 쓸 수있게 해준다던 react 를 사용한다면서 왜또 Nextjs가 추가 된걸까.. 라는 생각이들어 검색을 해봤다. 이해할 수 있는 수준으로 설명을 해보

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

FE.07 Day.01

코딩에 관심이 있는 사람이라면, 특히나 프론트엔드 쪽에 관심이 있다면 90% 이상의 사람들은 html, css, js(JavaScrip)을 떠올릴 것이다. 본인도 이 3가지 밖에 몰랐지만 첫 날부터 이 3가지언어를 좀더 편하게, 효율적으로 다루기 위해서 react라는

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

JSX(JavaScript XML)

React에서 사용하는 React 전용 HTML 이다. React에서는 HTML 대신 JSX를 사용한다.JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 JS문법은 아니다.웹브라우저는 HTML, CSS, JAVASCRIPT 만 읽을 수 있지 않나요??정확합니다

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

Day1 - React(JSX, CSS-IN-JS) / Git

React란 Javascript를 쉽고 효율적으로 사용할 수 있는 도구를 말한다. React를 구성해보면 위의 사진과 비슷하게 나타날 수 있으며, 각 폴더별 의미를 알아보자.(사용된 프로그램 : Emotion, Apolli-Client, Graphql, Ant-Desi

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

JSX

리액트로 개발을 할 때 사용되는 javascript의 확장된 문법이다.html 과 js 를 하나의 파일에 동시에 작성하기 때문에 편리하다.

2022년 5월 9일
·
0개의 댓글
post-thumbnail

JSX

JSX란?JSX는 React에서 사용하는 JavaScript 확장 문법이다.JSX는 하나의 파일에 HTML과 JavaScript를 동시에 작성할 수 있어서 더욱 편리하다. JSX안에서 JavaScript를 작성하려면 코드를 {} 안에 감싸주면 되고, {} 안에는 유효한

2022년 5월 9일
·
0개의 댓글
post-thumbnail

React Intro

2010년 Google에서 개발한 Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 Frontend App 개발이 가능하며 Framework답게 다양한 기능이 내장되어있다. 무겁고 배우기 어렵다는 단점이 있다.2014년 Evan You라는 개인이

2022년 5월 9일
·
0개의 댓글
post-thumbnail

220508 TIL

✔️ 리액트 복습!유튜브 별코딩님의 강의를 보고 따라만든 나의 리액트 프로젝트우리가 자바스크립트에서는 DOM에다가 접근할려면...document.querySelector('input') &lt;- 이러한 형태로 만들어야했다.하지만, 리액트는 간편하게 Hook 중 하나인

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

React로 미니블로그 만들기

JSX styling / state와 setState, props / component 작성법 / onClick / map() / input

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

1. React JSX란.

React 1강

2022년 5월 7일
·
0개의 댓글

React 맛보기

.

2022년 5월 6일
·
0개의 댓글
post-thumbnail

[패스트 캠퍼스 FE] 리액트 맛보기 -1 (초격차 패키지)

😋 리액트 맛보기 🤨 리액트를 시작하기에 앞서... 리액트는 라이브러리의 구조를 가지고 있다. > 라이브러리 vs 프레임워크 > 라이브러리는 개발 편의를 위한 도구의 모음 프레임워크는 기반 구조까지 잡혀있음 > -> 라이브러리는 공구 -> 프레임워크는 공장

2022년 5월 4일
·
0개의 댓글
post-thumbnail

[JS] JS에 JSX 적용해보기

React에서 흔하게 사용되는 JSX문법은 바벨에 의해 다음과 같이 변경이 된다. HTML 문서에서 작성하던 방식으로 작성한 코드가 중첩 구조를 가진 React.createElement 함수로 변경이 되고 React.createElement에 의해 Element가 생성

2022년 5월 4일
·
0개의 댓글