일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- webpack to vite
- vite
- design
- react
- 디자인 토큰
- 다짐
- 2021년
- 2023 회고
- typescript
- 24년 계획
- 23년 회고
- compound component
- side-project
- c#
- css framework
- 2020년
- 뇌를자극하는C#
- 프로그래밍
- design token
- design system
- front
- style-dictionary
- design-system
- frontend
- 개발자
- nextjs
- component
- javascript
- 회고
- 2024 계획
- Today
- Total
목록Front-end/React.js (2)
개탕 IT FACTORY
JSX란?-Reac.js에서 사용하는 문법으로 UI를 템플릿화 해줍니다 (필수는 아니지만 장점이 있습니다) JSX는 컴파일링이 되고 빠르다 에러를 쉽게 감지 할 수 있다 HTML보다 더 빠르고 쉽게 템플릿작성 가능 기본적인 JSX 문법입니다 이 코드를 바벨(babel)로 변환되어 리액트에 알맞게 변환됩니다. var a = ( react )아래가 변환된 코드입니다. var a = React.createElement( "div", null, React.createElement( "h1", null, "react", ) ); 당연한 거지만 첫번째 코드가 간결하고 쓰기 편하기 때문에 JSX를 쓰는 이유입니다. 1.감싸는 요소 import React, { Component } from 'react'; class ..
React 프론트엔드 프레임워크(라이브러리)중에 가장 핫한 존재입니다. 페이스북에서 만들고 관리하고 있고 최근에는 리액트 훅을 자신들의 정식버젼으로 흡수시켰습니다 리액트 훅을 간단히 설명하자면 기존의 컴포넌트의 데이터 전송및 방식을 손쉽게 만드는 것입니다 리액트는 앞서 말씀드린 Vue.js에서도 쓰는 Virtual DOM의 시초입니다 (Vue.js는 React의 장점,Angular의 장점을 흡수한 언어입니다) 근데 왜 Vue는 쉽고 한데 왜 리액트를 쓰고 하는것인가? 란 의문이 가질겁니다 1. 페이스북에서 만들고 유지보수를 담당한다 현재 엄청난 기업이 된 페이스북에서 만들었고 그에 상응하는 유지보수를 하고있습니다. 최신 트렌드 반영과 개발자 친화적 으로 제작하고 있고 최근 리액트 훅(React Hooks..