본문 바로가기 메뉴 바로가기

세줄코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

세줄코딩

검색하기 폼
  • 분류 전체보기 (447)
    • 알고리즘 (2)
    • Programming language (259)
      • Python (8)
      • mongodb (2)
      • nodejs (7)
      • D3js (3)
      • Reactjs (15)
      • vuejs (11)
      • Typescript (0)
      • Angularjs(1.x) (19)
      • Angular( 2.x~ ) (5)
      • javascript (79)
      • jQuery (15)
      • HTML & CSS (51)
      • iOS & objective-C (8)
      • Flash (30)
      • mobile (2)
      • Canvas (1)
      • C (3)
    • 죽이는사이트 (20)
    • 유용한 정보 (111)
    • 참고사이트 (8)
    • 잡다 (3)
    • 책 리뷰 (14)
    • 살이되는 지식 (7)
    • Portfolio (19)
    • 영단어공부 (1)
  • 방명록

Programming language/javascript (79)
karma 설정

기본적으로 jasmine + karma 로 셋팅 1. 카르마 설치 npm install karma -g ( 글로벌 설치로 해야 몸과 마음이 편할 수 있다) 2. 카르마 초기화 karma init karma.conf.js 파일이 생성되면 내부에 config.set({}) 메서드 내부에 아래와 같이 두군데 경로 확인. basePath:'진입 경로' files:[ '테스트할 파일( 의존성 파일 모두 선언해야 한다 - 예 angular를 사용하고 있다면 angular.js 파일 경로를 적어주어야 한다. )' ] browsers:['PhantomJS'] 3. karma 설정시 필요한 devDependencies ( 아래 항목 설치 npm install 플러그인명 --save-dev )"http-server": "..

Programming language/javascript 2017. 5. 31. 16:36
Nodejs 한글 및 Express.js 안내~

역시 책이고 나발이고 기본 안내서가 짱인듯~ Nodejs- http://nodejs.sideeffect.kr/docs/v0.10.0/api/path.html ( path만 많이 찾게 되는듯 ) Express.js - http://expressjs.com/ko/guide/routing.html

Programming language/javascript 2017. 2. 17. 18:49
스프레드 연산자(spread operator)

ES6에서 지원하는 스프레드 연산자 .. // var a, b, c, d, e; a = [1,2,3]; b = "dog"; c = [42, "cat"]; // Using the concat method. d = a.concat(b, c); // Using the spread operator. e = [...a, b, ...c]; console.log(d); console.log(e); // Output: // 1, 2, 3, "dog", 42, "cat" // 1, 2, 3, "dog", 42, "cat" // 참고 - MS - https://msdn.microsoft.com/ko-kr/library/dn919259(v=vs.94).aspx MDN - https://developer.mozilla.org..

Programming language/javascript 2016. 9. 8. 18:21
Template literal(템플릿 리터럴)

대충 아래와 같은 코드가 있다고 치면 var positions=[{y:20, x:10}, {y:100, x:30}];var contents="좌표설정구간";var tags=''+ contents +''; 값과 문자열 간의 구분을 할때 저놈에 따옴표는 엄청 스트레스이다. ES6에선 아래와 같이 깔끔하게 해결해 주신다. `string text``string text line 1 string text line 2``string text ${expression} string text` tag `string text ${expression} string text` 아래는 모질라 문서의 설명부분 emplate literal 들은 double 또는 single quiotes 대신 back-tick (` `) char..

Programming language/javascript 2016. 9. 8. 17:27
ES6 import 구문

아래 내용은 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..

Programming language/javascript 2016. 8. 19. 17:02
ES6 Arrow Function 참고

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; } // 괄호는 매..

Programming language/javascript 2016. 8. 18. 11:31
d3 예제

http://bl.ocks.org/d3byex http://bl.ocks.org/tpreusse/2bc99d74a461b8c0acb1 - rada chart

Programming language/javascript 2016. 4. 20. 18:40
Airbnb javascript style guide

읽어 볼만 하다.... https://github.com/airbnb/javascript

Programming language/javascript 2016. 3. 28. 18:35
이전 1 ··· 3 4 5 6 7 8 9 10 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 프리코드캠프
  • 모던자바스크립트 튜토리얼
  • javascript핵심내용정리
  • 최신 JS 뉴스
  • js모음
  • javascript pattern
  • es6 한눈에 보기
  • GitHub의 star의 증가율 통계
  • typescript to js
TAG
  • react-router-dom
  • 리프래시토큰
  • git
  • 반복문
  • RefreshToken
  • react
  • 코도바
  • svg모션
  • git checkout -b
  • 아이콘 폰트 만들기
  • JsDoc
  • vue-router
  • icon font
  • svg 폰트
  • for of 구문
  • Vue3
  • Aptana
  • CSS
  • Intrinsic
  • svg icon font
  • 자바스크립트
  • interceptors
  • 앵귤러
  • React.StrictMode
  • cordova
  • IntrinsicElements
  • anime.js
  • Angular
  • 태그
  • 내장요소
more
«   2025/08   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바