Javascript 정리 - Basic

|


// 변수, variable

var aaa = 2; //숫자

var bbb = "2"; //문자

var bbb = '2'; //얘도 문자

var ccc = true; //얘는 불린

var ddd = [1, 2, 3, 4]; //얘는 배열

var eee = { p1 : 2, p2 : '2' }; //얘는 객체

var fff = null; //null

var ggg = undefined; //undefined

var hhh = function(){ console.log('ㅋㅋㅋ'); } //얘는 함수!!

hhh()



// 수학, 정수, math

console.log(

    Math.pow(3,2),       // 9,   3의 2승

    Math.round(10.6),    // 11,  10.6을 반올림

    Math.ceil(10.2),     // 11,  10.2를 올림

    Math.floor(10.6),    // 10,  10.6을 내림

    Math.sqrt(9),        // 3,   3의 제곱근

    Math.random()       // 0부터 1.0 사이의 랜덤한 숫자

);



// 속성, type, typedef

console.log(

    typeof 1,

    typeof "1"

);



// 문자열, string

console.log(

    'kanziw\'s javascript\n',

    "javascript\nworld\n",

    "have a " + "nice day\n",

    'hihello'.length

);



// 비교, equal

console.log(

    1 == 1,             // true

    1 == "1",           // true

    1 === "1",          // false


    null == undefined,  // true

    null === undefined, // false

    true == 1,          // true

    true === 1,         // false

    true == '1',        // true

    true === '1',       // false

    0 === -0,           // true

    NaN === NaN        // false

);



// if, while, for

var a;

if(!'' && !undefined && !a && !null && !NaN){

    console.log('조건문의 경우가 모두 false임');

}


var i = 0;

var sum = 0;

while(i < 10){

    sum += ++i;

}

console.log(sum);


sum = 0;

for(i = 1; i <= 10; i++){

    if(i == 2) continue;

    sum += i;

    if(i == 5) break;

}

console.log(sum);



// function numbering(){

var numbering = function (){

    i = 0;

    while(i < 10){

        console.log(i);

        i += 1;

    }

}

numbering();



// list, 배열

var li = ['a', 'c', 'z'];

li.push('d');

li.concat('e', 'f');

li.unshift('-a');

console.log(li);

li.splice(2, 1, 'B');   // 2번째부터 1개를 삭제 후 'B'를 삽입

console.log(li);


console.log(

    li.shift(),

    li.pop(),

    li.sort()

);

console.log(li.reverse());



// 객체, object

var grades = {};

grades['egoing'] = 10;

grades['k8805'] = 6;

grades['sorialgi'] = 80;

// var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}


for(key in grades) {

    console.log("key : "+key+" | value : "+grades[key]);

}


grades = {

    'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},

    'show' : function(){

        for(var name in this.list){

            console.log(name+':'+this.list[name]);

        }

    }

};

grades.show();




'Language > Javascript' 카테고리의 다른 글

Javascript - Generator  (0) 2015.10.16
Javascript - Function, Module  (0) 2015.10.16
javascript 문서 맨 위에 'use strict'; 를 쓰자.  (0) 2015.10.16
Javascript - etc  (0) 2015.10.15
Javascript 정리 - Advanced  (0) 2015.10.15
And


sublime text 3 자동완성 툴

|


아래의 언어들에 대해 자동 완성을 해준다고 한다.

JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP


공식 홈페이지 : http://sublimecodeintel.github.io/SublimeCodeIntel/




설치 방법


Command + Shift + P  -  Install Package  -  SublimeCodeIntel




사용 방법


Sublime Text 를 재실행 후 자동완성이 필요한 곳에서 Control + Shift + Space 하면 된다.

변수가 선언 된 곳을 찾고자 할 땐 Control + Alt + Command + Up 하면 되며

다시 작업 중이던 곳으로 내려올 땐 Control + Alt + Command + Left 하면 된다.




'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
node build 설정  (0) 2015.10.15
sublime text 3 html 설정  (0) 2015.09.21
sublime text 3 python 설정  (0) 2015.08.05
And


node build 설정

|


Tools - Build System - New Build System...


아래와 같이 적고 node라는 이름으로 저장 후 해당 빌드시스템 선택

{

  "cmd": ["node", "$file"],

  "selector": "*.js"

}



나의 경우 nvm으로 node version을 관리하고 있기 때문에 

{

  "cmd": ["/Users/kanziw/.nvm/versions/node/v4.2.0/bin/node", "$file"],

  "selector": "*.js"

}


으로 적었으며 일반적인 경우는 첫번째로 가능하다.

node 명령어를 찾을 수 없다고 한다면 node를 설치 했는지 확인 해봐야 하며

설치 했고 cli 환경에서 정상 작동 한다면 which node 명령어로 node 명령어의 전체 경로확인 후 해당 경로를 적어야 한다.



설정 파일 위치

/Users/kanziw/Library/Application Support/Sublime Text 3/Packages/User/node.sublime-build




'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
sublime text 3 자동완성 툴  (0) 2015.10.15
sublime text 3 html 설정  (0) 2015.09.21
sublime text 3 python 설정  (0) 2015.08.05
And


prev | 1 | ··· | 3 | 4 | 5 | 6 | 7 | 8 | 9 | ··· | 63 | next