City At Night

너무 급하게 마음을 먹지않고 천천히 공부하니 프론트딴에 재미가 들렸다. 요즘 회사에서도 틈틈히 공부를 하고 있지만 턱 없이 부족하다 ㅜㅜ footer까지 작성했고 이제 head를 작성할 차례이다. head는 내 블로그의 이름이 들어가고 이미지를 박아둘 수 있다. 사용차 관점에서 Header부분은 아주 중요하다. 만약 사용자가 내 블로그를 방문했다가 디자인이 너무 딱딱하고 보잘것 없다면 바로 창을 닫아버릴게 뻔하다. 사람을 처음 볼때 첫 이미지와 같은 느낌이랄까..? 1.Header 작성 [components/Header.js] import React from 'react'; import {Row,Col} from 'reactstrap' const Header = () => { return ( Read O..

우선 Middleware는 운영 체제와 해당 운영 체제에서 실행되는 응용 프로그램 사이에 존재하는 소프트웨어이다. 응용 프로그램이 운영 체제로부터 제공받는 서비스 이외에 추가적으로 이용할 수 있는 서비스를 제공하는 소프트웨어이다. 그럼 auth Middleware는 인증을 도와주는 소프트웨어이다. 전 포스팅에서 token이란걸 설명했다. 다시 간단하게 설명하면 사용자가 아이디와 패스워드를 입력하면 그 데이터가 서버로 전송이 된다. 서버는 DB에 저장되어 있는 아이디와 패스워드를 비교하여 일치하면 토큰을 사용자에게 날려준다. 사용자는 이 토큰을 가지고 인증을 필요로하는 서비스를 이용하게 된다( 글쓰기,회원검색등) 1. middleware폴더 생성, auth.js 파일 생성 server폴더안에 middlew..

필요한 환경을 설치하고 셋팅했으니 서버를 구동 시킬 차례다. 서버가 동작해야만 데이터를 주고 받고 할 수 있다. 이 포스팅은 싸플님의 MernStack 강의를 공부하며 작성하였습니다 1.필요한 폴더 및 파일 생성 우선 server에 필요한 모듈을 만들기 위해 server라는 폴더를 생성하고 그 안에 app.js 와 server.js라는 파일을 생성한다. 2. app. js 작성 import express from 'express' const app = express(); app.get('/'); export default app; server에 필요한 프레임워크 express를 불러와 변수명 app으로 express 인스턴스를 초기화한다. app.get('/')은 경로를 의미한다.( 자세하고 기초적인 문..