브라우저 성능은 점점 좋아질 것이고, JavaScript 역할은 확대 될 것입니다. JavaScript 엔진 Heap Memory Call Stack 2가지로 구성됩니다.
특정 데이터 값을 임시로 저장하는 공간(Heap Memory)특정 값을 자주 사용하는 경우 (성능상의 이점)반복적인 구문, 값이 여러코드에 걸쳐 많이 쓰일 때 (편의상의 이점)var(ES5)let(ES6)변경 될 수 있는 값을 저장할 때ex) 변수에 3이라는 값을 할당
데이터를 property라는 인덱싱을 통해 구조적으로 묶어놓은 형태let student1 = { name: "KJ", age: 28, hobby: "Sports",}for(let key in student1){ console.log(key); // name,
일반적으로 for문을 통해 작성하는 경우가 많다.자주 사용하는 실행 코드를 블록 단위로 묶어서 패키징 해놓은 형태자주쓰는 코드들을 기능단위로 재사용하기 위함함수정의: 미리 function 키워드를 통해 자주 사용하는 코드들을 묶어서 정의하는 행위함수호출: 정의되어 있는
특정 조건을 걸어 참 또는 거짓 유무에 따라 코드의 분기를 생성ex) 실제 예시실무에서 사용 빈도가 떨어진다. (if문을 우선시 한다.)여러개의 코드블록중에서 하나를 선택해야 될 때 사용ex) 실제 예시ex) Not 템플릿 리터럴ex) 템플릿 리터럴콜백함수: 함수 호출
length: 문자열의 길이를 반환indexOf: 찾고자 하는 문자열의 위치 반환slice: 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환substr: 문자열에서 특정 부분을 잘라냄replace: 문자열에서 특정 문자값을 바꿔치기split: 문자열을 배열로 변환
parseInt(변환할 값)해당값을 정수로 반환ex) 정수를 반환한다.parseFloat(변환할 값)해당값을 실수로 변환ex) 실수로 반환한다.toString(): 배열을 문자로 변환join(): 구분자를 활용해 문자열로 이어붙이기pop(): 배열의 마지막 요소 제거(
배열관련 다양한 내장함수sort() : 알파벳순으로 요소 정렬reverse() : 역순으로 요소 정렬sort((a,b) => {return a-b}) : 올림차순으로 정렬sort((a,b) => {return b-a}) : 내림차순으로 정렬sort((a,b) => {r
Document Object Model (문서 객체 모델)실제 Body 안쪽 html 요소들을 script로 제어하는 기능DOM 제어는 상당히 중요하다. 원하는 곳을 직접 제어하기 위해서..JS를 연결하는 방법은 다양하지만 가장 순수한 JS 연결법은..모든 예시는 위
무언가 일어나는 행위, 액션을 이벤트라고 한다.(웹상에서 일어나는 click, mouseover, mousemove, mousewheel, scroll 등)(loar, error)DOM.onclick = () => {}DOM.addEventListener("이벤트",
ex) index.htmlex) main.jse.currentTarget.style.backgroundColor = "red";을 통해서 박스의 색상을 변경할 수 있다.e.currentTarget.style.width = 200+"px";을 통해서 width 값을 변경
JavaScript를 이용해 반복적인 요소 이벤트에 연결할 수 있습니다.이벤트 발생 로직은 처음에는 혼란스럽지만, 자주 활용하게 될 로직입니다.굳이 isOn을 사용한 이유는 더 효율적으로 작동하기 때문입니다. 이미 class="on"인 상태의 .list li를 눌렀을
변수의 유효범위
ex) main.jsex) 브라우저 리사이즈 할 때 마다 값을 구할 때ex) 스코롤 할 때 마다 거리값 구하기현재 우리가 보고 있는 화면을 브라우저가 어떤 정보값을 보유하고 있는지 확인하고, 각 브라우저마다의 고유값을 이용해서 원하는 브라우저마다 특정 코드를 실행할 수
특정 도메인으로 이동시키고 싶은 경우 사용할 수 있다.ex) main.js일정 시간 뒤에 특정 코드를 호출ex) main.js일정 시간 간격마다 특정 코드를 반복setInterval은 clearInterval을 통해 멈출 수 있다.ex) main.jsex) main.j
제한적으로 접근할 수 있는 나열 구조. LIFO(Last-In-First-Out) 자료를 밀어 넣는다고해서 Push, 넣어둔 자료를 뺀다고 해서 Pop이라고 한다. Stack과 반대 개념이다. 나중에 넣은 데이터가 먼저 나온다. FIFO(First-In-First-Ou
두개의 필드를 가지고 있다. 종류는 다양하다. Single, Double, Multiple, Circle 등등..insert 부분이 좀 어렵다.
Queue를 활용한다.Stack을 활용한다.