개발/Javascript 썸네일형 리스트형 blob url https://stackoverflow.com/questions/30864573/what-is-a-blob-url-and-why-it-is-used 더보기 AMD, CommonJS, UMD AMDAsynchronous Module Definition RequireJSdefine, require CommonJS 정의: export사용: require UMDUniversal Module DefinitionCommonJS, AMD, global varialbe 다 제공 더보기 Object.defineProperty() https://stackoverflow.com/questions/18524652/how-to-use-javascript-object-defineproperty 더보기 split + regexp const divider = /[\/\.\-]/gi; '2017/07/02'.split(divider);'2017-07-02'.split(divider);'2017.07.02'.split(divider); 더보기 ionic2 'myproject'이름으로 ionic app 생성ionic start myproject --v2 브라우저에서 테스트ionic serve 기기별 테스트ionic lab angularfire2: angular2 lib for firebasenpm install firebase angularfire2 --save 더보기 [책] Functional JavaScript 함수형 자바스크립트국내도서저자 : 마이클 포거스 / 우정은역출판 : 한빛미디어 2014.02.01상세보기 ch1. 함수형 자바스크립트 소개 함수형 프로그래밍은 값을 추상화의 단위로 바꾸는 기능을 하며 결국 바뀐 값들로 소프트웨어 시스템이 만들어진다. 함수형 프로그래밍에서는 괄찰할 수 있는 사태 변화를 최소화하려고 애쓴다. 함수는 뷰에서 상세 구현을 숨김으로써 추상화를 달성할 수 있다. 캡슐화와 은닉. 자바스크립트의 객체 시스템에서는 데이터 은닉을 직접적으로 제공하지 않아 클로저를 이용해 데이터를 감춘다. 함수형 프로그래밍이란 이런 것이다.- 함수 형태로 '존재'의 추상화를 정의한다.- 기존 함수를 이용해서 '참거짓'의 추상화를 정의한다.- 위 함수를 다른 함수의 파라미터로 제공해서 어떤 동작을 하도록 한.. 더보기 push후 new array 리턴받아야 할 때 oldArray.concat([1])push대신 concat사용. 만약 새로운 어레이로 복사하고 싶으면 oldArray.slice() 더보기 터미널에서 api 테스트 get테스트curl -v localhost:3000/api/posts post테스트(bodyParser에 type이 */*가 아니면 안나옴curl -v \ --data '{"id":"1","writer":"alie","title":"first posting"}' \ http://localhost:3000/api/bugs curl -v \ --header 'Content-Type: application/json' \ --data '{"id":"1","writer":"alie","title":"first posting"}' \ http://localhost:3000/api/bugs 더보기 mern stack 따라하기 https://hashnode.com/post/react-tutorial-using-mern-stack-ciiyus9m700qqge53mer0isxz 훌륭한 가이드! 더보기 global(전역)으로 설치한 npm package 목록 보기 명령어$ npm list -g --depth=0 결과/usr/local/lib├── babel-cli@6.14.0├── bower@1.7.2├── cordova@6.3.1├── express@4.14.0├── express-generator@4.13.4├── grunt-cli@1.2.0├── gulp@3.9.0├── ionic@1.7.11├── ios-deploy@1.8.6├── ios-sim@5.0.8├── live-server@1.0.0├── mern-cli@3.0.1├── npm@2.14.7├── serve@1.4.0└── webpack@1.13.2 더보기 jQeury 없이 html 로드 후 자바스크립트 시작 DOM로딩이 끝난 후, 자바스크립트가 구동할 수 있도록 하는 코드function init() { //sht }; window.onload = init; jQeury를 쓸 때는 아래와 같이 $(function() { //sth }); 더보기 [모듈화] JavaScript 표준을 위한 움직임: CommonJS와 AMD 정리 NaverD2: JavaScript 표준을 위한 움직임: CommonJS와 AMD 모듈화는 아래와 같이 세 부분으로 이루어진다.scope: 자신만의 독립적인 실행 영역definition: 모듈 정의는 exports 객체 이용usage: 모듈 사용은 require 함수 사용 서버사이드 Javascript의 경우에 파일마다 독립적인 파일 스코프가 있기 때문에 파일 하나에 모듈 하나를 작성하면 간단히 해결됨. 브라우저에서는 필요한 모듈을 모두 내려받을 때까지 아무것도 할 수 없는 단점이 있었고 동적으로 태그를 삽입하는 방법으로 가닥을 잡는다.CommonJS에서는 이 문제를 해결하기 위해 파일을 require.define()으로 감싸 함수 클로저로 전역변수를 통제한다. 필요한 파일이 모두 로컬 디스크에 있어 바.. 더보기 [webpack] 읽을만한 자료들 NaverD2JavaScript 모듈화 도구, webpack(2016.02) - 참고: Javascript 표준을 위한 움직임: CommonJS와 AMD(2012,2,10) Y2K블로그Webpack을 이용한 angularJS 1 application 개발(2016.04) 더보기 자바스크립트 모듈(module) 이해하기 Understanding JavaScript Modules: Bundling & Transpiling: https://www.sitepoint.com/javascript-modules-bundling-transpiling/?utm_content=buffer77374&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer 내가 이해하기 위해 하는.. 너무 모자란 번역.원문을 읽으시길!! 시대에 따른 모듈 예전에는 브라우저 자체적으로는 모듈을 지원하지 않았었다.Node나 CommonJS는 2009년에 생겼는데 npm의 많은 패키지가 CommonJS 모듈을 사용했다. browserify는 2011년에 발표됐는데 CommonJS 모듈을 client-side.. 더보기 Understanding ECMAScript 6 https://leanpub.com/understandinges6/read 쭉쭉 코드만 살펴보고 처음 보거나 이해 안 가는 것은 내용도 읽어봄 Let Declarationslet문법은 var와 같음. let 다른점호이스팅 안 됨.현재 code block({})에서만 유효함 같은 스콥에서 var, let으로 동일한 변수명 사용할 수 없음아래는 가능var count = 30; // Does not throw an error if (condition) { let count = 40; // more code } Constant Declarations변하지 않을 값을 정의할 때 사용. 그래서 무조건 초기화 필요let과 마찬가지로 현재 block에서만 유효함. 호이스팅 안 됨.같은 스콥에서 var, let으로 선언.. 더보기 이전 1 2 다음