다시 초심으로 돌아갔다(눈뜬 장님이 된 기분)

pwa 의 service worker 학습한다고 아주 먼~ 후배들의 샘플들을 보다가 동일한 기능의 함수 정의 코드인데 잠시 멈칫했다.
15년동안 내가 아는 방식으로만 하다보니 몇년전에 접하고 아직 익숙치 않았던 arrow function 정의 문법에서 세대 차이를 느끼게 되었다. ㅜ.ㅜ
몇년전에 유튭으로 학습하긴 했는데 업무에서 사용할 일이 없다보니... 에효;;

self.oninstall = (e) => {
    console.log('service worker installed')
}
//oninstall 이벤트 함수를 정의하는데 아규먼트는 e라는 이벤트 객체다.
//그리고 함수 블럭의 정의는 괄호와 같다.

다음은 동일한 내용의 레거시 코드다.

self.addEventListener('install', function (event) {
    console.log('service worker installed');
});
//self element 의 addEventListener 함수를 통해서 install 이벤트를 등록할건데
//event 아규먼트를 넘겨받는 이벤트 함수 블럭의 내용은 괄호와 같다.

20년전에 처음 script 접하면서 익숙치 않은 프로그래밍을 배웠던 설렘(?)처럼 많이 부담스럽다.