세줄코딩

아래 내용은 MDN 에서 발췌했습니다~ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/importimport name from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module-name"; import defaultMember, { me..

Arrow Function 참고 모질라 개발자 문서 (이외에도 좌측 메뉴에서 다양하게 살펴 볼 수 있다. )https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98 ES6 를 ES5로 전환해서 살펴볼 수 있음 --> http://es6console.com/ 아래는 모질라 문서에서 arrow 함수부분만 발췌해 했다.(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동등함: => { return expression; } // 괄호는 매..

프로 리엑트 책을 보면서 스텝바이스텝 하고 있는데 리엑트 버전업으로 인해 이것저것 바뀐게 많다. 게다가 오타까지.....내가 코딩한 것도 오타가 많은데 책까지 오타가 많다.....정말 별거 아닌걸로 삽질의 연속~ 은근 스트레스~ 책의 전체적인 퀄리티는 나쁘지 않은데별 사소한거로 책의 전반적인 좋은 이미지를 깍아 먹는 듯....그리고 한가지 더 말하자면 코딩 스타일 좀 일관성 있게 작성했으면 하는 아쉬움도 있다. 라고 하면 좋겠는데 아쉬움을 넘어서 졸 짜증난다. 나처럼 따라서 해보는 사람들에겐 정말 스트레스이다.중간에 const arrow function 으로 작성했다가 걍 단순 function 타입으로 작성하질 않나....나원참.... 암튼 지금 절반 정도 본듯....일단 칼을 뽑았으니 무라도 베긴 해야..

React.js 시작하기. 환경설정. -IDE 선정. sublime Text or Webstorm -webpack ( node.js 설치 가정하에 진행 - 설치가 안되어 있다면 node.js 설치하자. )1. 프로젝트 폴더 생성>터미널에서 해당 프로젝트 폴더로 이동2.터미널에서 npm init3.터미널에서 npm install --save-dev webpack@1.13.1 ( 정적파일제공 ) 정적파일이 아닌 소스파일을 수정하면 자동으로 브라우저를 새로 고치는 개발 서버는 아래와 같이 하자. npm install --save-dev webpack-dev-server@1.14.13.프로젝트 폴더 root경로에 webpack.config.js 생성시킴. ( 맥 터미널에서 touch webpack.config...

오옷 이런곳이 있다니 완죤 땡큐~ http://tutorial.djangogirls.org/ko/installation/

Masonry.js 유동 그리드 라이브러리 http://masonry.desandro.com/

D3.js - step2 x, y축 생성하기 1. body에 아래처럼 축을 생성시킬 컨테이너를 만들어 둔다. 2. 축 생성맨 하단에 아래와 같이 코드 입력. 실행 화면

D3js step1 기본 D3js - https://d3js.org/ d3.js소스 - http://d3js.org/d3.v3.min.js 참고 예제 - http://bl.ocks.org/ 현재 버전이 v3, v4 두개 버전이 나와 있는데 나는 v3버전으로 진행해 나갈 것이다. 참고로 두개 버전이 약간 차이가 있다( v3버전에서 쓰던 메소드가 v4에서는 없고 혹은 이름이 바뀌었다던지 그럴 수 있다 ) 기본 익힐 메소드 d3.select()d3.selectAll()d3.enter()d3.exit()d3.data()d3.html()d3.style()d3.max()d3.append()d3.domain()d3.range()d3.svg.axis()d3.json()d3.csv() 1. d3.select() 사용하여..