# JSX

40개의 포스트
post-thumbnail

JSX

JavaScript의 확장(extend) 문법으로 XML과 매우 유사React 메서드를 위한 문법적 개선JSX는 JS 문법이 아니기 때문에 Babel을 사용하여 일반 JS코드로 변환가독성과 사용성이 좋다. (개발자 경험 개선)JS와 유사하여 배우기가 쉽다.문법 오류와

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

React Jsx와 component와 CRA(create-react-app) 초기세팅 방법

React React.js는 Javascript의 라이브러리입니다. 사람에 따라 프레임워크라고 부르는 사람이 있지만 라이브러리가 맞는 표현같습니다. jsx jsx는 Javascript 확장버전입니다. syntax extension for JavaScript라고 합

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

[TIL] React 입문 (with . C.R.A / components / JSX)

모든 사이트에 들어가면 보여지는 것이 UI(User Interface),사용자 편의성을 고려하는 UX(User Experience)가 포함되어 있습니다.애플리케이션의 규모가 커지고 다양한 UI / UX를 구현하기 위해서는 DOM / jQuery로는 코드를 유지보수 하는

2020년 9월 2일
·
0개의 댓글
post-thumbnail

[Javascript] React - JSX

React - JSX JSX > 아래의 코드는 js도 아니고, html도 아닙니다. 아래의 문법은 JSX라고 불리는 javaScript의 확장 버전이며 syntqax extension for JavaScript라고 합니다. 콘솔로 아래의 코드를 찍어보면 오류가 납니

2020년 9월 2일
·
0개의 댓글
post-thumbnail

[1차 Project] Tesla Clone - 후기

전기자동차와 청정 에너지 회사인 tesla Korea 홈페이지 클론 프로젝트데모영상보기: tesla Korea clone코드보기: cyheum_github프론트: 오상구(PM), 유휘찬, 최예흠 (3명)백엔드: 김태수, 문태기 (2명)2020.8.18 ~ 2020.8.

2020년 8월 30일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 2장, JSX

# JSX란? ## 자바스크립트의 확장 문법 ## JSX 문법 ## ESLint와 Prettier (VSC에서)

2020년 8월 18일
·
0개의 댓글
post-thumbnail

React스터디_JSX문법

JSX문법에 대해 간단히 살펴보자

2020년 8월 4일
·
0개의 댓글
post-thumbnail

React스터디_JSX란?

JSX란 무엇인가?

2020년 8월 4일
·
0개의 댓글
post-thumbnail

[react] props

Mycomponent.js 를 수정하여 해당 컴포넌트에서 name이라는 props를 렌더링하도록 설정하자. props 의 값은 컴포넌트 함수의 파라미터로 받아 와서 사용할 수 있다. props 를 랜더링할 때는JSX 내부에서 {} 로 감싸주어야 한다.App.js 컴포넌

2020년 8월 4일
·
0개의 댓글
post-thumbnail

JSX 안에서 JS 표현

JSX 안에서는, 자바스크립트의 표현식을 쓸 수가 있다. 방법 )자바스크립트 표현식을 작성하려면 JSX 내부에서 코드를 {} 로 감싸주면 된다.

2020년 8월 3일
·
0개의 댓글
post-thumbnail

TIL - 2020.08.02

공부를 한 내용을 정리하다보니 너무 늦어졌다... 조금 빈둥거린건 비밀🤦‍♂️알고리즘 스터디 계획 회의를 진행했다.카페와 집에서 노마드코더 React 강의를 계속 들었다.노마드코더 React 멤버쉽 강좌를 통해 React에서 css를 관리하는 다양한 방법을 배웠다.s

2020년 8월 2일
·
0개의 댓글

[React 리팩토링 #2] JSX에서 조건문 사용해 렌더링하기

리액트에서 if문을 사용하려면 즉시실행함수 형태로 사용해야하기 때문에 AND연산자가 훨씬 간편한 방법이 될 수 있다.

2020년 8월 2일
·
0개의 댓글
post-thumbnail

TIL - 2020.08.01

공부를 하다보니 애매하게 끊고 쓰기보다는 한번에 작성하는 게 나을 거 같아서 12시를 넘기고 작성을 시작한다.노마드코더 React 강의를 들었다. Fundamentals 부분을 다 수강하고 개발 환경 세팅을 했다.(실습을 따라하기 위해서)노마드코더 React 멤버쉽 강

2020년 8월 1일
·
0개의 댓글
post-thumbnail

TIL - 2020.07.30~31

오늘도 지각으로 쓸까하다가 이틀동안 한게 많지 않아서🤦‍♂️ 한번에 쓰고 앞으로 지각을 하지말자로 생각했다.(2020.07.30) 도수 치료를 받았다. 처음 받았는데 몸이 많이 풀린거 같다! 내 몸이 많이 굳어있고 문제가 많다해서,,,🤕 꾸준히 받아야겠다.(2020

2020년 7월 31일
·
0개의 댓글
post-thumbnail

[React]JSX란?

[React]JSX란?

2020년 7월 28일
·
0개의 댓글
post-thumbnail

JSX, React

JSX: JS의 확장버전. HTML과 비슷하게 생겼고 JS파일내 작성가능HTML문법을 js파일에 쓰면 그게 JSX\*\* 어떤 태그라도 self-closing 가능하다 --- <div / > 가능\*\* 중첩된 내용은 소괄호()로 감싸줘야한다\*\* 무조건 시작이

2020년 7월 7일
·
0개의 댓글

TIL(20.05.01) react

react는 JavaScript 라이브러리로써 사용자 인터페이스를 만들기 위해 사용된다 JSX는 자바스크립트의 확장 문법으로 dom에 그려질 ui가 어떻게 생겼는지를 설명하기 위한 문법이다 JSX는 엄연히 자바스크립트 코드이기 때문에 자바스크립트 객체로서 다루어 진다

2020년 6월 30일
·
0개의 댓글
post-thumbnail

TIL) JSX 뽀개기!

JavaScript랑 html이 같이 있는 희한한 문법이 바로 JSX! JavaScript를 확장한 문법으로, 본격 React에 들어가기 전에 JSX는 어떤 녀석인지 한번 알아보자!

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

TIL) React 맛보기 - 2

React란, facebook에서 만든, 웹/앱의 View를 개발할 수 있도록 하는 JavaScript 라이브러리이다. 본격 React에 들어가기 전에 맛보기로 React의 특징 6개에 대해 알아보자!

2020년 6월 8일
·
0개의 댓글
post-thumbnail

React 전화번호부 만들기

리액트로 간단한 전화번호부를 만들어 보자, 우선 새로운 리액트 프로젝트를 만들고, 로컬 서버를 시작한다. 프로젝트 이름은 phone-book으로 하겠다.App.js 파일을 열어 필요없는 코드를 전부 지워준 뒤 App 컴포넌트만 추가해 본다.http://loca

2020년 6월 6일
·
0개의 댓글