TIL_220128

nevermind·2022년 2월 3일
0

TIL

목록 보기
20/27

인프런 강의 ing..

1.JS event(jQuery 이용)

.on() / .click() / .ready() / .load()

로딩관련 method
.ready() : 이벤트는 클라이언트가 사이트를 방문할 때 요청한 HTML문서 객체의 로딩이 끝나면 이벤트를 실행한다.(웹문서 DOM)
.load() : 이벤트는 외부에 연동 소스(iframe, img, video 등)의 로딩이 끝나면 이벤트를 실행한다.(window 객체 외부 연결된 요소들 갖고오기까지)

2.함수

  • 중첩 함수: 함수 내부에 만들어 지는 함수(내부에 일반 구문, 새로운 함수 구문도 넣을 수 있음)
var a=10;
var b=20;
var c=30;
function outer_func(){
	var b=200;
    var c=300;
    function inner_func(){
    	var c=3000;
        document.write(a)
        document.write(b)
        document.write(c)
    }
    inner_func();
}
outer_func();
결과는? a=10, b=200, c=3000으로 가장 가까운 지역변수의 값이 들어간다.

1)리턴 값으로 중첩함수
    function hi(){
            //중첩함수가 있는 상태
            function hello(name){
                document.write(name + "님 안녕하세요.");
            }
            return hello;  //리턴값으로 중첩함수를 넘기고 있다.
        }

        //함수를 변수에 저장한 것이 아니고 hi()를 호출하고 그 리턴값으로 
        //중첩함수인 hello()함수를 받고 있는 것이다.
        var func = hi();  
        func("홍길동");   //hello("홍길동"); 동일하다.
	2) 
  • 함수 리터럴(함수를 변수에 저장)
    리터럴(literal)이란 그 자체로써의 의미를 지니는 값을 말한다.ex) 100, 이름,hi()대신 hi 등....
function hi(name) {
            document.write(name + "님 환영합니다.");
        }
        hi("홍길동");
        var fhi = hi;   //함수 리터럴--함수를 변수에 저장한 꼴
        fhi("임꺽정");
  • 매개변수 값으로 함수를 이용
 		//hi1() 일반적 함수이다.
        function hi1() {
            alert("안녕하세요!");
        }

        //exec()함수는 매개변수 값으로 함수를 받고 있다.
        function exec(func){   //func = hi1;와 동일하다.
            func();  //매개변수로 받은 함수를 호출하고 있다.
        }
        exec(hi1); //alert 창이 뜸
  • 함수 소개
    setInterval()는 window전역객체에 존재하며 타이머 함수의 일종(1초마다 "hi"출력하기)

사이트 소개
place-hold.it/300x300
300 X 300에 맞는 크기의 이미지 갖고옴

profile
winwin

0개의 댓글