# JSX

74개의 포스트
post-thumbnail

React(1) - JSX

React에 대해 조금 더 깊게 알아보는 프로젝트 제 1화 JSX

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

TIL. React - Basic 개념 정리

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 쓰는 이유, React가 추구하는 컨셉이 무엇인지에 대해 다시 한번 공부하고 이를 정리해보았다.

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

Why use .jsx

.js와 .jsx 의 차이는 ?

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

React - Table 사용시 주의점

HTML의 DOM 중 하나로 행과 열로 이루어진 표를 나타냄하위 구조로 thead tbody tr td th 등이 있다.HTML에서의 table은 tbody를 생략하고 바로 tr과 td를 사용할 수 있다 그런데 JSX에서는 반드시 tbody를 선언해야 tr과 td를 사

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

TIL_IM_20210105(화)

LifeCycle constructor -> render -> componentDidMount -> (setState/props 바뀔 때) -> shouldComponentUpdate -> render -> (부모가 자식 component를 없앨 때 ) -> compo

2021년 1월 5일
·
0개의 댓글
post-thumbnail

React 입문(7) : if Statement : Conditional Rendering in return(); also Invoking Functions (last update: 2020.12.23.)

Is it possible to use if...else... statement in React render function? - stackoverflowstackoverflow를 뒤적거리며 실무 코드를 동작하게 만드는 것은 생각보다 할 만 하지만, 아직 es6 및 r

2020년 12월 23일
·
0개의 댓글

JSX

리액트를 사용할 때는 꼭 import로 react를 불러와야한다.컴포넌트를 만드는 방법은 두가지가 있는데,첫번째는 class를 통해서 생성하는 방법이다.여기서 render()(렌더 함수 =메소드라고 부른다.)는 꼭 jsx형식의 코드를 리턴해줘야 한다.jsx는 html처

2020년 12월 17일
·
0개의 댓글

[React.JS] JSX, props, state 학습하기

JSX에 대해 알아보기

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

React 입문(3) : LifeCycle API(2), html to JSX, favicon in React (last update: 2020.12.16.)

어제에 이어, 오늘은 직접 에러 처리를 가능하게 해 주는 componentDidCatch와 LifeCycle API의 전반적인 호출 흐름, 그리고 html to JSX로의 직접 변환을 시도해 보았다. 아직 React와 ES6에 대해 기초적인 공부가 많이 필요하지만, 잠

2020년 12월 16일
·
0개의 댓글

TIL(2020.12.10)

기존 html상에서 문자열로 넣어주던 형태와 다르게 적용함.리액트 상에서는 객체 형태로 스타일을 적용함기존 background-color 같이 하이픈으로 구분하던 것을 카멜케이스로 구분함.ex) background-color: white; -> backgroundCol

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

JSX

위의 문법을 JSX라 하며 JavaScript를 확장한 문법이다. 자바스크립트의 모든기능이 포함되어있다. JSX는 React element를 생성한다. 필수적인 요소는 아니지만 자바스크립트 코드안에서 UI관련 작업을 할 때 시각적으로 더 도움이 된다. JSX에

2020년 12월 10일
·
0개의 댓글

TIL(2020.12.09)

작성중

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

[React] JSX 이해하기

안녕하세요. 이번시간에는 리액트를 매우 편리하게 개발 할 수 있게끔 도와주는 JSX에 대해 알아보겠습니다!Java Script XML의 약자이며, 자바스크립트의 확장된 문법이라고 합니다.리액트에서 html 내 body에서 작성하던 마크업 방식과 동일하게 마크업을 해줄

2020년 12월 3일
·
0개의 댓글

TIL-wecode18일차

❓what is library 간략: 프로그램을 제작할때 필요한 기능 예시: 자동차 바퀴, 헤드라이트, 에어백❓what is framework 간략: 프로그램 기본 구조(뼈대) 예시: 자동차 프레임❓what is architecture 간략: 프로그램의 주요 구조 설계

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

💙 React 활용법 핵심 요약

이 글은 "리액트를 다루는 기술(김민준, 길벗)"을 요약한 글입니다. 많은 예제 코드들이 이 책에서 인용되었습니다. 자세하고 정확한 내용을 확인하시려면 책을 직접 구매해 읽어보시기를 추천드립니다.

2020년 12월 3일
·
0개의 댓글

1. React - Intro (TIL)

어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.React가 무엇인지 정의할 수 있다.CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.Component의 개념과 종류에 대해 설명할 수 있다.JSX 를 정의하고 기본 특성에

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

React Component & JSX

component란 재사용이 가능한 UI 단위이다. 동일 코드가 반복되는 부분을 하나의 component로 만들면 같은 디자인의 요소가 필요할때마다 다시 사용할 수 있고, 하나의 디자인이 바뀌었을때도 css 한줄만 수정하면 바뀐 디자인이 동일한 component가 적용

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

React overview (feat. Babel, Webpack)

React, Babel, Webpack 엿보기

2020년 11월 29일
·
0개의 댓글
post-thumbnail

React를 알아보자!

React는 사용자 인터페이스를 구축하기 위한 페이스북에서 만든 자바스크립트 라이브러리입니다.여기서, Vue나 Angular는 프레임워크라고 하는데 왜 React는 라이브러리일까요?Vue나 Angular는 MVC, MVW와 같이 View를 위한 로직을 구현하는 곳과,

2020년 11월 26일
·
2개의 댓글
post-thumbnail

[React] 2. JSX 소개

JSX란? JSX는 문자열도 HTML도 아닌 JavaScript를 확장한 문법 JSX는 JavaScript의 모든 기능이 포함되어 있다. JSX는 React.createElement(component,props,...children)를 호출하는 편리한 문법 리액트에서

2020년 11월 24일
·
0개의 댓글