Hello World...

app.js const express = require('express'); const jwt = require('jsonwebtoken'); const cookieParser = require('cookie-parser'); const app = express(); const secretObj = require('./config'); app.use(cookieParser()); app.get('/', (req, res) => { res.send('hello~'); }); app.get('/jwt', (req, res) => { try { const token = jwt.sign( { email: 'user@example.com' }, secretObj.secret, { expiresIn: '2h' } ..

S3 에서 html 확장자를 바꾸는 없애는 방법 www.notion.so/6-20-d97f95ad6f9b4c1e8be7647a02a35ace#d460efb6043a4be9b7766f1c22e83d80 - home-1.html 로 되어 있는데, 이것을 home-1 로 바꾸어보겠다. - aws s3 해당 버킷으로 이동하자. - 먼저 작업 버튼을 눌러서 content type 이 text/html 로 되어있는 지 확인한다. 안 되어 있으면 text/html 로 바꾸어주거나 추가해준다. (기본적으로 선택이 되어 있을 것이다) - 그러고나서 다시 작업에서 이름 바꾸기를 눌러 이름을 home-1.html → home-1 로 변경해준다. - 개요를 보면 url 이 home-1 로 변경된 것을 확인할 수 있다. - 이..

aws 라이트셰일을 이용해 노드를 돌리는 경우, 아파치를 종료해주어야 한다. 제로초님의 설명을 참고하자. $ cd /opt/bitnami $ sudo ./ctlscript.sh stop apache https://thebook.io/006982/ch15/04-01/ Node.js 교과서: 15.4 AWS에 배포하기 - 1 thebook.io 참고로 방화벽 설정을 해주는 것을 까먹어서 접속 하는데 시간을 좀 허비했다. 네트워킹 탭에서 사용할 포트를 설정해주면 된다.

벨로퍼트님의 프론트엔드 강의 중 모달창 만들기가 있어서 참고해서 만들어보았다~

리액트 데브 툴즈에서 하이라팅 기능을 이용하면 어떤 컴포넌트가 렌더링 되는 지 시각적으로 확인할 수 있다. 크롬 웹스토어에서 React Developer Tools 를 다운 받고 설치한 후, 리액트로 만들어진 사이트에서 개발자 도구를 열고 Components 탭에서 톱니바퀴를 클릭한다. 그리고 Highlight... 를 체크해주면 된다~

주석과 이미지를 보면 이해할 수 있다~ HTML CSS JavaScript

책 131페이지 3분 코딩 부분을 입력해보니 타입에러가 나면서 정상적으로 작동하지 않았다. 내 node 버전은 12이고 책의 버전은 10인데 달라서 그런 것일까?? 콘솔 에러를 보니 스트릭트 모드여서 에러가 나나 싶어서 부분을 지웠지만 여전히 동일한 에러가 발생했다. 그래서 그냥 render 를 추가해주니 해결되었다. class MyComponent extends React.Component { componentDidUpdate() { console.log('MyComponent 새로 고침'); } render() { return MyComponent; } }