foryou 코딩

모듈을 이용한 프로젝트 파일 구성 index.js 에 라우팅 소스 및 여러 모듈들이 함께 있다 보니 소스코드의 가시성이 매우 떨어집니다. 이처럼 비슷한 기능을 하는 것 들을 하나의 파일로 묶에서 모듈로 만들 수 있습니다. 이전 글에서 모듈에 대해서 잠깐 알아 보았습니다. 2020/10/09 - [dev/node.js] - node.js 맨땅 개발하기(4) - module node.js 맨땅 개발하기(4) - module mod·ule 모듈, 교과목 단위(특히 영국 대학에서 한 교육 과정의 일부가 되는 단위) 모듈(특정 기능을 하는 컴퓨터 시스템이나 프로그램의 단위) 모듈, 조립 부품(기계·가구·건물 등을 구성하는 규 askforyou.tistory.com routes -> controllers -> se..

mod·ule 모듈, 교과목 단위(특히 영국 대학에서 한 교육 과정의 일부가 되는 단위) 모듈(특정 기능을 하는 컴퓨터 시스템이나 프로그램의 단위) 모듈, 조립 부품(기계·가구·건물 등을 구성하는 규격화된 부품) 출처: 모듈이란 특정기능을 하는 프로그램 단위로 함수나 파일을 구성하는 단위라고 보시면 됩니다. 우리는 그동안 이미 여러가지 모듈 express, body-parsor 등 node.js 의 npm, 을 통해서 모듈들을 다운로드 하여 사용하는 법을 배 웠습니다. node.js 를 설치하면서 이미 함께 설치된 것을 내장모듈 이라고 하고 npm 이나 개인이 만들 모듈들은 외장모듈이라고 합니다. 이처럼 모듈을 만들고 사용하는 방법에 대해서 알아보려고 합니다. 1. 모듈 불러오기 require 라는 키워..

mariaDB 를 설치합니다. 설치 방법 참고 2020/10/08 - [dev/database \ sql] - mariaDB 설치 가이드 for windows maridDB 관련한 자세한 문서 및 사용법은 사이트 참고 바랍니다. 1. maridb Connector 이용 mariaDB 를 이용하기 위한 npm 모듈을 설치해 줍니다. >npm install maridb --save 설치한 npm 모듈을 require 한 후 연결정보를 설정합니다. var mariadb = require('mariadb'); const pool = mariadb.createPool({ host: '127.0.0.1', port: 3308, user: 'root', password: 'xxxxx', connectionLimit:..

어디에서 시작된것인지 요즘 몇몇 사이트들이 개발자 콘솔창에서도 사이트에 대한 메시지 노출을 하기 시작하네요. 얼마전 우연히 쿠팡사이트를 열어보다 발견했었는데 티스토리도 크롬 개발자 콘솔창을 열어서 확인해보니 TISTORY 를 큼지막하게 노출하고 있네요. 쿠팡 확인 방법 크롬브라우저 에서 F12 키를 누르면 개발자 도구가 나타납니다. 개발자 도구 상단의 Console 탭을 클릭하여 이동 한 후 페이지가 새로 열릴때마다 보입니다.

파일 업로드 작업시 자꾸 찾아보게 된다. [대용량 업로드 설정 하기] [asp.net core] 대용량 파일 업로드 사이즈 설정 (with IIS web.config 설정하기) asp.net core, iis 에서 기본적으로 업로드 사이즈를 제한하면 사용하는 버전에 따라서 크기가 제한될수 있습니다. Asp.Net Core 설정 // Startup.cs // ConfigureServices()에 추가 services.Configure(options => { // 500 MB askforyou.tistory.com asp.net core3.1 IFormFile 인터페이스 형식으로 form으로 파일 데이터를 전달 받게 된다. 나머지는 웹폼이나 mvc 등 파일 업로드 구조는 비슷하다. Welcome 업로드 [H..

진행하던 업무에 파일업로드 관련해서 UI 가 조금 변경을 하게 되었습니다. 검색을 해보니 많은 분 들이 dropzone 에 대해 많은 게시 글과 칭찬을 보게 되어 dropzone 훑어 보았습니다. https://www.dropzonejs.com/ Dropzone.js dropzone.js DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable. Scroll down! www.dropzonejs.com 보시다시피 usage..

Express에서 GET / POST 요청 받기 1. GET 요청 ​ Get 요청을 위한 /public/mail.html 파일을 만듭니다. Email : public 디렉토리를 static 으로 지정하여 http://localhost:8001/mail.html 으로 접근이 가능합니다. 또는 라우팅을 등록하여 .http://localhost:8001/mail 로 접근도 가능합니다. app.get("/mail", function(req,res){ res.sendFile(path.join(__dirname , "/public/mail.html")); }) 응답을 받을 get 에대한 라우팅 "/send" 코드를 입력합니다. app.get("/send", function(req,res){ var email = r..

1. 정적(Static) 파일 서비스 일단 정적파일이란, js, css, image 등 값이나 데이터가 변하지 않는 파일들을 의미하며 Express 에서 웹에 정적파일을 서비스하기 위해서는 static 이라는 메소드를 이용합니다. app.use(express.static('public')) 이는 public 이라는경로의 파일은 모두 서비스를 제공하게 됩니다. /public/js 디렉토리를 만들어 주고 js 디렉토리에 main.js 파일을 생성합니다. localhost:8001/public/js/main.js 로 접근을 하게 되면 파일을 찾지 못하고 404에러가 발생합니다. 해당 정적 파일들을 서비스 하기 위해서는 이처럼 static 경로로 지정해야 지정된("/js") 경로로 서비스를 할 수 있습니다. a..

1. Express.js 를 이용한 웹 사이트 만들기 Express.js 는 nodejs를 위한 웹 프레임워크 모듈입니다. Express.js 를 이용하면 간단히 웹서버를 만들 고 웹 사이트 개발을 쉽게 할 수 있습니다. 자세한 내용은 홈페이지 참고 https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com Express 모듈을 설치해줍니다. >npm install express --save express 를 설치 하고 나면 프로젝트 폴더에 node_modules 라는 package 모듈들이 설치가 되고 package.jso..

1.Node.Js 설치 와 개발환경 구성 ​ node.js 는 javascript 런타임 으로 클라리언트에서만 사용하던 javascript 를 이용하여 브라우저 밖의 서버측에서 실행 할 수 있게 되었습니다. 자세한 설명은 위키나 지식백과 참고 https://ko.wikipedia.org/wiki/Node.js https://terms.naver.com/entry.nhn?docId=3580502&cid=59088&categoryId=59096 node.js 를 이용하게 위해서는 가장먼저 node.js 를 설치 https://nodejs.org/ 에서 환경에 맞는 버전으로 설치 node.js 설치가 완료 되었으면 아래와 같이 "node" 를 입력하면설치된 버전이 표시됩니다. ​ node.js 를 개발하기위한..