본문 바로가기

개발공부일지/NodeJS12

NodeJS - Ajax실제 작성예시 따라해보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 Ajax를 실제로 작성은 어떠한 방법으로 하는지에 대한 포스팅을 작성해보겠습니다. 또한, Ajax 에서 많이 사용되는 Method 및 외장 Module 에 대해서도 한가지 다루어 볼 예정입니다. ======= 1. Ajax 기본 구성하기 2. Ajax Method - Fetch 3. Ajax Module - Axios ======= 1. Ajax 기본 구성하기 Ajax를 작성하기 위해서 먼저 NodeJS 로 Express Web 서버를 기초적으로 구성해보겠습니다. 이러한 구초구성 코드는 별도의 설명은 생략하도록 하겠습니다. 또한 이번 포스팅에서부터는, Front-end, Back-end 구성을 나누어 작성을 할 예정입니다. 따라서, 그에 맞는 Module .. 2023. 1. 8.
Node.JS - CORS 에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 CORS 에 대해서 다루어 보도록 하겠습니다. 다음 포스팅에서 사용하고자 하는 AJAX 기능을 구현하기에 앞서, 이제 서버를 현재 시스템의 구조 형태로 설정을 할 예정입니다. 그를 이해하기 위해서는 CORS 가 반드시 알아야 하는 개념으로 이에 대한 개념을 먼저 학습할 예정입니다. ============== 1. CORS 란 무엇인가요? 2. CORS 의 출처 확인방법 3. 실제 Server 간 CORS 설정하기 예제 ============== 1. CORS 란 무엇인가요? CORS(Cross-Origin Resource Sharing) 은, 웹 페이지가, 타 도메인에 요청하는 것을 차단하는 보안기능입니다. 이는 타 사이트의 정보를 무단으로 가져오거나, 피.. 2023. 1. 4.
Node.JS - Async/Await 이해하기 안녕하세요. Hynn 입니다. 이전 Promise 포스팅에 이어서 , Async, Await Method 에 대한 학습을 이어서 진행해보도록 하겠습니다. Async 와 Await 함수는, 한 세트로 비동기 함수입니다. 이 비동기함수는 이전 포스팅에서도 이야기한 비동기식 구조로, JavaScript 기본적 동작인 동기식 구조와는 다르기도 합니다. 하지만 이 Async, Await 의 핵심은 문법에 나와있지 않아도, "암시적" 으로Promise 를 사용하여 결과를 반환합니다. 즉 Promise Object , 객체화가 되지만, 문법의 구조는 일반적인 동기 함수와 유사한 Function 입니다. ============= 1. Async/Await 이해하기 2. 읽기 좋은 코드란 무엇인가요? 3. 작동 예시 사.. 2022. 12. 23.
Node.JS - Promise Object 이해하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 본격적으로 실제 서버를 구현하기 위해, Promise, Async,Await 3가지의 대한 학습을 하고자 합니다. 이 3개의 객체는 한마디로 정의하자면, JavaScript 상에서 "비동기" 처리를 위한 Object, 즉 객체입니다. JavaScript 에 대한 이전 포스팅들을 보셨다면, 동기와, 비동기 개념에 대해서도 이해하고 있으시리라 생각합니다. 동기의 경우, JavaScript 의 특성인 Single Theard 처리 방식으로, 코드의 순서대로, 한줄씩 처리하는 그러한 개념이 아니라, Backgroud 영역으로 Code 를 보내서 이전의 Code 수행이 완료되지 않더라도, 코드를 처리하는 개념입니다. 이번 포스팅에서는 Promise 에 대해서만 다루.. 2022. 12. 23.
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.

티스토리툴바