JS

자바스크립트는 싱글 스레드 기반! 싱글 스레드를 사용하는 자바스크립트는 주어진 시간에 한 줄의 코드만 실행할 수 있고 자바스크립트는 싱글스레드의 단점을 보완하기 위해 코드들이 비동기로 실행된다. 수행해야 할 작업들이 대기열에 추가되고 브라우저의 자바스크립트 엔진에 의해 한 번에 하나씩 실행이 된다. 또, API 비동기 실행이 너무 많이 쌓이게 되면 모든 작업의 실행 속도가 느려질 수 있다. 자바스크립트의 싱글 스레드 패턴은 블로킹이라는 성능 문제를 발생시킨다. 메인 스레드의 특정 작업이 완료되는데 매우 오랜 시간이 걸려서 다른 모든 작업들이 실행되지 않을 때 발생한다. 블로킹은 웹 프로그램의 속도를 느리게 하거나 때로는 정지된 상황을 만들고 사용자는 이런 상황들을 매우 불편하게 느낀다. 웹 워커란? 웹 ..

1. 이벤트(event)란? - 이벤트 == 어떤 사건 ex) 사용자가 버튼을 클릭했을 때 - 이벤트가 발생하면 그에 맞는 반응을 해주어야 한다. 이벤트는 일반적으로 함수에 연결되며, 그 함수는 이벤트가 발생하기 전에는 실행되지 않고 이벤트가 발생되면 실행된다. - 이벤트가 발생했을 때 실행되는 함수를 이벤트 핸들러라 하며, 이벤트에 대응하는 처리를 기술한다. 2. 이벤트의 종류 3. 이벤트 핸들러 등록 방법(이벤트 처리 방법) 1) inline 방식 - 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것 (onclick="" => on이벤트명 속성) 아래 예시는 input 태그에 onclick 속성으로 이벤트가 발생했을 때 경고창을 출력한다. 이벤트가 발생한 대상이 필요한 경우 this를 통해서 참조할 ..

1. div 태그 설명 1) 웹 페이지의 배치(layout)를 담당하는 태그이다. 2) 블럭 모드이다. 3) 일반적으로 다른 요소들을 담을 수 있는 컨테이너의 종류 중에 하나이다. * 컨테이너 : 다른 요소를 자식으로 가지고 있다. 2. javascript 코딩 맛보기 - js는 대소문자를 구분한다. - document.location="이동할 주소url"; - js 함수 만드는 형식) - var 키워드 : 변수 선언시 사용하는 키워드 3. jQuery 코딩 맛보기 - jquery.js 라이브러리를 설치해야 하는데 다운을 받아서 사용할 수도 있고 Using jQuery with a CDN으로 다운을 받지 않고도 사용 가능하다. 오늘 수업에서는 맛보기 정도라 script 태그를 이용하여 사용하였다. htt..