본문 바로가기 메뉴 바로가기

Yung_Developer

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Yung_Developer

검색하기 폼
  • 분류 전체보기 (77)
    • 개발 일기 (14)
      • 우아한테크코스-FE (13)
    • 알고리즘 문제 (32)
      • 백준 - 파이썬 (32)
    • 웹 개발 (17)
      • React (9)
      • 웹 (8)
    • 개발 (4)
    • 독후감 (0)
    • 스터디 (9)
      • 하브루타 스터디 (9)
  • 방명록

리액트 jsx (1)
JSX

JSX는 HTML 문법과 자바스크립트 문법이 결합된 문법이라고 볼 수 있다. JSX는 다음과 같은 특징을 가진다. React 엘리먼트(element) 생성 JavaScript를 확장한 문법 JSX는 React.createElement의 syntactic sugar이다. {isNew ? 'Nice to Meet you' : 'Hello'} 위의 JSX 코드를 babel로 실행하면 다음과 같이 변한다. // babel 실행 결과 React.createElement("div", { className: "greeting", color: getColor() }, isNew ? 'Nice to Meet you' : 'Hello'); } JSX에서 중괄호를 열면 자바스크립트의 표현식을 사용할 수 있다. 여기서 중요한..

웹 개발/React 2021. 4. 26. 11:04
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Python
  • 다라쓰
  • 리덕스 썽크
  • 리액트 키
  • 해쉬 라우터
  • 브라우저 라우터
  • 우테코
  • 댓글 모듈
  • 리액트 props
  • 프론트엔드
  • 우아한테크코스
  • Browser Router
  • 파이썬
  • Hash Router
  • props를 변경하지 못하는 이유
  • Redux Thunk
  • 리액트 리스트 key
  • React key
  • props를 변경하지 않는 이유
  • localhost https
  • 리액트 리스트 키
  • 1463
  • 백준
  • contentEditable focus
  • 리액트 jsx
  • 인사이트
  • mkcert
  • 리액트 동작원리
  • 리액트 리덕스
  • 프론트
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바