Buang

프론트는 리액트로 백앤드는 Node.js로 해서 사용자가 입력한 두 개의 값을 출력하는 CURD 시스템 포트는 총 3000과 3001 2개를 사용했다. // import React, { useState, useEffect } from 'react'; import React from "react"; import './App.css'; // import Axios from 'axios' // 백앤드에 있는 걸 호출하기 위해 // movieName: movieName 작성 function App() { // const [movieName, setMovieName] = useState(''); // const [review, setReview] = useState(''); // const submitReview..

__dirname은 directoryname의 약자로 현재 파일의 (절대)경로를 의미한다. const express = require('express'); const app = express(); app.use(express.static(__dirname)); 만약 위와 같은 코드가 있고 해당 코드가 저장된 파일 이름이 study.js라 해보자. 위의 코드 파일(study.js)이 저장된 (절대)경로가 /Users/buang/study.js 라면 즉 Users라는 폴더 안으로 들어간 뒤 buang이란 폴더로 또 들어가야 study.js란 파일이 저장되어 있다면 __dirname은 현재 파일 이름인 study.js를 제외한 /Users/buang를 의미하게 된다. app.use(express.static(..

express가 뭘까? express는 서버를 구현할 수 있게 해주는 프레임워크다. 서버를 구현한다는 건 뭐고, 프레임워크는 또 무슨 소리일까? 일단 서버를 구현한다는 건 사용자가 naver.com이란 주소를 입력했을 때 naver 사이트 화면이 보여질 수 있도록 만들어 주는 걸 서버를 구현했다고 할 수 있다. 주소창에 아무거나 막 입력해보자. 가령 afsjdfiofwea.dsafad 이런 식으로. 결과로 어떤 화려한 사이트가 뜨진 않는다. 검색 결과가 없다고 한다. 우리가 naver.com을 입력했을 때 naver 사이트를 볼 수 있는 건 naver란 회사에서 서버를 구현해서 naver 사이트를 제작한 다음 사람들이 naver.com을 주소창에 입력했을 때 naver 회사에서 제작한 naver 사이트가..

http 모듈이란? http 모듈 사용방법 req와 res는 뭘까? http 모듈이란? A라는 사용자가 컴퓨터 주소창에 naver.com이라고 입력했다 가정해 보자. A 사용자의 행동은 'naver 사이트 좀 보여줘!'가 될 것이다. 이런 A 사용자의 요청(request)에 누군가가 응답해 줘야 한다. A 사용자의 요청은 Naver의 서버 컴퓨터가 받아서 A 사용자에게 naver 사이트를 보여주는, 즉 A 사용자의 요청에 응답(response)을 해준다. 만약 A 사용자가 naver.com이 아닌 daum.net처럼 다음 사이트 주소를 입력했다면 A 사용자의 요청에는 Naver 서버 컴퓨터가 아닌 Daum 서버 컴퓨터가 응답 해줬을 것이다. 이렇게 사용자(클라이언트)의 요청(request)에 응답(res..

1. 모듈의 정의 2. 모듈 사용 방법 1. 모듈의 정의 모듈은 프로그램 내부를 기능별 단위로 분할한 부분이다. 쉽게 말해 모듈은 '부품'이라고 보면 된다. 레고를 조립할 때 가로 5cm, 세로 10cm인 레고 부품과 가로 세로가 10cm 짜리인 납작한 레고 부품 등 서로 다른 크기와 모양을 가진 레고 부품을 이용해서 작품을 만드는 것처럼 프로그램이라는 작품을 만들 때도 모듈(부품)들을 조립해서 만들 수 있다. 보통 웹 서비스에서 공통적으로 사용되는 기능이 회원가입과 로그인, 그리고 게시판에 글쓰기 기능이 있다. 이런 기능을 모듈(부품)로 만들어 놓으면 내가 A라는 사이트를 만들 때 회원가입 부분 코드를 처음부터 작성하지 않고, 다른 사람이 만든 회원가입 모듈(부품)을 이용하면 쉽고 빠르게 회원가입 페이..

1. Node.js 정의 Node.js는 서버가 아니다. Node.js는 자바스크립트 런타임이다. 그렇다면 런타임은 뭘까? 런타임은 프로그램이 구동되는 환경을 뜻하는데, 간단히 말해 '실행환경'과 같다. 실행환경이란 말이 잘 와닿지 않을 수 있다. 실행환경을 바다, 혹은 공기라고 생각해보자. 물고기는 바다라는 (실행)환경 속에서 살아갈 수 있다. 사람은 공기라는 (실행) 환경 속에서 살아갈 수 있다. 자바스크립트의 경우 Node.js란 (실행)환경이 나오기 전엔 브라우저란 환경 속에서 살아갈 수 있었다. 위의 이미지는 console.log라는 자바스크립트 코드를 (크롬)브라우저에서 작성한 뒤 실행했을 때의 모습이다. 안녕 세상아!란 문자가 출력된 게 보일 것이다. 이렇게 자바스크립트가 돌아가는 (실행)환..

1. npm이 도대체 뭘까? 1-1. npm은 밀키트다. npm은 Node Packaged Manager의 약자로 Node.js로 만들어진 패키지(Packaged)를 관리(Manager)해주는 게 npm라고 한다. 혹시라도 Node.js에 대해 잘 모른다면 Node.js가 도대체 뭘까? 글을 참고하는 걸 추천하며 글을 읽는 분들께서 Node.js가 무엇인지 알고 있단 전제하에 내용을 마저 작성해 보겠다. npm이 Node.js로 만들어진 패키지를 관리해 주는 거라고 위에서 이야기 했는 데 이 말이 잘 이해가 안 갈 수 있다. npm은 '밀키트 관리자'라고 생각하면 쉽다. 오리훈제를 직접 만들어서 해 먹는 것 보단 밀키트처럼 이미 준비된 재료를 전자레인지에 돌리면 쉽게 음식을 만들 수 있는 것처럼 Node..