본문 바로가기

javascript25

Node.js - Express,Nunjucks 를 이용해서 기본 웹 서버 만들어보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 Node.js 에서 Express/Nunjcks 를 사용하여 기본 웹 서버를 만들어보도록 하겠습니다. 이제 각 내장객체 등을 이용해서, 동작하는 방식에 대해서도 같이 설명을 드리면서 작성해보도록 하겠습니다. 여기서 등장하는 Express, Nunjucks 모듈이 어떠한 역활을 하는지, 어떠한 모듈인지에 대한 정의와 함께, 이를 실제 사용하여, 기초적인 웹 서버를 동작하도록 코드를 작성해보도록 하겠습니다. ============== 1. App Application Framework 란? 2. Express 란? 3. Nunjucks 란? 4. Node.js 와 Express,Nunjucks 를 활용하여 기본 웹 서버 작성해보기 ============== 1.. 2022. 12. 23.
Node.JS - 기초 개념 이해하기 안녕하세요. Hynn 입니다. 코로나19 바이러스 감염 이후, 후유증에 정신을 차리지 못해 업데이트가 늦었습니다. 이번 포스팅에서부터는, JavaScript 에 이어서, NodeJS 라는 Program 에 대한 설명을 드리고자 합니다. 여기서부터는 실제 개발 이후에, 구동도 직접 해볼 수 있는 단계가 되었습니다. NodeJS 에 대해서 알아보도록 하겠습니다. ========================= 1.1. Node.js란 ? 2. Node.js 설치하기 3. 기본 실행명령/패키지 4. Node.js 내장 객체 ========================== 1. Node.js란 ? NodeJs 는 쉽게 한줄로 설명하자면, "JavaScript" 를 실행해주는 Program 입니다. 대표적으로 Ba.. 2022. 12. 19.
JavaScript - Array Function ( ForEach, Filter, Some, map, reduce) 안녕하세요. 이번 포스팅에서는 이전 포스팅에서 예고한대로, Array Function Method 에 대해서 설명하고자 합니다. 각각의 순서에 따라 설명을 할 예정이며, 이는 For 문과 일부 흡사하면서도 다른 함수 메소드 입니다. 한가지씩 차근차근 알아보도록 하겠습니다. =========== 1. ForEach 2. Filter 3. Some,every 4. Map 5. Reduce =========== 1. ForEach forEach 의 경우, Callback 함수와 유사하게 동작합니다. 하지만 몇가지의 특징이 존재하는 forEach 문은 사용시 주의를 요하는 함수이기도 합니다. 먼저 기본적인 사용예제를 작성해보도록 하겠습니다. const arr = [1,2,3,4,5,6,7,8,9,10,11,12.. 2022. 11. 22.
JavaScript - 고차함수에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 고차함수 (Higher-Order-Function) 에 대해서 포스팅해보도록 하겠습니다. 더블어 다음 포스팅에서는 고차함수에 적용되는 Method 까지 하여, 2개의 포스팅으로 나누어 작성할 예정입니다. ========== 1. 고차함수란 ? 2. 퍼스트클래스 함수 3. 고차함수 작성예제 ========== 1. 고차함수란 ? 고차함수(Higher-Order-Function) 은, 함수를 인자값으로 받거나, 함수를 반환하므로써, 작동하는 함수를 말합니다. 즉 함수를 작성했는데, 인자값이 함수이거나, return 값이 함수인 것을 뜻합니다. 이는 코드작성시에 조금 더 간결하게 작성할 수 있고, 결과물 자체에도 함수가 적용되므로, 적용된 값만 변경이 되면, 출.. 2022. 11. 21.
JavaScript - setTimeout , setInterval 에 관하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 setTimeout, setInterval 두개의 method 에 대해서 학습해보도록 하겠습니다. 보통 웹 페이지에서 여러분들이 보시는 컨텐츠들 중에 일부 컨텐츠들은, 몇초마다 화면이 바뀌거나, 내용이 새로고침 되는듯한, 그러한 컨텐츠들은, 대다수가 위 두가지의 Method 에 의해 동작될 확률이 높습니다. 하지만 두개로 나뉘어진 만큼, 각각의 차이가 존재합니다. 그 차이와 사용법에 대해서 설명해보도록 하겠습니다. ========== 1. setTimeout 2. setInterval 3. 예제 작성해보기 ========== 1. setTimeout 먼저 이 Method 는 말그대로 일정시간 이후에 동작하도록 하는 기능을 가지고 있습니다. 이 함수의 구성은.. 2022. 11. 14.
JavaScript - 삼항연산자에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅과, 다음 포스팅에서는 이전에 동기/비동기 설명에서 잠시 다루었던, 삼항연산자와 setTimeout, setInterval 에 대해서 설명드리도록 하겠습니다. 간단한 내용일수도 있지만, 복잡한 내용이 될 수도 있는 두개의 항목인지라, 이번 포스팅에서는 삼항 연산자부터 다루도록 하겠습니다. ============ 1. 삼항연산자란? 2. If 문과 삼항연산자 작성의 차이 ============ 1. 삼항연산자란? 삼항연산자, 조건부 연산자라고도 불리우며, 이 삼항연산자의 기본적인 사용틀은 "If" 문의 그것과 거의 동일합니다. 하지만 If문과 삼항연산자는 상황에 따라서 분명히 쓰임이 좋은 방향이 분명히 별도로 존재하기 때문에, 개별적으로 나뉘어 있다고 할 수 있습니.. 2022. 11. 14.