210113_TIL (ESLint로 리팩토링하기, Node.js로 알람봇 만들기)

🍎 오늘 한 일

---

✔️ ESLint
어떤 규칙을 정해서 그 부분에 수정할 사항이 생기면 도와주는 ESlint를 설치하고, 공식 문서를 참고해 다양한 옵션을 줘보면서 어떤게 나에게 맞는지 확인했다. 빨간줄이 많은게 보기 좋지 않은 것 같아 검사 조건을 최대한 완화시켰다.

✔️ HA 리팩토링
지난 주에 풀었던 HA 문제들을 페어분과 함께 리팩토링하는 시간을 가졌다. 서로 코드를 비교해보면서 비교해 볼 수 있었는데, 페어분과 다른 방식으로 접근한 문제가 많아서 재밌게 진행했던 것 같다. 구조 분해 할당, Spread Operator, 화살표 함수, for of 문 등 ES6문법을 최대한 적용해보려고 했다. 다른 것들은 그래도 (ES6 문법인줄도 모르고) 많이 사용해 비교적 익숙했는데, 구조 분해 할당은 이번에 처음 알게되었다. 그래서 어떻게라도 써보려고 페어분과 다양한 시도들을 해본 것 같다.

✔️ Node.js로 슬랙 알람봇 만들어보기
요새는 계속 문서만 보면서 공부하다보니 머리도 눈도 아파서.. 적당히 딴짓(?) 할만한게 없나 하다가 슬랙에 알람봇을 만들 수 있다고 했던 말이 갑자기 떠올라서 찾아보게 되었다. node.js로도 만드는 방법도 있어서 도전해봤는데 slack모듈도 있고, node-scheduler라는 스케쥴링과 관련된 모듈도 있어서 생각보다 간단하게 만들 수 있었다. 슬랙에서 API 토큰도 발급받아 입력해주니까 실제로 슬랙에도 메세지를 보낼 수 있게 되었다. 자꾸 출퇴근 찍는걸 까먹는 나에게 정말 필요하던걸 만든 것 같아 뜻밖의 뿌듯함도 얻었다ㅠㅠ 좀 더 찾아보니 추가할 수 있는 다른 기능들도 많아서 주말에 시간이 남는다면 기능을 추가해보도록 해야겠다.! (+ 민정님이 귀여운 프로필 사진까지 만들어주셨다 감사합니다👏👏👏)

 

 

🍎 기억할 것

---

✔️ bind
이벤트 핸들러를 만들 때, handleClick(thisArgs) 와 같이 쓰면 핸들러 함수가 바로 실행된다. bind는 '함수'를 반환하기 때문에 함께 붙여서 사용하면 핸들러 함수가 비동기적으로 실행될 수 있게 만들어준다!

✔️ setTimeout
setTimeout은 시간 지연을 일으켜 함수를 '비동기적'으로 실행시키는 함수인데, 이 함수는 \ 항상 전역 객체(window)를 this 바인딩한다. 즉 setTimeout 안에서는 this가 전역객체를 가리킨다는 말이다. 그리고 전역 객체를 가리키게 되는 시점은 setTimeout함수 안에서 어떤 함수가 호출되는 순간이다. ( = setTimeout안에서 함수가 호출되면, this값이 전역으로 바뀌게 된다 )

 

🍎 더 공부할 것

---

✔️ 지금까지 배운 Javascript로 웹크롤링해보기
✔️ 개발자 도구
✔️ 바인딩