728x90 반응형 자바스크립트3 [인사이드 자바스크립트] 교재 정리 #4 함수와 프로토타입 체이닝(1) 자바스크립트에서 가장 중요한개념은 함수인데, 이에 대해서 알아보자. 4-1) 함수를 생성하는 방법 3가지 - 함수선언문 - 함수표현식 -funtion() 생성자 함수 4-2) 함수 리터럴 :함수명은 선택사항. 함수명이 없는경우 익명함수라한다. funtion add(x,y) { return x+y; } 4-3) 함수 선언문 방식 : 리터럴형태와 같지만 함수명이 반드시 정의되어있어야함. 매개변수의 타입은 적지않아도 됨. funtion add(x,y) { return x+y; } console.log(add3,4)); //출력값 7 4-4) 함수 표현식 : 자바스크립트에서는 함수도 하나의 값처럼 취급된다. 따라서 , 함수 리터럴로 하나의 함수를 만든뒤 변수에 할당하여 함수를 생성할수 있다. : 함수이름은 보통.. 2022. 5. 10. [바닐라 js로 크롬 앱만들기] 인강정리 (#5, #6) 목차 시계만들기 (일정간격으로 동작하도록하는 interval) 시계만들기 (자릿수를 채워주는 padStart()) 랜덤텍스트 (1이하의 랜덤한 소수를 만들어주는 Math.random()) 랜덤이미지 (html에서 요소를 새롭게 생성하는 createElement()) 1. interval :매번 일어나야하는 무언가. (ex. 2초마다), html 00:00 clock.js const clock=document.querySelector("h2#clock"); function getClock() { const date = new Date(); //console.log(`${date.getHours()}:${date.getMinutes}:${date.getSeconds`) clock.innerText = `${.. 2022. 3. 26. [바닐라 js로 크롬 앱만들기] 인강정리 (#4) #4강 (실습위주) 목차 id와 class document.getElementByid() input박스 버튼이 눌리는 이벤트추가해보기 div가 아닌 form을 사용해보자. submit은 새로고침되는 특징이있다. 새로고침하지않도록 submit조작하기 링크의 동작을 막는 조작하기 hidden을이용한 숨기기 스토리지 사용하기 1. document.querySelecor("#login-form") 버튼클릭시 이벤트 발생 -> 값을 입력하면 console에 찍히도록 추가 index.html Log in script.js //input과 button을 가져와봅시다. const loginForm = document.getElementById("login-form"); const loginInput = loginFor.. 2022. 3. 21. 이전 1 다음 728x90 반응형
