I'm sw engineer!

콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되고 나중에 파라미터로 넘어온 함수가 호출된다는 것에서 콜백Callback)함수라고 한다. 콜백함수는 필요에 따라 즉시 실행할수도 나중에 실행할 수도 있다. 파라미터로 넘길 때 함수의 이름만 넘겨주면 된다. 예 ) function add(x, callback) {let sum = x + x; console.log(sum); callback(sum); } 출처 : https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%..

사용자가 브라우저를 통해 웹사이트를 접속하면, 서버로부터 HTML, CSS등 웹사이트에 필요한 리소스를 다운 받는다. 브라우저가 페이지를 렌더링하려면 먼저 HTML코드는 DOM, CSS는 CSSOM트리를 생성해야 한다. 1-1. DOM 트리 생성 - 변환 : 브라우저가 HTML의 원시 Byte를 읽어와서, HTML에 정의된 인코딩( UTF-8 )에 따라 개별 문자로 변환 - 토큰화 : 브라우저가 문자열을 W3C표준에 지정된 고유 토큰으로 변환 - 렉싱 : 방출된 토큰은 해당 속성 및 규칙을 정의하는 "객체"로 변환 - DOM 생성 : 마지막으로 HTML 마크업에 정의된 여러 태그 간의 관계를 해석해서 트리구조로 연결 브라우저는 HTML 마크업 처리를 할 때마다 위의 모든 단계 수행 1-2. CSSOM 트..

e. 은 이벤트 객체를 말한다. preventDefault()를 사용하면 태그가 가지고 있는 고유의 동작들을 중단시킨다. 예를 들어 a 태그는 href 로 설정된 주소로 이동을하게되고, submit 태그는 form안에 input 을 전송하고 페이지를 reload한다. $("a").click(function(e){ e.preventDefault(); alert("e.preventDefault()"); }); 이렇게 코드를 작성하면 href 주소로 이동하지 않고 경고창에 e.preventDefault() 이 뜬다.

history.pushState 는 페이지 리로드 없이 주소만 변경할 때 사용한다. (브라우저의 뒤로가기 버튼이 활성화 됨 ) 브라우저 페이지를 이동하게 되면 window.onpopstate 이벤트가 발생하게 된다. pushState를 했을 때는 popstate 이벤트가 발생하지 않고, 뒤로 / 앞으로 가기를 클릭 했을 때 popstate이벤트가 발생하게 된다. pushState와 popstate를 이용하여 SPA의 페이지 전환을 구현할 수 있다. history.pushState( state, titile, url ); state : 브라우저 이동 시 넘겨줄 데이터 title : 변경할 브라우저 제목 ( 변경하지 않으려면 null ) url : 변경할 주소