JavaScript
1.[JS] 스케쥴링과 초기화
스케줄링setTimeout:일정시간뒤 실행serInterval:인터벌간격으로 계속 실행.스케줄링 초기화.
2.[JS] 단일,다중 Element 선택하기
getElementById()위 예제에서 document.getElementById("page-info") 입력시이렇게 ElementId에 해당하는 HTML코드가 출력된다.NAVER에서result:"엠씨더맥스 처음처럼티아라 처음처럼 가사mc the max 처음처럼처음처
3.querySelector 과 querySelectorAll 차이점.
querySelector은 Element를 가장 빨리 검색되는 하나만 반환.querySelectorAll은 조건에 해당하는 Element를 배열형태로 전체반환.이런식으로 .메소드를 이용해 querySelectorAll를 재사용해서 꼬리물기식으로 자식태그로 접근가능.EX
4.Async & Await
자바스크립트의 비동기 처리패턴중 가장 최근에 나온 문법.기존 Promise의 문법의 단점을 보완하고 가독성좋은 코드로 표현가능.문법:Promise같은 형식으로 콜백해주고 JS에서 출력하자.
5.동기 비동기
요청이 끝나야 다음작업을 실행한다.싱크가 맞아떨어진다. 1번 요청 -> 1번 요청 결과반환 -> 2번 요청 -> 2번 요청 결과 반환 -> 3번 요청 -> 3번 요청 결과 반환.이렇게 이해하면 될 듯 하다.즉싱크가 맞지않다.1번 요청 -> 2번 요청 -> 3번 요청 -
6.[JS] Fetch ?
fetch는 서버에 네트워크 요청을 보내고 정보를 받아올 수 있는 방법 중 하나.기본문법Return Type: Promise사용바로 코드로 보자.결과값:위와같이 안전하게 데이터를 모두 담아와서 출력할 수 있다.
7.[JS] 외부 HTML파일 읽어와 파싱
🚀result 전체 코드 🚀이렇게 정상적으로 잘 동작한다.
8.[JS] 외부 HTML파일 읽어와 JSON데이터 만들기
JSON.stringify 메소드를 이용하면 json객체를 string형식으로 캐스팅 가능하다.
9.[JS] JS에서의 ;(세미콜론)
자바스크립트는 ; 를 붙이지 않아도 인터프리트 과정에서 오류가 발생하지 않는다.다른 언어와 달리 왜 ; 를 붙이지 않아도 정상적으로 동작할까.아무래도 ASI의 동작을 예측하기 힘들다는 문제가 있다. 즉 컴퓨터가 완벽하게 이 부분이 문장의 끝인지 파악하고ASI를 사용하기
10.[JS] 알고 넘어가자 Part.1
JS요약var로 변수 선언시 따로 타입을 명시 해주지 않아도됨. 이는 런타임시 변수값에 의해 동적으로 타입이 결정됨. 이를 동적바인딩(Dynamic Binding)이라고함.== : 값만 일치하는지 검사=== : Type 까지 일치하는지 검사NULL = 비어있거나 존재하
11.[JS] Let Var Const?
var : 재선언 가능, 재할당 가능, Function Scope.let : 재선언 불가. 재할당 가능, Block Scope.const : 재선언 불가. 재할당 불가. Block Scope.
12.[JS] 이벤트 버블링, 캡처링,위임
하위 Element에 이벤트가 발생했을 때 그 Element부터 시작해서 상위 Element까지 이벤트가 전달되는 방식.Default로 적용되어있다. 이벤트 버블링과 반대되는 개념으로 하위 Element에 이벤트가 있을 때 상위 Element부터 하위 Element로