| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- jsx
- closure
- 회고록
- html
- Rendering
- component
- ecma
- 키다리의 개발일지
- 노드
- Node.js
- React calculator
- tag
- wep
- vue.js
- CSS
- props
- react
- 키다리 개발 일지
- 시맨틱
- 키다리 개발자
- web
- DoM
- 볶음밥
- scope
- includes
- React.js
- ES6
- map
- Element
- javascript
- Today
- Total
목록Facebook (2)
키다리 개발자
React 리액트란?
React는 JavaScript 라이브러리이며, 따라서 JavaScript 언어에 대한 기본적인 이해가 필요합니다. Facebook에서 개발한 컴포넌트(Components) 기반의 Javascript UI Library입니다. 싱글 페이지 애플리케이션(SPA)이나 모바일 애플리케이션을 개발할 때 사용할 수 있습니다. 하지만 React는 프론트엔드 라이브러리인 만큼 UI 이외의 라우트, 상태 관리 같은 기능들이 내장되어 있지 않습니다. Facebook에서 npm이 느려서 만든것. 굉장히 빠르다. 호환이 안 되는 모듈들이 있다. js, jsx 확장자를 많이 쓴다. jsx란? React용 Javascript js, jsx 파일 확장자를 가진 파일은 "무조건" (import React from 'react') ..
Facebook 만들기 (템플릿 문자열-Template string, 객체 배열, data model 속성 가져오기)
Template string : ES6에 새롭게 추가된 기능이며 backtick : ` ` 을 사용하여, javascript 간단한 문자열 채워넣기 (string interpolation) 기능이 가능해졌습니다. 템플릿 문자열은 JavaScript 값(value)을 문자열에 넣어 보기 좋고 편리한 방법입니다. 그리고 ${대입받는 값} 템플릿 대입문(template substitution)이라고 부릅니다. 객체 배열, data model const recommenderCardDataModels = [ { recImg: 'https://img.sbs.co.kr/newsnet/etv/upload/2018/01/23/30000591747_1280.jpg', recName: 'Kim Yu Jung', recLoc..