bluayer

서론 최근 코드 상의 여러 문제를 해결하기 위해서 적극적으로 디자인 패턴을 적용하기 시작했다. 작년만 해도 무분별하게 디자인 패턴을 사용해 왔었는데, 지금은 코드를 작성하고 나서 더 좋은 방법이 없었나 고민하는 하는 과정(보통 리팩토링 과정이긴 하다)에서 코드로 인해 발생할 수 있는 문제에 대해 생각한 다음 좋은 방법으로 알고 있는 디자인 패턴을 조금씩 적용해 나아가고 있다. 아무쪼록 최근에 코드를 작성하던 도중 특정 클래스를 살피다, 시스템 전체에서 해당 클래스를 통해 단 하나의 객체 인스턴스 만을 생성하는 것을 강제해야 함을 꺠달았고, 여러 Class에 공통적으로 적용해야 한다는 점을 깨닫게 되었다. 좋은 방법으로 싱글톤 패턴을 떠올리게 되었고, 적용하였다. 싱글톤 패턴이란 무엇인가? 싱글톤 패턴은 ..

Log.Develop/JS&TS 2020. 10. 6. 17:36

서론 이 포스트를 쓰게 된 계기는, 내가 원하는 저 조합(TS + Node.js + Express + Babel + eslint)으로 개발환경을 세팅했으며 이에 대해 잘 정리된 글을 생각보다 찾기 힘들어서다. 위의 조합으로 개발환경을 세팅하는 가장 강력한 이유는 TS(TypeScript)를 사용하고 싶기 때문이라고 생각한다. '정적 타입이 주는 안정감'이란 단어는 얼마나 HIP한 단어인가!! (안타깝게도 JS 개발자들에겐 HIP하게 느껴진다ㅠㅠ) 아무쪼록 저렇게 세팅을 해보도록 하자. (다만, 이 글은 Node.js + Express 세팅에 이미 익숙한 사람을 전제로 쓰여진 글이다.) 미리 보는 결론 결론은 매우매우 간단하다는 것이다. 1) tsconfig 생성 및 수정 2) eslint 설정 3) ba..

Log.Develop/JS&TS 2020. 7. 23. 13:08

서론 ES6에는 다양한 내용들이 새로 포함되었고, 유용한 것들이 많다. 그렇지만 사용 빈도로 순위를 매긴다면, 필자는 오늘 다룰 Arrow function이 다섯 손가락 안에 꼽힐 것이라고 확신한다. 또한, Arrow function을 그냥 단순하게 축약 문법이라고 생각하고 쓰기엔 생각보다 신경 써서 알아 둬야 할 부분들이 있다. (이 내용이 바로 this와 관련된 부분이다.) 아무쪼록, Arrow function에 대해 간단히 알아보자. 또한 this 키워드에 대해서도 간략히 알아볼 것이다. (솔직히 MDN 문서에 아주 잘 설명되어 있지만, 간단한 정리는 언제나 좋다.) ** 참고로 대부분 코드의 실행 결과를 접은 글로 첨부하였다. ** 실행 결과가 궁금한 분들은 참고하시길 바란다. Arrow func..

Log.Develop/JS&TS 2020. 4. 28. 14:38

서론 개인적으로 JavaScript(이하 JS)를 공부할 때 이해하기 어려웠던 내용을 뽑자면, 단연 이 글의 주제인 Closure와 IIFE라고 할 수 있다. 심지어 Closure와 IIFE, 이 두 가지 개념은 면접 단골 질문이라고 할 수 있다. (js 개발자 혹은 FE(Front-end) 개발자 면접에서 자주 나온다고 한다.) 위의 사진은 하단 참고 자료 3번에 있는 인터뷰 질문 정리 깃헙이다. (정말 좋다!!) (https://github.com/JaeYeopHan/Interview_Question_for_Beginner/tree/master/JavaScript) 이 인터뷰 질문 정리 내용에도 이미 있는 내용이지만, 필자 본인이 Closure와 IIFE를 좀 더 이해해 보자는 마음으로 이 글을 쓰게..

Log.Develop/JS&TS 2020. 4. 20. 23:08