본문 바로가기

JavaScript4

6. 자바스크립트 함수 다루기 (함수선언방식, 파라미터, 아규먼트 등) 함수 선언 : function sayHi() {} 가장 기본적인 함수선언 방식 함수를 값처럼 활용하는 것을 함수 표현식이라고 한다. (const sayHi = function () {} 이런식으로 변수에 함수를 할당할 수 있음) 함수 선언 방식은 함수 선언 전에 함수를 호출해도 제대로 호출이 된다. (호이스팅이 나타난다) , 함수 선언 방식은 {} 안에 만들어도 전역변수처럼 활용된다. 함수 표현식은 선언 이전에 접근할 수 없고, {}안에 만들면 지역변수처럼 활용된다. 함수 내부에서 함수 자신을 사용하려고 하면 함수표현식에서는 반드시 기명 함수 표현식을 사용하는 것이 좋다. (기명 함수 표현식 : let countdown = function functionname(n) ) 즉시실행함수 IIFE (funct.. 2024. 1. 3.
4.이벤트(이벤트 핸들러, 이벤트 프로퍼티 등) 이벤트 핸들러 등록하기 .onclick 프로퍼티의 경우 기존에 있던 값들을 덮어쓰는 형태로 동작하기 때문에 오류 발생여지가 있음. const btn = document.querySelector("#mybutton"); function event1() { console.log("event1"); } function event2() { console.log("event2"); } btn.addEventListner('click',event1); btn.addEventListner('click',event2); addEventListner('이벤트타입',이벤트핸들러) 메소드를 통해 버튼을 클릭했을때 event1 과 event2 가 동작하는 것을 확인가능 btn.removeEventListner('이벤트타입',.. 2023. 12. 22.
3. 웹브라우저도 객체이다.(DOM, 노드, JS로 html,css 다루기) DOM(문서 객체 모델) = 웹페이지에 나타나는 html문서 전체를 객체로 표현한 것 document 객체가 웹문서의 최상단 객체로의 진입점 역할을 함. (window 객체는 전역객체로 모든 객체들을 포함하고있음 (전역객체) window.console.log() 가 원래 맞음) DOM tree = html에서 태그의 구조처럼 DOM도 document 객체를 최상위로 해서 window - document - html - head - meta - title - body - h1 - h2 이런식으로 똑같이 계층구조를 이룸 이것을 DOM tree라고 하고, Dom tree 안의 각 객체들을 노드라고 부름. 노드간의 관계에는 부모노드, 자식노드, 형제노드 등의 용어가 있고, 노드의 타입에는 태그를 표현하는 요소노.. 2023. 12. 21.
1. JAVASCRIPT 기초 자바스크립트 명령어들 let : 방만들기 console.log( ? ) : ?값 출력 function : 다양한 명령을 하나로 묶어서 사용할떄 씀. 반복해서 사용할떄 효율적 ex. function example () { console.log(); }; example(); function 함수 만들때 ()안에 파라미터만들수있음 , 파라미터의 기본값 설정 가능(출력시 값할당 안해주면 기본값으로 출력) ex. function examle (x,y) ex. function example (x,y,z=3) return 결과값 변경 , 함수호출 중단, 반환하는거(return 쓰지 않을경우 함수선언으로 undefined가 반환됨.) 기본적인 사칙연산 + - * / 외에 ** 거듭제곱 ex. 2**8 = 2의 8승 (.. 2023. 12. 21.