본문 바로가기

nodejs10

Project - React 를 사용한 SPA 홈페이지 구축 안녕하세요 Hynn 입니다. 오랜만에 작성하는 블로그 게시물이 되었습니다. 지난 기간동안, 개인적 학습결과물을 이용해, React 를 이용한 SPA 홈페이지 구축을 프로젝트로 진행했습니다. 3인에서 진행하는 프로젝트였고, 다양한 API 와 Library 및 배포환경에 대한 공부를 하면서 진행했습니다. 프로젝트에서 구현하고자 한 점은, OTT 서비스의 대한 쉽게 볼 수 있는 요금제와 각 특징, Youtube 의 경우, 해외 요금제와 원화를 비교하여, 현재 각 국가별 환율을 적용하여 일자별로 비교할 수 있는 서비스, 다인사용이 가능한 요금제의 경우, 쉐어를 할 수 있는 모집 게시판을 간단하게 구축하고자 했습니다. 간략하게 소개하고, 어떠한 점들을 중점적으로 다루었는지 작성해보도록 하겠습니다. ========.. 2023. 4. 17.
Project 3 - NodeJs/Express 를 이용한 Mini-Project 안녕하세요. Hynn 입니다. 이번 포스팅에서는 수강하는 학원내에서 3명이 한 조를 이루어, 한가지 조그마한 프로젝트를 진행한 결과물과, 그에 대한 간략한 설명을 위한 포스팅을 작성하게 되었습니다. 처음에는 사진 커뮤니티를 지향하는 페이지를 구성하려고 했지만, 욕심이 욕심을 낳고, 스노우볼이 굴러가고... 더군다나 제 부모님으로 인한 가족여행 일정때문에, 어쩔수없이 1주간 자리를 비우는사태도 발생해서.. 다른 조원에 비해서 다소 완성도가 떨어져서, 팀원들에게 죄송한 마음이 컸습니다. 하지만, 남은 기간 열심히 달려서 완성을 하게되었고, 배포까지 완성하게 되어, 그에 대한 회고를 간단히 작성해볼까 합니다. 그럼 시작해보겠습니다. =========== HTML 삽입 미리보기할 수 없는 소스 =========.. 2023. 2. 22.
NodeJS - File Upload 처리하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 NodeJS 환경에서 파일을 업로드하고 이를 처리하는 기초방법에 대해서 알아보도록 하겠습니다. 이를 위해 NPM Module 한가지를 새롭게 사용할 예정입니다. 파일 업로드 기능을 추가하면 이제 우리가 일반적으로 알고 있는 웹 사이트의 형태를 갖추어 나간다고 할 수 있겠습니다. 시작해보겠습니다. ========== 1)Single 3)Multiple 3. JavaScript 구성하기 1) Storage 설정하기 2) Limits 설정하기" data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 ========== HTML 삽입 미리보기할 수 없는 소스 먼저 이를 위해서는 NPM Module 을 하나 사용해야 합니다. 새롭게 다 짜기에는.. 2023. 1. 25.
NodeJS - JWT Login Back-end Example 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JWT 기능을 포함한 Login 기능을 BackEnd 에서 구현하는 예제를 작성해보도록 하겠습니다. 또한, Design Pattern 에 기반하여 파일을 작성하는 순서도 역시 같이 진행할 예정입니다. 바로 시작해보겠습니다. ================= 2) Server.js 2. DB 연결을 위한 Configuration 파일 구성하기 3) Models/index.js 설정 완료하기 4. Server.js 에 Sequelize 실행 code 추가하기 1) Repository 3) Controller 5) Router " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 ================= HTML 삽입 미리보기할 .. 2023. 1. 19.
NodeJS - JWT (JSON Web Token) 기초 및 개념 이해하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 로그인 기능을 완전히 구현하기 위해 JWT 에 대해서 학습하고자 합니다. 이전의 미니 프로젝트에서는 Token 을 이용해서 로그인 기능을 구현했었습니다. 하지만 실제 Token 을 그대로 사용하기에는, 보안상의 취약점이 분명히 존재합니다. 이를 해소하기 위한 JWT 기능에 대해서 알아보기 ========== 1. JWT 개념 이해하기 2. JWT 기본 적용사항 알아보기 3. 실제 코드 예제 작성해보기 ========== 1. JMT 개념 이해하기 JMT, 즉 JSON Web Token 은, 기존의 Cookie, Session 같은 기술을 대체하는 새로운 기술은 아닙니다. 기존의 HTTP통신의 4way Hand-shake 의 통신은 TCP 통신에서 3way .. 2023. 1. 17.
NodeJS - .ENV 를 이용해 환경변수 관리하기 (DOTENV) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 환경변수를 관리하는 NPM Module 에 대해서 알아보도록 하겠습니다. Local 에서 관리하는 Javascript File 에서는 DB 의 대한 ID/Password 뿐 아니라, 다양한 정보가 저장되어 있을 수 있습니다. 혹은 Host, Port 같은 정보도 존재합니다. 이를 관리하기 위해서 DOTENV 라는 NPM Module 를 활용하여 이러한 환경변수를 생성,관리하는 방법에 대해서 알아보도록 하겠습니다. =============== HTML 삽입 미리보기할 수 없는 소스 =============== HTML 삽입 미리보기할 수 없는 소스 환경변수 관리를 위한 "DOTENV" 를 먼저 설치해야 합니다. NPM Install 은 아래의 명령어를 사용해.. 2023. 1. 10.

티스토리툴바