Yeonee's Story

안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) 비동기식은 자신의 함수 시간의 흐름에 따라 작동을 하기 때문에 함수 각자의 실행시간을 갖습니다. 굉장히 복잡해보이지만 비동기식 처리가 실행시간이 단축됩니다. 동기식과 비동기식의 차이점을 그림을 통해서 살펴보겠습니다. - 동기식은 Process A에서 하나의 명령이 끝나면, Process B에서 새로운 명령이 시작되고 그 새로운 명령이 끝날 때까지 기다렸다가 Process A로 돌아옵니다. (즉, 실행 후 아무것도 할 수 없게 실행이 완료되기까지 기다려야합니다.) - 비동기식은 Process A에서 명령이 실행되고 명령이 실행될 때 일단 예약을 해놓은 상태이고, Process B에서 명령이 실행되어 끝나서 다시 Proc..

안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) 1. CallBack함수란 간단하게 말해서 다른 함수가 실행을 끝낸 뒤 실행되는 callback되는 함수이며, 함수에 파라미터로 들어가는 함수를 말합니다. 2. 용도 함수를 순차적으로 실행하고 싶을 때 사용합니다. 3. CallBack가 필요한 이유 - 콜백함수를 사용하면 가독성이나 코드 재사용 면에서 사용됩니다. - 비동기 방식으로 작성된 함수를 동기 처리하기 위해 필요합니다. + 콜백함수를 설명할 때 변수의 유효범위(scope)에 대한 내용과 동기/비동기식(Synchronous/Asynchronous)처리에 대해 함께 알아보는 것이 좋을 것 같습니다. 1. 동기 : 하나의 요청이 오면 완료가 된 후 다음 요청을 실..

안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) (+ 본 포스팅은 타 포스팅 자료를 참고자료로 링크를 달아두었습니다.) [함수 (funtion)] * 선언적 함수 function 함수명(매개변수 , ...){ 해당 함수 호출시 실행할 소스코드; return 결과값; } - 매개변수가 없는 경우 생략 가능함 - 반환할 값 ex) function getById(id){ return document.getElementById(id); } * 선언적 함수 실행확인 function test1(){ const area1 = getById("area1"); area1.innnerHTML += "test1()함수 실행 "; } * 익명 함수 function(매개변수, 매개변수, ..

안녕하세요. #yeoneeblog 여니입니다 :) * 변수와 자료형 * 변수 선언 위치에 따른 전역변수/지역변수 let 변수명; // 전역변수(global) const 변수명; // 상수(값을 할당하면 바꿀수 없음) var 변수명; // 전역변수(global) 과거에 쓰이던 키워드. 변수명; // 전역변수(global) function 함수명(){ var 변수명; // 지역변수(local) 변수명; // 지역변수(local) } var 변수 문제점이 많아서 let, const로 대체됨. 하지만 아직도 많은 스크립트에서 var가 사용되고 있음

* HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 2) 태그명으로 접근하기 목록1 목록2 목록3 목록4 목록5 태그명으로 접근 3) name속성값으로 접근하기 취미 게임 음악 등산 독서 영화 운동 name으로 접근 4) 클래스명으로 접근하기 class로 접근