programing/Web
-
[NCloud] Naver NCloud로 Express서버 배포하기 - 2programing/Web 2019. 10. 5. 14:27
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2019/10/05 - [programing/Web] - [NCloud] Naver NCloud로 Express서버 배포하기 - 1 이번 포스트에서는 실제로 Express 서버를 구동시키는 법에 대해 알아보도록 하겠습니다. apt-get update apt-get update를 이용해 업데이트를 해줍니다. 단, apt-get upgrade를 해버리면 18.04로 버전이 올라가기 때문에 하시면 안됩니다. git 설치 apt-get install git을 이용해 git을 설치합니다. 설치한 후, git --version으로 정상적으로 설치됬는지 확인해주세요. node, npm 설치 sudo apt-get install curl를 이..
-
[NCloud] Naver NCloud로 Express서버 배포하기 - 1programing/Web 2019. 10. 5. 14:01
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) Naver에서 제공하는 클라우드 서비스인 NCloud를 이용해 서버를 배포하는 방법에 대해 알아보도록 하겠습니다. 해당 포스트에서는 Express서버를 pm2로 배포 및 실행하는 방법에 대해 설명합니다. NCloud 회원 가입 회원가입은 잘 할 수 있겟죠? 여기서 중요한 점은, NCloud 크레딧이 있어야 서버를 띄울 수 있습니다. 아마 회원가입시 지불 방법을 등록할텐데, 돈 빠져 나가는게 싫다면 다른 클라우드를 고려해보시는 것을 추천드립니다. 콘솔에 접속 로그인 후 우상단에 콘솔 버튼이 있습니다. 눌러주세요. ACG 생성 콘솔창의 좌측 네비게이션 바에 All Products탭이 있습니다. 누른 후 Compute 카테고리의 Se..
-
[Passport] isAuthenticate가 false를 반환할 때programing/Web 2019. 10. 3. 23:07
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2019/09/06 - [programing/JavaScript] - [Express] cookie에 대하여 부스트캠프 미션 중, passport를 사용할 일이 있었습니다. passport에서 req.isAuthenticate()를 이용해 관리자 권한 인증 로직을 구현해야 했었습니다. module.exports = (req, res, next) => { console.log('[adminAuth.js]', req.isAuthenticated()); if (!req.isAuthenticated()) { res.status(401).end(); } else if (req.user.privilege > 1) { res.status(4..
-
[Webpack] 웹팩에서 cass(scss) 적용하기programing/Web 2019. 9. 19. 19:56
https://developerhandbook.com/webpack/how-to-configure-scss-modules-for-webpack/ How to configure SCSS modules for Webpack SCSS modules are a fantastic way of writing clean, self contained styles, that are usually consumed by components developerhandbook.com
-
[AWS] S3 버킷 삭제시 access denied 오류 해결 방법programing/Web 2019. 9. 10. 11:59
{ "Version": "2008-10-17", "Statement": [ { "Sid": "...", "Effect": "Allow", "Principal": { "AWS": "..." }, "Action": "s3:PutObject", "Resource": "..." }, { "Sid": "...", "Effect": "Allow", "Principal": { "AWS": "..." }, "Action": [ "s3:ListBucket", "s3:ListBucketVersions", "s3:GetObject", "s3:GetObjectVersion" ], "Resource": [ "...", "..." ] }, { "Sid": "...", "Effect": "Deny", "Principal": { "..
-
[AWS, Node] Elastic Beanstalk로 Express 앱 배포하기programing/Web 2019. 9. 10. 11:49
1. Express Generator로 디렉토리 생성 express --view=pug 2. Git으로 init하기 git init후 .gitignore도 생성 (.elasticbeanstalk/는 EB를 이용해 환경 생성시 자동으로 추가된다.) 3. EB로 환경 생성 `eb init --platform node.js --region us-east-2`로 레포지토리(.elasticbeanstalk/)생성 `eb create `로 환경 생성 4. .ebextensions설정 `/.ebextensions/nodecommand.config`파일 생성 후, 다음 내용을 입력 (띄어쓰기 필수) option_settings: aws:elasticbeanstalk:container:nodejs: NodeCommand..
-
[Web] SPA를 구현하는 다양한 방법들programing/Web 2019. 8. 31. 20:19
https://poiemaweb.com/js-spa SPA & Routing | PoiemaWeb 단일 페이지 애플리케이션(Single Page Application, SPA)는 모던 웹의 패러다임이다. SPA는 기본적으로 단일 페이지로 구성되며 기존의 서버 사이드 렌더링과 비교할 때, 배포가 간단하며 네이티브 앱과 유사한 사용자 경험을 제공할 수 있다는 장점이 있다. link tag를 사용하는 전통적인 웹 방식은 새로운 페이지 요청 시마다 정적 리소스가 다운로드되고 전체 페이지를 다시 렌더링하는 방식을 사용하므로 새로고침이 발생된다. 이것은 변경이 poiemaweb.com