웹6 [ 블로그 TIP ] 티스토리에서 핫한 hELLO 스킨 적용해보기 안녕하세요! 미래문입니다! 오늘은 티스토리에서 매우 핫한 커스텀 스킨인 hELLO 스킨을 적용하는 과정에 대해서 포스팅 해보겠습니다. 블로그를 제대로 운영해보려고 맘먹은지 얼마 지나지 않은 지금, 저는 제 블로그를 둘러보면서 기본스킨이 적용된 모습에... 자꾸만 신경이 쓰였습니다. 뭔가 블로그가 정적이라고 해야할까요, 글을 보는 맛이 제가 느끼기에도 안나네요 -_- 그.래.서! 큰 맘을 먹고 티스토리에서 그렇게 핫하다는 hELLO 스킨으로 갈아타기로 결정했습니다! 그럼 그 과정을 한번 시작해볼게요! 1. 스킨 다운로드 스킨은 제작자이신 정상우님의 티스토리 블로그에서 다운로드 받으실 수 있어요! 밑에 있는 링크에 가셔서 스킨을 다운로드 받으시면 됩니다! https://pronist.tistory.com/5.. 2022. 10. 6. [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 2 - 정리하기 이전 포스트 보러가기 [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 1 Create React App은 Node 모듈 중에 하나로서, 글로벌 옵션을 통해 글로벌 모듈로 설치하면 언제 어디서든지 콘솔창에서 create-react-app 명령어 실행을 통해 쉽게 react앱을 시작할 수 있습니다. cmd 을 열 futuregate.tistory.com 이전 포스트에 이어서, CRA로 만든 프로젝트를 조금 다듬어 보겠습니다. CRA 로 프로젝트를 생성하고 막 시작하면, 아래와 같이 미리 만들어진 예제가 있습니다. 하지만 보통 프로젝트를 시작하면, 빈상태로 시작하는 것이 편할 때가 있습니다. 그러므로 CRA로 만들어진 몇몇개의 파일들은 삭제하거나 수정할 필요가 있는것.. 2019. 1. 30. [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 1 Create React App은 Node 모듈 중에 하나로서, 글로벌 옵션을 통해 글로벌 모듈로 설치하면 언제 어디서든지 콘솔창에서 create-react-app 명령어 실행을 통해 쉽게 react앱을 시작할 수 있습니다. cmd 을 열고 (디렉터리는 상관없습니다.) 다음 명령어를 입력합니다. npm install -g create-react-app npm install 에서 -g 옵션은 글로벌 옵션으로, 이 옵션을 사용하여 모듈을 설치하면 어떤 디렉터리 에서든지 해당 모듈을 사용할 수가 있습니다. 설치를 마쳤다면 프로젝트를 만들 디렉터리에 가서 콘솔창을 열어 create-react-app을 실행해봅니다. create-react-app은 다음과 같이 실행 할 수 있습니다. create-react-app .. 2019. 1. 29. [Node.js] Passport 모듈을 이용한 로그인 구현 3 - 현재 로그인된 유저 보기 이전 포스트 보러가기 [Node.js] Passport 모듈을 이용한 로그인 구현 2 - 로그인 구현 이전 포스트 보러가기 [Node.js] Passport 모듈을 이용한 로그인 구현 1 - 모듈 설치 / 준비 Node.js 모듈 중에는 Passport라는 모듈이 있습니다. 이 모듈을 사용하면 로그인 시에 인증을 보다 쉽게 구현할 futuregate.tistory.com 이어서, 로그인했을 때 생성된 jwt를 통해서 현재 로그인된 유저의 정보를 받아와 보도록 하겠습니다. /routes/api/users.js에 내용을 추가합니다. /routes/api/users.js 상단 모듈 선언부분에 passport모듈을 추가로 선언합니다. const passport = require('passport'); 다음, 새.. 2019. 1. 29. [Node.js] Passport 모듈을 이용한 로그인 구현 2 - 로그인 구현 이전 포스트 보러가기 [Node.js] Passport 모듈을 이용한 로그인 구현 1 - 모듈 설치 / 준비 Node.js 모듈 중에는 Passport라는 모듈이 있습니다. 이 모듈을 사용하면 로그인 시에 인증을 보다 쉽게 구현할 수 있습니다. 프로젝트를 다음과 같이 구성합니다. 코드를 다음과 같이 입력합니다. /m futuregate.tistory.com 이전 과정을 모르시는 분들은 위 링크로 가셔서 보고 오시길 바랍니다~ passport모듈을 사용할 준비가 되었으니, 이제 사용자를 생성하고, 로그인(인증)까지 구현해 보도록 하겠습니다. 먼저 /api/routes/users.js 입니다. /api/routes/users.js var express = require('express'); var route.. 2019. 1. 29. [Node.js] Passport 모듈을 이용한 로그인 구현 1 - 모듈 설치 / 준비 Node.js 모듈 중에는 Passport라는 모듈이 있습니다. 이 모듈을 사용하면 로그인 시에 인증을 보다 쉽게 구현할 수 있습니다. 프로젝트를 다음과 같이 구성합니다. 코드를 다음과 같이 입력합니다. /models/User.js const mongoose = require('mongoose'); const Schema = mongoose.Schema; // create schema const UserSchema = new Schema({ email: { type: String, required: true }, password: { type: String, required: true }, name: { type: String, required: true } }); module.exports = User.. 2019. 1. 29. 이전 1 다음
