공부기록용

❓jQuery선택자 이후 동작함수를 작성할 때 함수와 메서드, 이벤트의 정의가 불분명한 상태였음! 정의?란게 불분명한 느낌 상황에 맞게 잘 선택하고 싶어 차이를 짚고 넘어가고 싶었음 함수(Function)과 메서드(Method)의 차이 함수는 여러 문장들이 하나의 기능을 구현하도록 구성한 것이라고 할 수 있다. 그 함수 중에서 클래스 내부에 정의한 함수를 메서드라고 부른다. 또한 메서드는 객체의 속성을 다루기 위한 행위를 정의한 것이라는 의미도 포함하고 있다. 함수 메서드 특정한 작업을 수행하기 위해 설계되었다. 객체의 기능을 구현하기 위해 클래스 내부에 구현(정의)되는 함수이다. 메서드를 구현하면 객체의 기능을 구현하는 것이다. 자체적으로 존재한다.(독립적) 객체와 연결되어 있다. 클래스 내부에 종속되..

LocalStorage localStorage(로컬스토리지)는 사용자의 로컬에 존재하는 저장소이다. 우리는 이 저장소에 특정 데이터를 저장하거나 수정하거나 삭제할 수 있다. 유사한 것으로는 session storage가 있는데, session storage와 달리 localStorage는 유효기간이 존재하지 않는다. setItem(): key, value 추가 getItem(): value 읽어 오기 removeItem(): item 삭제 clear(): 도메인 내의 localStorage 값 삭제 length: 전체 item 갯수 key(): index로 key값 찾기 setItem() window.localStorage.setItem('key', 'value') ✔️ stirng타입의 데이터를 저장하..

동기(Synchronous)와 비동기(Asynchronous) 동기는 '직렬적'으로 작동하는 방식이고 비동기는 '병렬적'으로 작동하는 방식이다. (즉, 비동기란 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미한다.) 왼쪽 차트는 '비동기'로 작동하는 방식이다. 한번에 여러 태스크가 동시에 병렬적으로 실행된다. 반면, 오른쪽 차트는 '동기'적으로 작동하는 방식이다. 하나의 태스크가 끝날 때 까지 기다렸다가 다음 태스크가 실행된다. 총 실행 시간으로 따지자면 '동기' 방식이 더 느리다. 동기적예시 console.log(1) console.log(2) console.log(3)​ 비동기적예시 console.log(1); setTimeout(function () { co..

Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다.HTML 요소의 선택: 새로운 HTML 요소를 선택하기 위해 제공되는 메서드HTML 요소의 생성: HTML 요소를 생성하기 위해 제공되는 메서드HTML 이벤트 핸들러 추가: HTML 요소에 이벤드 핸들러를 추가하기 위해 제공되는 속성HTML 객체의 선택HTML 요소의 선택document.getElementsByTagName('태그이름')해당 태그 이름의 요소를 모두 선택함. 지정된 TagName(태그명)의 모든 요소 포함한 NodeList 반환(인덱스 번호 필요)document.getElementById('아이디')해당 아이디의 요소를 선택함.document.getElementsByClassName('클래스이름')해당..

🔴toString() 🔴String() 🔴Template literals을 이용하여 변환하기 🔴빈 문자열을 이어 붙이는 방법 변환하기 1. toString( ) 문자열로 변환시키고자 하는 것.toString( ); const num = 786; const str = num.toString(); const type = typeof str console.log(typeof num); // number console.log(str); // 786 console.log(type); // string const str = 783.85.toString() const type = typeof str console.log(str); // 783.85 console.log(type); // string console.l..

반복문 for문 for(초기화한 변수값; 조건; 증감 표시){ 수행할 명령 }; 구성요소를 생략하는 것도 가능하다. let i = 0; // i를 선언하고 값도 할당하였습니다. for (; i < 3; i++) { // 'begin'이 필요하지 않기 때문에 생략하였습니다. alert( i ); // 0, 1, 2 } let i = 0; for (; i < 3;) { alert( i++ ); } for (;;) { // 끊임 없이 본문이 실행됩니다. } // for문의 구성요소를 생략할 때 주의할 점은 // 두 개의 ; 세미콜론을 꼭 넣어주어야 한다는 점이다. // 하나라도 없으면 문법 에러가 발생한다. 인라인 변수 선언 지금까진 ‘카운터’ 변수 i를 반복문 안에서 선언하였다. 이런 방식을 ‘인라인’ 변수..