27번 개발일지(대구AI스쿨 62일차)

학습한 내용

Javascript 9일차. 포트폴리오 웹페이지 만들기를 했다. 지금까지 배웠던 내용들이 총 출동했다.

학습소감

캐러셀을 만들면서 나왔던 코드인데 (function() {})(); 이런 구문이 있어서 찾아봤다. 이건 IIFE(즉시 작동하는 함수식)라고 부르는 구문이었다. addevent()가 호출이 되지 않더라도 함수가 실행이 되는 것이었다. findawayer님의 블로그

그리고 bind() 함수도 처음 봐서 찾아봤다.

사용 문법 : Function.bind(thisArg, [arg1, arg2, ...])
- thisArg this가 가리킬 객체를 지정
- [arg1, arg2 ...] 함수의 인자로 전달할 값

아래 함수에서는 prevBtn이나 nextBtn에 click 이벤트가 발생하면 translateContainer에 인자값 1이나 -1을 넣으라는 의미로 해석했다.

webisfree 사이트

    (function addevent() {
      prevBtn.addEventListener('click', translateContainer.bind(this, 1));
      nextBtn.addEventListener('click', translateContainer.bind(this, -1));})();