짬짬이기록하기

1번 방식 : 함수 내에서 this 사용하여 클릭한 요소에 접근 let small = document.querySelectorAll("#imglist > li > .small"); for(let i=0; i 이 말이 우선 와닿지가 않아서 다시 정리하도록 하자!

- concat : 서로 다른 배열을 연결하여 새로운 배열 만듦 - join : 배열안의 요소를 합쳐 string을 만듦, 구분자를 지정하지않으면 기본으로 , 로 구분 요소추가 - push : 배열의 맨 끝으로 추가 - unshift : 배열의 맨 앞으로 추가 요소꺼내기 - pop : 배열의 맨 끝요소를 꺼냄 - shift : 배열의 맨 앞요소를 꺼냄 요소추가 삭제 - splice(2) : index 2번부터 마지막 요소까지 잘라냄 - splice(1,2) : index 1번부터 2개를 잘라냄 - splice(1,2,"js") : index 1번부터 2개를 잘라내고 잘라낸 자리에 "js"를 추가함 기존배열은 바꾸지 않으면서 요소를 꺼냄 - slice(1) : index 1번부터 마지막까지 꺼냄 ..

for in => 객체 순환 시에 사용한다. 객체에 for of를 사용하면 "Uncaught TypeError: obj is not iterable" 타입에러가 발생한다. 즉 for of는 순번이 있는 index값을 가지는 객체에 사용할 수 있다. (*iterable : 반복가능한) let obj = { a: 1, b: 2, c: 3 }; for (let item in obj) { console.log(item) // a, b, c ==> item은 프로퍼티명, 즉 key를 의미함 console.log(obj[item]) // 1, 2, 3 } for of => 배열 값 순환 시에 사용한다. let array = [1, 2, 3]; for (let item of array) { console.log(it..

function GetCookie() { let hasCookie = document.cookie console.log(hasCookie) } function SetCookie(){ let myDue = new Date(); // 현재시간(객체) myDue.setDate(myDue.getDate() + 10) //일자를 구해서(숫자타입) 10을 더해준 것을 다시 일자로 지정함(객체) myDue.toUTCString() //UTC 표기방식(string타입) let myCookie = "name=hong; expires=" + myDue; //키와 밸류의 조합으로 생성함 document.cookie = myCookie } function DelCookie() { document.cookie = "name=;..

const obj = { name: 'jang', weight: 99, address: 'seoul' } document.getElementById("btnInput").addEventListener("click", () => { for (let key in obj) { const value = obj[key] console.log(key) console.log(value) localStorage.setItem(key, value) } }) 로컬스토리지에 객체의 내용을 key,value 값으로 저장하는 코드 예시

LocalStorage 브라우저의 로컬 스토리지(저장) 공간. key와 value가 한 쌍으로 저장된다. - 쓰기 window.localStroage.setItem('key', value) - 읽어오기 window.localStorage.getItem('key') - 삭제 window.localStorage.removeItem('key') TodoList 만들 때 활용했었고, 웹사이트 사용자 테마 지정 시에도 유용하게 쓸 수 있다.

See the Pen custom tag by delikeyki95 (@delikeyki95) on CodePen.

웹의 기본은 동기 통신이다. URL 서버요청 => 응답 대기 a 링크 클릭 서버요청 => 응답 대기 동기(synchronous) : 결과를 기다리는 것(Blocking) ==> 요청을 보내고 응답을 기다리는 동안 대기한다. 비동기(asynchronous) : 결과를 기다리지 않는 것(Non-Blocking) ==> 요청을 보내고 응답을 기다리는 동안 다음 할일을 수행(ex. Ajax) setTimeout(function(){ console.log("1. setTimeout 실행") }, 3000) console.log("2. console log") 2. console log 1. setTimeout 실행 순으로 수행된다. 아래 그림이 너무나 이해가 잘되어 캡처했다. goguard 블로그님 뉘신 지는 모..