# JSX
리액트와 JSX문법
React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리이다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다.명시적이라는 말은 굳이 코드를 분석하지 않아도 목적성을 알기 쉽다는
React
자바스크립트 라이브러리이다.UI(user interface)를 만들기 위해 사용한다.SPA(single page application), mobile application 개발에 사용될 수 있다.간단한 역사 수업 내용과거와 달리 프론트엔드 개발이 점점 고유한 개발의 영
JSX
js파일에서 쓰는 html 대용품React에서 <div> 만드는 법React.createElement('div', null, 'Hello World')JSX를 사용한면<div></div>JSX문법을 사용하면 더 간단하기 때문에 사용한다.class 넣을
[React] JSX
React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실을 받아들인다.React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하
프론트엔드 생존코스 2기 2주차 회고
야근과 강의/데브노트/과제, PT, 약속까지 병행하려니 한주가 너무 바빴다. 물론 이것도 핑계일뿐! 조금 더 공부하는데에 시간을 더할 필요가 있다.이 만족도는 강의에 대한 만족도라기 보다는 이번 한 주 동안 나에 대한 평가이다. 모각코 체크인/체크아웃을 할 때 기분점수
[코드캠프]5일차_TIL_라우팅
라우터 객체와 라우팅정적 라우팅과 동적 라우팅비동기 통신과 조건부 렌더링graphql 뮤테이션에 try ~ catch 적용apollo 디버깅 툴라우터(router)객체란 페이지 이동과 관련된 기능을 가지고 있는 객체입니다.이 객체를 사용해서 A 페이지에서 B 페이지로
TIL 0313
목차 React Node.js NPM yarn Javascript & React JSX emotion > # React? javascript를 쉽고, 효율적으로 사용할 수 있도록 facebook에서 만든 도구 * 대표 서비스 : 페이스북
React에서 JSX 사용하기
React에서는 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다.
JSX
JavaScript를 확장한 문법으로, 렌더링 로직을 UI 로직과 연결하기 위해 React와 함께 사용할 것을 권장하며, React의 element를 생성하는 역할을 한다.
TIL - 2023.02.24(금)
(출처 : https://goddaehee.tistory.com/296)JSX = Javascript XML = 자바스크립트에 XML을 추가하여 확장한 문법리액트로 프로젝트 개발할 때 사용하나의 파일에 자바스크립트와 HTML을 동시에 작성자바스크립트에서 HTM
Techniques for dealing with REACT_JSX
페이스북 👩🏻💻 아이디어 : '어떤 데이터가 변할 때마다 어떠한 변화를 줄지 고민하는 것이 아니라 그냥 기존 뷰를 날려 버리고 처음부터 새로 렌더링을 하자' → 애플리케이션구조가 매우 간단하고, 작성해야할 코드 양도 많이 줄어듬 → 하지만, 웹브라우저에서 이
React event 처리
만약 onClick이벤트의 evnet를 출력할 경우 SyntheticBaseEvent 객체가 출력되는데 이는 React가 브라우저에서 발생하는 이벤트를 React에서 처리할 수 있는 이벤트로 한 단계 더 감싸 객체로 만들어 EventListener로 전달해주는 것이다.
[React][리액트를 다루는 기술] JSX에 대해 알아보자
JSX란? JSX는 JS의 확장 문법이다. (XML과 매우 비슷하게 생겼음) JSX 형식으로 작성한 코드는 브라우저에서 실행되기 전, 코드가 번들링되는 과정에서 바벨을 사용하여 일반 JS 형태의 코드로 변환된다. 어떻게 변환되는지 확인해보자 위와 같은 코드는 어떻
ReactNode vs ReactElement(JSX.Element)의 차이
ReactNode와 ReactElement(JSX Element)의 차이?