[THU] 2021-12-23 TIL

MINBOK·2021년 12월 23일

frontend

멋쟁이사자처럼

목록 보기

16/19

Git 명령어

git branch one : 브랜치 생성
git checkout one : one 이라는 브랜치로 들어감
git checkout one : 메인으로 돌아감
git push origin one : one 이라는 브랜치에 push
git merge one : one이라는 브랜치와 merge

😢 fork/pull request

Node.js

✨ Node.js 공식 문서
https://nodejs.org/dist/latest-v16.x/docs/api/index.html

✨Node.js 학습
https://nodejs.dev/learn

01. Node.js란?

: Javascript 런타임 (Javascript 실행기/실행 소프트웨어)

😢 REPL(Read, Eval, Print, Loop)

02. 모듈

2.1 모듈이란?
: 특정한 기능을 하는 코드 뭉텅이(변수, 함수, 클래스 등)

    2.2 모듈의 종류 (3가지)
         1. 사용자 작성 모듈
         2. 노드 내부 모듈 (설치 필요없음)
         3. 노드 외부 모듈 (설치 필요)

03. simple server

ctrl + shift + ` : VSC에서 터미널 열기
ctrl + c : 열린 서버 닫기
node 이름 : 서버 켜기
http://127.0.0.1:포트번호/ : url 접속해서 확인하기
(app.listen(포트번호);) : 포트번호 같아야함
상태코드 (ex.404)는 절대적인것은 아님
-> 보안을 위해 꼬아두기도 함

04. npm

다양한 모듈들을 모아놓은 곳
npm init --yes : package.json파일이 생성됨

05. import from

export : 밖에서 가지고 올 수 있음
import { } from './파일이름.js'; : 파일이름.js에서 정보를 가지고 올 수 있음
(= const 개인프로필 = require('./two');)
=> 실무에서 이렇게 사용할 가능성이 높다 (bc. 옛날 방식)

-- one

import {이름, 나이, 한살더먹음, 값가져와} from './two.js';

console.log(이름);
console.log(나이);
한살더먹음();
한살더먹음();
console.log(나이);
console.log(값가져와());

import * as 개인프로필 from './파일이름.js'; : 전체모듈(*)을 개인프로필이라는 이름으로 가지고 오겠다

-- two

import * as 개인프로필 from './two.js';
// const 개인프로필 = require('./two');

console.log(개인프로필.이름);
console.log(개인프로필.나이);
개인프로필.한살더먹음();
개인프로필.한살더먹음();
console.log(개인프로필.나이); //이번에는 출력이 되었죠?
console.log(개인프로필.값가져와());

* one과 two의 결과는 같음

05. Path(경로)

✨공식문서 참고
https://nodejs.org/dist/latest-v16.x/docs/api/path.html

console.log(`구분자 : ${path.sep}`); // 구분자 : \
console.log(`디렉토리 : ${path.dirname(__filename)}`); // 디렉토리: 파일주소
console.log(`파일이름 : ${path.basename(__filename)}`); // 파일이름 : app.js
console.log(`확장자 : ${path.extname(__filename)}`); // 확장자 : .js

console.log(__filename);
console.log(__dirname);
console.table(path.parse(__filename));
console.log(path.join(__dirname, 'source'))

join : 파일이나 디렉토리 합치기(자주 사용함)

console.log(path.join(__dirname, 'source')); 
console.log(path.join(__dirname, 'app.js')); // 사용하세요

console.log(__dirname+'/node'); // 사용하지 마세요. => 오류남

06. fs(file_system) 모듈

6.1 rename, 파일 이름 바꾸기

const fs = require('fs');

let 변수 = 'hodu' // 사용자 이름
let 날짜 = new Date()
fs.rename('./test.txt', `./${변수}${날짜.getMilliseconds()}.txt`, (err) => {
  console.log(err);
})

=> test.txt 파일의 이름이 호두36.txt로 변경됨

6.2 readFile, 파일 내용 읽어오기

fs.readFile('./test.txt', 'utf8', (err, data) => {
     console.log(err);
     console.log(data);
 })

=> test.txt 파일의 내용을 읽어옴

6.3 writeFile, 새 파일 만들기

 fs.writeFile('./test2.txt', 'hello world 2', (err)=>{
     console.log(err)
 });

=> hello world 2라는 내용을 가진 test2.txt 파일을 새롭게 생성함

6.4 appendFile, 파일안에 내용을 추가하기

 fs.appendFile('./test2.txt', 'hello world 3', (err)=>{
     console.log(err)
 });

=> test2.txt파일안에 hello world 3이라는 내용을 추가한다.
(줄 바꿈X)

❓ 만약 줄 바꿈을 원한다면

fs.appendFile('./test2.txt', '\nhello world 3', (err)=>{
     console.log(err)
 });

=> \n를 추가하면 내용이 줄 바꿈되어 추가된다.

✔ CRLF

\n (개행문자) : 줄 바꿈 처리
\w (ㅑㅑ문자) : 줄 바꿈 처리

6.5 copyFile, 파일을 copy해서 다른 파일 생성하기

 fs.copyFile('./test2.txt', './test3.txt', (err)=>{
     console.log(err)
 });

=> test2와 내용이 동일한 test3를 생성함

6.6 mkdir, 새로운 디렉토리 생성하기

fs.mkdir('./yoyo', (err)=>{
    console.log(err)
});

=> yoyo라는 이름의 새로운 디렉토리 생성

❗ 에러 발생 (-4058)
&nbserrno: -4058,
code: 'ENOENT',
syscall: 'rename',
path:
dest:

=> './test.txt'를 'test.txt'로 바꿔주면 정상작동함

07. http 모듈

const http = require('http'); // 모듈 가져옴
const server = http.createServer(function(req, res){
    res.write(`
    <!DOCTYPE html>
    <html>
    <head>
        <title>test</title>
    </head>
    <body>
        <form action="/" method="get">
            id : <input type="text" name='id_value'><br>
            pw : <input type="password" name='pw_value'><br>
            <input type="submit" value="login">
        </form>
    </body>
    </html>
    `);
    res.end();
});

server.listen(8080);

const http = require('http');
=> 모듈을 가져옴, http라는 변수로 http 모듈을 사용하겠다.

😢 const server = http.createServer(function(req, res)
😢 writeHead와 end는 세트

08. get/post

😢

get 방식: url에 찍힘, 127~url 입력은 get방식,
개인정보 get방식으로 받으면 안됨
bc. 터미널에 들어온 입력된 값이 찍힘,
post 방식: url에 안찍힘 => 입력된 값은 어디에...?

✨post관련 공식문
https://nodejs.org/ko/docs/guides/anatomy-of-an-http-transaction/

😢const querystring = require('querystring');
✨ 관련 블로그글
https://codedragon.tistory.com/2704
✨ 공식문서
https://nodejs.org/dist/latest-v16.x/docs/api/querystring.html

Q. 궁금

😢 fork/pull request
😢 REPL(Read, Eval, Print, Loop)
😢const server = http.createServer(function(req, res){ });
https://velog.io/@minbok/Node.js-http-%EB%AA%A8%EB%93%88
😢 get/post
😢 querystring
😢 메서드와 이벤트의 차이
😢 콜백함수