전체 글16 프론트엔드 개발환경 - Node.js가 필요한 이유 1. Introduction 현대 프론트엔드 개발환경을 설정하다보면 Node.js를 필수적으로 접하게 됩니다. Node.js를 js로 빌드하는 백엔드 프레임워크로 알고계신 분이라면, 왜 프론트엔드 개발환경에 백엔드 프레임워크가 필요한지 의아하실 수도 있을 것 같네요. 오늘은 Node.js, npm을 기반으로한 프론트엔드 개발환경에 대해서 간략하게 알아보고자 합니다. 2. Definition - Node.js란? 공식 사이트(https://nodejs.org/ko)에서는 Node.js에 대하여 간결하게 정의하고 있습니다. Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. js는 '스크립트' 언어이고 이를 해석해서 실행시켜줄 환경이 별도로 필요합니다. .. 2023. 6. 24. Adapter(How slf4j works?) 어댑터라는 단어를 들으면 저는 제일 먼저 일명 '돼지코'(110v 변환기)가 떠오릅니다. 외국에 처음 나갔을 때 우리나라와 다르게 생긴 콘센트 모양을 보고 큰 충격에 빠졌고, 심지어 사용하는 전압이 다른 것을 보고 크게 당황했던 기억이 있네요. 다른 친구가 돼지코의 존재를 알려줘서 다행히 가져갔던 전자기기를 무사히 쓰다가 돌아왔답니다. 오늘 다루어볼 네번째 디자인 패턴, 어댑터(Adapter) 패턴은 이러한 상황에서 활용할 수 있는 디자인패턴입니다. * Adapter - 다른 전기나 기계 장치를 서로 연결해서 작동할 수 있도록 만들어 주는 결합 도구 1. Definition The adapter pattern convert the interface of a class into another interfa.. 2022. 5. 7. Decorator 자바에서 파일 입출력을 구현할 때를 생각해봅시다. 아래와 같은 예제 코드를 많이 찾아볼 수 있습니다(비교를 위해 Reader Type으로 선언하였습니다). try (Reader reader = new BufferedReader(new InputStreamReader(new FileInputStream("file path"), "UTF-8"));) { // read files.. } catch (Exception e) { throw e; } 파일 입출력 기능을 구현할 때 왜 이런식으로 한 객체의 인스턴스를 다른 객체 생성자의 인수로 던지는 방식의 코드를 사용할까요? 이러한 질문에 답을 줄 수 있는 세 번째 디자인 패턴, 데코레이터(Decorator) 패턴에 대해서 알아보고자 합니다. * Decorator?.. 2022. 3. 15. Observer 소셜 미디어(facebook, twitter)등을 사용해본 경험이 있나요? 팔로우한 사람이 게시글을 등록할 때마다 자동으로 알람이 오는 것은 어떻게 만드는 걸까요? 다른 예시를 들어보자면, Javascript에서 이벤트에 대한 처리는 주로 아래와 같이 구현을 합니다. 어떻게 작동하는 걸까요? window.onload = function() { // do something on load }; 이러한 질문들에 답을 줄 수 있는 디자인 패턴 두 번째, 옵저버(observer) 패턴에 대해서 알아보고자 합니다. * observer ? - a person who watches or notices something - a person who follows events, especially political ones.. 2022. 3. 2. 이전 1 2 3 4 다음