노래하듯 이야기하고, 춤추듯 정복하라.

#오류내용 새 electron 프로젝트를 생성한 후, front-end 단 (.hmlt 파일) 안의 script 코드에서 require()을 사용하면 require is not defined 오류가 발생한다. #이유 electron 5.0 이상부터 new BrowserWindow 객체를 생성할 때, nodeIntegeration의 기본값이 false로 세팅되어 있기 때문이다. #해결법 아래 5번째 줄 코드와 같이 webPrefereces 안의 nodeIntegration 설정값을 true로 바꿔준다. addWindow = new BrowserWindow({ width: 300, height: 200, title: 'Add Shopping List Item', webPreferences: { nodeInt..

준비물 1. aws 계정 & ec2 고정 IP => 퍼블릭 DNS(IPv4)와 연결된 EIP(Elastic IP/탄력적 IP) 2. cafa24 도메인 해야할 일 1. route 53에서 호스트 영역 생성 => 최초 생성 시 NS, SOA 두개 유형이 생성 됨 2. 생성된 route 53 호스트 영역에서 레코드 추가 => A레코드, CNAME 레코드 순서대로 진행해 봅시다 1. AWS의 Route 53 서비스에 들어가서, 호스팅 영역 생성하기 - 사진 우측 상단과 같이, 도메인 이름에 자신의 도메인을 입력합니다. -> Create 2. 레코드 영역에 NS와 SOA, 두 레코드가 미리 생성되어 있는 것이 보입니다. 3. cafe24 도메인 관리 접속 -> 네임서버 변경 클릭 -> 네임서버 등록 - Rout..

최근 맥북에서 mysql을 설치한 후 sequelize 를 이용하여 접근하면 제목과 같은 오류가 항상 등장한다. 버전 업그레이드가 되면서 생긴 문제인진, 정확히 모르지만 해결 법을 찾아보겠다. 1. mysql_native_password를 재 설정해 주자. ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'yourpassword'; query ok 구문이 보이면서 바로 통과되는 경우도 있지만, 정책 설정 문제로 비밀번호 조합이 약할 때 아래와 같이 또다른 에러가 등장할 때가 있다. ERROR 1819 (HY000): Your password does not satisfy the current policy requirements..

# 필요한 모듈 const multer = require('multer'); const multerS3 = require('multer-s3'); const fs = require('fs'); // 설치 x const path = require('path'); // 설치 x const AWS = require('aws-sdk'); # app.js에서 aws 설정 세팅 const AWS = require('aws-sdk'); AWS.config.update({ accessKeyId: process.env.AWS_ACCESS_KEY_ID, secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY, region : 'ap-northeast-2' }); # img 업로드 구현 ..

# 로그인 상태 유지 & 자동 로그인 구현 ## 필요한 모듈 // npm install jsonwebtoken const jwt = require('jsonwebtoken') // npm install uuid const uuidv4 = require('uuid/v4') ## Front(세션 정보)에서 받아와야 할 정보 * uuid => 사용자가 로그인 시 사용자 DB 업데이트와 함께 프런트에 전달한다. const { user_id, uuid } = req.body // uuid => 사용자가 로그인 시 사용자 DB 업데이트와 함께 프런트에 전달한다. ## router 구현 1. 로그인 - routes/auth.js const uuidv4 = require('uuid/v4'); const jwt = re..

# JWT 토큰을 활용하여 로그인된 사용자 확인하기 ## jsonwebtoken 모듈 설치 및 middleware 개발 1. 모듈 install sudo npm i jsonwebtoken 2. middlewares => exports.verifyToken // jwt const jwt = require('jsonwebtoken'); exports.verifyToken = (req, res, next) => { try { req.decoded = jwt.verify(req.headers.authorization, process.env.JWT_SECRET) return next(); } catch (err) { if (err.name === 'TokenExpiredError') { return res.sta..

# 핵심 모듈 함수가 async ~ await 문법으로 설계되어 있을 때 -> 모듈을 불러오 사용할 때도 await moduleName(val1, val2) 와 같이 사용할 것! * 참고링크 https://stackoverflow.com/questions/45608525/async-await-promise-pending-error Async/Await Promise Pending Error I'm having a bit of an issue with an error dealing with promises. So initially I had my function set up like this, and it all worked fine, no problems. Original: const request = ..

[ 검색 기능 구현 ]- 주요 참고자료: https://blog.naver.com/kbs4674/221379111562 # 서두안녕하세요 모닝버드입니다. 오늘은 평소보다 30분 일찍 출근했는데, 그냥 졸리네요...... 아무튼 오늘도 화이팅 빠샤!자 그럼 오늘은 레일즈 앱에 검색 기능을 넣어 보겠습니다. 기존의 젬들인 Sunspot이나 ElasticSearch 같은 젬을 사용하기보다 직접 구현 해 보겠습니다. 이유는 기존 젬들이 한글에 특화되어 있지 않아 형태소 분석 문제가 있습니다. # search 컨트롤러 생성 $ rails g controller search result # controllers/search_controller.rb def result @contents = eval(params[:p..

jquery의 addClass() 함수 사용하기- 참고 링크: https://api.jquery.com/addclass/ # 서두안녕하세요 모닝버드입니다~ 오랜만에 집에 내려왔는데요. 원래는 주말동한 푹 쉬며 요양이나 하자는 마음이었는데, 막상 아무것도 안하니 시간이 아깝네요..! 그래서 노트북을 열었는데요, 프로젝트에 jquery를 사용해야 할 일이 있어서 이것 저것 서칭을 하다가 나중에 또 필요할 것 같아 포스팅으로 남깁니다. 그리고 css3의 transition 속성에 대해서도 간단히 알아보겠습니다. # jquery의 addClass() 함수html 태그에 새로운 클래스를 추가 할 수 있는 함수 입니다. 새로운 클래스를 추가함으로써 특정 이벤트가 발생할 시 새로운 css 속성들을 반영시킬 수 있습니..

[소셜 SNS 인증]- 참고 링크: http://blog.naver.com/kbs4674/221446312846 # 인사안녕하세요 모닝버드입니다. 오늘도 어제에 이어서 포스팅을 이어나갑니다. 간만에 연속 포스팅이네요 :)오늘은 레일즈 애플리케이션에서 소셜 SNS 인증하는 방법에 대해 알아보겠습니다. 생각보다 많이 복잡한 편은 아닙니다. 아직 코드 전체를 이해하진 못했지만 대략적인 원리는 파악 가능합니다. # 사전 준비- Devise 젬이 설치 및 세팅되어 있다는 상황을 가정 # 진행1. 네이버 개발자 페이지 로그인- https://developers.naver.com/products/login/api/ 2. 네이버 개발자 도구에 애플리케이션 등록* 참고 링크: https://blog.naver.com/k..