본문 바로가기

전체 글

 (32)
2022-11-22 [새싹 프론엔드]고차함수,콜백함수,익명함수 콜백함수란? 1. 함수안에 매개변수로 들어가는 함수 2. 순차적으로 실행하고 싶을 때 사용한다. 3. 다른 줄에서 만든 함수도 콜백함수로 사용할 수 있다. (()안에 바로 함수명쓰고 사용해도된다) 4. 아무대서나 쓰이는것이 아니라 콜백함수가 필요한 함수들한테만 사용할 수 있다. setTimeout, addEventListener 예 )EventListener 같은 버튼을 "누르면 " 실행해주세요~ 와 같이 나중에 처리하고 싶을 때 콜백함수 만드는 법 콜백함수를 굳이 쓰는이유는 코드는 길어지는데 정확하게 함수명1 뒤에 함수명5가 오게하고싶을떄 안정적으로 매개변수로 값을줘서 편리하게 가져다 쓰면된다. 익명함수 사용법 대표적인 예시로 JS내부에 이미 만들어져있는 setTimeout함수로 예시를 들자면 해당함수..
[2022-11-21]새싹 프론트엔드 Event 이벤트 캡처링, 버블링, 타켓 캡처링이란? 이벤트가 자식(하위)요소로 전달되는 것 캡쳐링 효과를 사용한 부모요소 이벤트 자식에게 상속 위임 부모요소에만 이벤트를 걸어줘도 자식 요소가 그 값을 상속받는다. 버블링이란? 이벤트가 부모(상위) 요소로 전파되는 것 자식요소 이벤트의 상속과는 다르다. 자식요소의 이벤트가 작동하면 부모의 이벤트도 작동되는 것 버블링 효과로인하여 div.first가 부모요소임에도 자식요소의 click이벤트가 발생하면 부모인 div.first 도 작동된다. div.third 작동 -> div.second -> div.first 순서로 작동되며 거꾸로 작동시키고싶을떄 캡처링을 사용한다. div.first -> div.second -> div.third 순서변경가능(캡처링 사용) 버블링 효과 예시 버블링 -> 캡처링변..
[2022-11-17] break, continue 반복문 break 보통 무한 반복을 빠져나가기 위하여 사용한다. 어떤 조건식이 만족되면 더이상 반복문이 필요없고 식을 종료하고 싶은 부분에 break를 넣어준다 조건식(조건만족 ){ 행동한 후 break; } 조건식(true) - 조건식의 조건이 만족하면 break가 걸리고 다음이 true여도 작동하지않고다음식이 작동한다. 다음식 작동 //isNaN을 사용하여 숫자걸러주기 do { let input = prompt("암호를 대라"); if (!isNaN(input)) { alert("문자열로만 입력해주세요"); } else if (input != "you") { alert("오답입니다"); } else if (input == "you") { // input==you일떄 해당조건식의 문을 열고 들어와서 alert..

티스토리툴바