JavaScript13 js 2022-11-22 점 표기법 대괄호 표기법 점 표기법 let gy = { name : `건영`, age : 900 } console.log(gy.name) // name에 건영이 출력된다 대괄호 표기법 let banana = 'sweet' let fruits = {banana: '바나나', sweet: '달다'} console.log(fruits[banana]) // 달다 console.log(fruits.banana) // 바나나 fruits[banana]로 접근하면 초기화 해놓은 banana 변수의 값 `sweet`를 가져오고 fruits[바나나의 값]이되고 fruits.sweet의 값이 된다. 2022. 11. 22. js2022-11-15 counter Value : 0 + - incrementBtn.addEventListener 클릭을 했을때, 핸들러 함수를 발동시킨다. e.target 이벤트를 발동시키는 엘리먼트를 가르킨다. e.target.id 값이 `increment` 면 ++num 아니면 --num 그 num 값을 display.innerHTML 해준다. function Person(name,age){ this.name = name this.age = age } const person1 = new Person(`곽인구`,50) const person2 = new Person(`장준영`,58) console.log(Person) asdf.push(person1,person2) class Person { constructor(name.. 2022. 11. 15. js2022-11-14 gnb logo menu1 menu1-1 menu1-2 menu1-3 menu1-4 menu2 menu2-1 menu2-2 menu2-3 menu2-4 menu3 menu3-1 menu3-2 menu3-3 menu3-4 menu4 menu4-1 menu4-2 menu4-3 menu4-4 asdf * { padding: 0; margin: 0; } ul, li { list-style: none; } a { text-decoration: none; } #wrap { width: 100%; } #header { display: flex; width: 100%; justify-content: space-between; text-align: center; position: absolute; background: .. 2022. 11. 14. 2022-11-10 setTimeout 2번째 인자값인 number 즉 밀리세컨드가 충족되었을때 딱 한번만 실행한다. setInterval 2번째 인자값인 number 즉 밀리세컨드가 충족되었을때 마다 실행된다. clearInterval 반복중단 콜스택이 비어있야 실행된다 console.log(1) setTimeout(function(){ console.log(2) },0) console.log(3) 답은 1, 3, 2 순서로 찍힌다. 1이 실행되고, setTimeout이 실행된다 태스크 큐에 2가 들어간다. 아직 2가 콜스택으로 안갓다. 3이 실행된다. 콜스택이 비었다. 태스크 큐에 있던 2가 콜스택으로간다. => 실행된다 1, 3, 2 1 1 1 1 1 const a =document.querySelector (`.a`.. 2022. 11. 10. js2022-11-09 Event DOMContentLoaded HTML파일을 다 읽었을때 실행된다. 브라우저가 로드가 끄타면 DOMContentLoded 이벤트를 한번만 발동시킨다. 로그인 폼엘리먼트는 기본적으로 백엔드서버와 통신할때 쓴다. 인풋박스 안에있던 내용들을 키벨류값으로 주는데 그 키의 이름은 네임이된다. 쿼리스트링형태로 전달된다. value는 기본적으로 input에 넣을 값을 입력해준다. function submitHandler(e){ e.preventDefault() alert(`!!!`) e.target.submit() } const form = document.querySelector(`#loginForm`) console.log(form) form.addEventListener(`submit` , submi.. 2022. 11. 9. js2022-11-08 const btn = document.querySelector(`#btn`) const lottoDisplay = document. querySelector(`#lotto`) 엘리먼트들을 선택해서 가져온다. function lottoHandler(e) { lottoDisplay.classList.remove(`none`) } btn.addEventListener(`click`, lottoHandler) 이벤트 함수를 만들어준다. 이벤트명 `click` 함수 lottoHandler를 넣는다. 안쓰더라도 lottoHandler 인자값에 e를 넣는다. 현재 #lotto.none { display: none;}가 있다 lottoDisplay 를 선택해서 classList.remove(`none`)을해준다. 버튼.. 2022. 11. 8. 이전 1 2 3 다음
