꾸생의 DevLog

[HTML] Form 태그를 사용해 서버로 데이터 전송

태그 웹브라우저에서 서버로 데이터를 전송하기 위해서는 HTML에서 form 태그를 사용해야 한다. form 태그는 값을 다루는 태그들을 사이에 넣어주고 submit 타입의 input태그를 만들어주면 된다. 내용 전송 내용 태그의 데이터 전송 방법 두 가지 GET방식 주소에 전송하는 데이터를 보여준다. 전송 시 QueryString을 사용 사용자가 서버의 데이터를 가져올 때 사용 서버에 데이터를 삭제, 생성, 업데이트할 때 GET방식을 사용하는 것은 위험 위에 사진 처럼 전송하는 데이터 값이 주소에 노출됨 POST방식 사용자 입력값을 QueryString으로 전송하지 않음 눈에 보이지 않는 방식으로 전송 대용량 데이터도 전송 가능 사용방법 //get방식 //post방식

2021.01.19  

[HTML/CSS] 직접 만들어본 카드 오버 효과

카드 오버 효과 See the Pen 퀄리티 카드오버 효과 by junheeleeme (@junheeleeme) on CodePen.

2021.01.16  

Node.js 패키지 매니저 pm2 사용방법

Node.js NPM : PM2 패키지 메니저(NPM : Package Manager) : 소프트웨어를 생성, 설치, 업데이트, 삭제 등 관리해주는 프로그램 PM2 - Home Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance. pm2.keymetrics.io PM2 설치 명령어 ※ Mac OS 설치 명령어 sudo npm install pm2 -g 관리자 권한으로 설치하므로 비밀번호 입력 ※ Windows 설치 명령어 npm install pm2 PM2 시작 명령어 pm2 start app.js..

2021.01.14  

Nodejs 파일 목록 알아내기

Node.js File List var folder = './data'; var fs = require('fs') fs.readdir(folder, function(error, filelist){ console.log(filelist); }) fs.readdir 을 사용해 배열로 파일 목록을 불러와 사용 Node.js 패키지 매니저 pm2 사용방법 Node.js NPM : PM2 패키지 메니저(NPM : Package Manager) : 소프트웨어를 생성, 설치, 업데이트, 삭제 등 관리해주는 프로그램 PM2 - Home Advanced process manager for production Node.js applications. Load.. juni-official.tistory.com

2021.01.13  

[JS/JQ] 자바스크립트 배열

자바스크립트 배열 자바스크립트 배열(Array) x x x x x x x

2021.01.12  

Node.js 웹 404 Not Found Error 구현

Node.js - Not Found 404 Node.js로 404 Not Found Error를 표시하는 방법으로 url모듈을 사용하는 방법이 있습니다. url 모듈은 url의 정보를 객체로 가져와서 분석(parse)하거나, url 객체를 출력할 수 있는 문자열로 바꿔주는 기능을 수행합니다. url.parse(urlStr, [parseQueryString], [slashesDenoteHost]) [parseQueryString] - true : url 객체의 query 속성을 객체 형식으로 가져옴 - false : url 객체의 query 속성을 문자열 형식으로 가져옴 (주소 형식 그대로) var url = require('url'); var _url = url.parse('http://localhost..

2021.01.08  

Node.js 파일 CRUD(생성, 읽기, 수정, 삭제)

File System | Node.js v6.17.1 Documentation File System# File I/O is provided by simple wrappers around standard POSIX functions. To use this module do require('fs'). All the methods have asynchronous and synchronous forms. The asynchronous form always takes a completion callback as its last argumen nodejs.org Nodejs 공식 홈페이지에서 찾아보면 아래와 같이 설명되어 있다. 영어긴 하지만 정신줄 잡고 대략 사용 방법을 눈치껏 알아보자! 파일을 다루기 위해서는 ..

2021.01.04  

[HTML/CSS] 직접 만든 리스트 호버 효과

직접 만든 리스트 호버 효과 PC See the Pen Hover effect for li list by junheeleeme (@junheeleeme) on CodePen. Mobile See the Pen Hover effect for li list (Mobile ver) by junheeleeme (@junheeleeme) on CodePen. CSS의 가상 선택자 Before를 사용하여 hover 효과를 주었습니다.

2021.01.01