[JavaScript] Week4

개발자 도구

network 탭 -> example 보면 데이터관련..? 그런거 볼 수 있음

- 비동기

어떤 코드로 인해 1 2 3 코드 순서대로가 아니라 1 다음에 3이 실행될 수도 있다.

=> callback 함수 이용해서 얘가 잘 끝났는지 코드 잘 실행됐는지 알아볼 필요가 있어

// ajax때문에 비동기가 일어남.

// 익명함수

function fn(foo){

// 비동기 시작

// 비동기 끝

$.ajax({...})

.then(function(){

//비동기가 끝났을 때 실행됨

foo();

});ㅋㅋ

//foo(); // 비동기 시작 끝 상관없이 걍 실행될 수 있으므로 then안에 써주긔

}

function a(){

}

fn(a); // a라는 함수가 인자로 전달됨.

fn(function(){}); // 함수도 인자로 보낼 수 있어. 함수도 객체니까

크롤링도 해보기

practice.js에서 init만 해보려고 했는데 안됐다.

_data : {

load : function(options , callback){

// 데이터를 가져오는 함수입니다.

// jquery ajax함수는 여기서 사용합니다.

callback(); // 얘를 실행해줘야 init()이 그 다음 실행됨

}

}

이걸 해줘야~~~ 된다

다시!!!

_data : {

load : function(options , callback){

// 데이터를 가져오는 함수입니다.

// jquery ajax함수는 여기서 사용합니다.

callback(); // 얘를 실행해줘야 init()이 그 다음 실행됨

}

}

}

}

$(function(){

_BOARD.methods._data.load({},function(res){

_BOARD.methods.ui.init();

// _BOARD.methods.board.init(res.data.items);

// _BOARD.methods.page.init(res.data.paging);

});

});

$(functuon) 이게 int main같은거였지~~

근데 function(res) {} 이거를 load 함수의 인자로 넘겨준거일뿐이야 아직 실행은 안됨.

이제 위에서 load 저기에서 callback();을 해줘야!!!! 이제 비로소 비로소비로소 _BOARD.methods.ui.init();
비로소 얘가 실행된다구~~~~~~~~

- || 의 의미?

var _BOARD = _BOARD || {