전체 글 (36) 썸네일형 리스트형 [React] 강의 8주차 (1) - React _ Redux 만들기 [국비지원교육] [패스트캠퍼스] React 강의 8주차 (1) - React _ Redux 만들기 [ React ] - 구독 발행 모델 - 그럴듯 하게 모양내기 - 비동기 처럼 보이는 동기의 한계 1. 구독 발행 모델 (app.js) function createStore() { let state; function send() { state = worker(state); } function getState() { return state; } return { send, getState }; } function worker(state = { count: 0 }) { //state가 아무것도 안들어오면 객체를 만들자 //do something return { ...state, count: state.count .. [React] 강의 7주차 (2) - React 원리 [국비지원교육] [패스트캠퍼스] React 강의 7주차 (2) - React 원리 [Javascript] React - 함수 컴포넌트 - 클래스 컴포넌트 - virtual DOM - 마법의 hook 원리와 제약 1. 함수 컴포넌트 [app.js] /* @jsx createElement */ import { createDOM, createElement, render } from './react' function Title(props){ return {props.children} } function Item(props){ return {props.children} } const vdom = React 정말 잘 만들기 첫 번째 아이템 두 번째 아이템 세 번째 아이템 render(vdom, document.qu.. [React] 강의 7주차 (1) - React 구현 전 확인사항 [국비지원교육] [패스트캠퍼스] React 강의 7주차 (1) - React 구현 전 확인사항 [Javascript] React - Dom Render - Webpck, babel 세팅 - create Element - @Jsx 1. DomRander [app.js] function createDOM(vdom){ if(typeof vdom === 'string') { return document.createTextNode(vdom); } const element = document.createElement(vdom.tag); vdom.children .map(createDOM) .forEach(element.appendChild.bind(element)); return element; } const vd.. [React] 강의 6주차 (3) -JS 데이터 (Javascript) [국비지원교육] [패스트캠퍼스] React 강의 6주차 (3) -JS 데이터 (Javascript) [Javascript] 데이터 data - 가져오기, 내보내기 - Lodash - JSON - Storage - OMDb API 1. 가져오기, 내보내기 import _ from 'lodash' import checkType from './getType' // import {random, user as adlog} from './getRandom' import * as R from './getRandom' // 모든것을 내가 지정한 이름으로 불러올 수 있다. console.log(_.camelCase('the hello world')) //theHelloWorld console.log(checkType([.. [React] 강의 6주차 (2) -JS 데이터 (Javascript) [국비지원교육] [패스트캠퍼스] React 강의 6주차 (1) -JS 데이터 (Javascript) [Javascript] 데이터 (data) - 객체 (Object) - 구조 분해 할당 - 전개 연산자 - 불변성 - 얕은 복사와 깊은 복사 1. 객체 (Object) Object 클래스는 JavaScript의 데이터 유형 중 하나를 나타냅니다. 다양한 키 모음 및 더 복잡한 엔티티들을 저장하는 데 사용됩니다. 객체는 Object() 생성자 또는 객체 초기자 / 리터럴 구문를 통해 생성할 수 있습니다 1) Object.assign() Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여넣습니다. 그 후 대상 객체를 반환합니다. const target =.. [React] 강의 6주차 (1) -JS 데이터 (Javascript) [국비지원교육] [패스트캠퍼스] React 강의 6주차 (1) -JS 데이터 (Javascript) [Javascript] 데이터 data - 문자 - 숫자와 수학 - 배열 1. 문자 String 전역 객체는 문자열의 생성자 입니다. 1) String.prototype.indexOf() indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다. 매개변수 searchValue 찾으려는 문자열. 아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다. 반환 값 searchValue의 첫 번째 등장 인덱스. 찾을 수 없으면 -1. 2) String.prototype.slice() slice(.. [React] 강의 5주차 (2) -JS (Javascript) 함수 [국비지원교육] [패스트캠퍼스] React 강의 5주차 (2) - JS (Javascript) 함수 [Javascript] - 함수 - 화살표 함수 - IIFE - 호이스팅 - 타이머 함수 - 콜백 - 생성자 함수 - this - ES6 Classes - 상속(확장) 1. 함수 function sum(x, y){ if(y {} vs fu.. [React] 강의 5주차 (1) -JS (Javascript) [국비지원교육] [패스트캠퍼스] React 강의 5주차 (1) - JS (Javascript) [Javascript] - 개요 - 데이터 타입 - 산술, 할당 연산자 - 비교, 논리 연산자 - 삼항 연산자 - 조건문 If Else / Switch - 반복문 For - 변수 유효범위 - 형 변환 1. 개요 ECMA스크립트 ECMA스크립트(ECMAScript, 또는 ES[1])란,Ecma International이ECMA-262기술 규격에 따라 정의하고 있는 표준화된스크립트 프로그래밍 언어를 말합니다. 자바스크립트를 표준화하기 위해 만들어졌습니다. ECMA스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma Inte.. 이전 1 2 3 4 5 다음
