HS의 (개발)블로그

SSL 인증서를 받고 HTTPS로 express 서버 구동 기존 코드(http) import express from 'express'; const app = express(); server = app.listen(3000, () => console.log('port 3000 Server On')); HTTPS 적용 코드 import express from 'express'; import https from 'https'; import fs from 'fs'; import config from './conf/config'; const app = express(); const server = https.createServer({ key: fs.readFileSync(keyFile,"utf-8"), cert:..

vi로 파일 연상태에서 비정상 종료 시 swp파일이 생성되어 기본 파일 삭제하려고 할 때마다 오류처럼 뜨게 된다. 이 swp 파일을 삭제하려면 아래의 코드를 입력하자 해당 디렉토리 내부에서 숨겨진 파일 찾기 # ll -all swp 파일 삭제 # sudo r 파일명.swp

# 필요한 모듈 node.js에서 curl 사용하기 위한 request 모듈들 const request = require('request'); const request = require('request-promise-native'); request-promise-native 모듈은 promise 혹은 Async & Await를 통한 비동기처리를 하기위한 모듈이다. 하지만 둘다 설치해야 사용할수있음. request모듈을 사용하기위한 기본적인 옵션들 선언 let headers = { 'Authorization': 'KakaoAK '+'Admin Key', 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' }; let params = { 'c..

노드JS를 공부하다 보면 비동기로 처리가 되어서 함수 처리 후에 나오는 값을 제대로 받을 수가 없는 적이 정말 많다. 그래서 이 비동기 처리되는 것을 원하는 대로 처리하기 위해 나온 게 콜백 함수다. 추후에 나온 promise라던지 async&await 같은 편하게 비동기 처리하는 방식도 있지만 말이다 function func3(c, callback) { console.log('함수정의3'); callback(c); } function func2(b, callback) { console.log('함수정의2'); callback(b); } function func(a, callback) { console.log('함수정의1'); callback(a); //function (result)

노드는 서버를 구동할때 라우팅 파일이나 app.js 같은 서버관련 코드를 수정하게되면 바로 적용이 안된다. 그렇기에 서버관련파일이 수정되면 노드몬 모듈을 사용해서 다시 서버를 재구동하도록 한다. 노드몬 작동중에 터미널창을 껏다가 노드몬을 재작동하려고하면 포트를 이미 점거하고 있어서 재구동을 못한다. (사실 재구동할 필요가 없지만 만약 로그를 확인하던지 다른 이유로 노드몬을 재구동해야하는 상황) 그럴때 서버를 종료하기위해서 위의 코드를 써서 노드몬을 강제 종료해주면 된다. $ lsof -nP -iTCP:3000 | grep LISTEN node 24576 TCP *:3000(port_number) (LISTEN) $ kill 24576 $ sudo lsof - :3000 $ kill -9 PID

기존에 작성했던 글 : 무료 SSL인증서 발급하기 , 리버스프록시 설정하기 이번글은 기존 작성했던 글과 다른 Amazon Linux AMI OS를 사용했습니다. 단순히 리버스프록시 적용하려면 위의 링크를 보세요 Certbot 설치하기 $ curl -O https://dl.eff.org/certbot-auto $ chmod +x certbot-auto $ mv certbot-auto /usr/bin/certbot-auto Nginx 설치하기(설치안되어있다면 설치해주세요) $ sudo yum install nginx -y // certbot 설치를 위해서 Nginx를 잠시 멈춰줘야합니다. $ sudo service nginx stop certbot을 통해 인증서 받기 $ certbot-auto certonl..

배열 배열 맨뒤에 추가하기 array_push() $fruitArr = array("orange", "banana"); // 배열 선언하기 array_push($fruitArr, "apple", "watermelon"); //배열 맨뒤에 추가하기 print_r($fruitArr); // 배열 출력 var_dump($fruitArr); // 배열 출력(문자형태, 길이 까지 출력) array_push(배열, 넣을 배열변수명) 으로 사용하면 됩니다. var_dump와 print_r 메서드를 사용하면 배열이 어떻게 구성되어있는지 쉽게 알 수 있습니다. 배열 자르기 array_splice() $fruitArr = array("orange", "banana","apple", "watermelon"); print_r..

무료 에디터인 vscode, atom 그리고 젯브레인사의 에디터뿐만 아니라 eclipse, sublime text 등등 다양한 에디터들이 즐비하다. 처음 코딩 연습을 하려고 할 때는 누구나 수많은 에디터들 중에서 뭘 사용해야 할지 고민일 것이다. 고민 대신 에디터를 설치하지 않아도 코딩할 수 있는 Repl.it을 활용하자 Repl.it은 웹사이트에서 코드 연습을 할 수 있다는 특징을 가지고 있으며 50개 이상의 프로그래밍 언어를 제공한다. 또한 깃허브의 코드를 가져올 수 있고 다른 사람들과 코드를 공유할 수 도 있다. 회원가입 후 사용하면 코드를 저장할 수 있다. 무거운 작업이 아닌 아주 처음 간단한 내용의 코드 연습을 한다면 에디터를 설치하지 않고 repl.it으로 간편하게 코딩해보길 권한다.

요즘 카페 24, iwinv, AWS , GCP 등 다양한 가상 서버들을 통해 각 개인에 컴퓨터에 무리 가지 않도록 작업이 가능합니다. 또한 서버를 작동시키기 위해서 키고 끄기를 반복할 필요가 없어졌다는 장점이 있습니다. 원격 서버들을 관리하기 위해서는 터미널 사용이 필수인데요. 대부분의 초보자들은 윈도우의 GUI에 익숙해져 있어서 터미널 명령어를 따로 공부해야 합니다. 여기서 초보자들이 처음엔 혼란을 겪게 됩니다. 뿐만 아니라 모든 파일 관리들을 직관적으로 하기 힘들다는 점이 있습니다. 파일 찾기라던지 파일 전체 구조 파악 파일 위치 이동이 정말 끔찍하죠 터미널의 단점을 메워주는 파일질라 추천드립니다. 윈도처럼 가상 서버를 리모트 해서 GUI형태로 보여주며 우리가 항상 사용하던 것처럼 여러 파일 이동 ..

# 윈도우 10으로 사용 중이어서 윈도우 8과 차이가 있을 수 있습니다. 또한 제조사마다 약간의 차이가 있을 수 있다고 합니다. 키보드 사용중에 터치패드에 살짝 닿아서 자꾸 터치됐었어서 마우스가 없을 때가 아니면 터치패드를 사용하지 않았었습니다. 하지만 윈도에서도 터치패드를 활용할 수 있도록 윈도우 8부터 바뀌었고 어쩌면 마우스 없이 더 편하게 노트북을 사용할 수 있을 거라 생각합니다. 이처럼 극단적으로 부정적인 평가에서 긍정적으로 바뀌게 된 이유를 알려드리겠습니다.. 우선 따라 해 봅시다. 터치패드 활용하기 우선 터치패드 기능을 사용하기 위해서 설정을 해줘야 하는데 windows key + s 를 누르면 검색창 뜹니다. 검색창에 터치패드를 검색하고 터치패드 켜기/끄기를 누르면 터치패드 설정이 나옵니다...

PC가 따로 없고 노트북 하나로 바깥 실내 모두에서 사용하다 보니 가끔 노트북중에는 큰 편에 속하지만 15인치의 화면이 작다고 느낄 때가 종종 있습니다. 13인치 쓰는 분들이라면 더 크게 와 닿을 거라고 생각합니다. 특히 정보를 찾으러 다니다 보면 크롬 새 탭은 7~8개가 됩니다. 그러다보면 어떤 페이지들을 열었는지 다시 한번 확인이 필요하기도 하고 불필요한 창이라고 생각해서 잘못 창을 닫아버리는 경우도 있기도 합니다. ctrl + shift + t 단축기로 닫은 페이지 다시 열기가 가능하지만요. 복잡한 페이지들을 분류해서 보기 위해 윈도 가상 데스크톱을 사용합니다. 가상 데스크톱을 생성하기 위해 커맨드 windows key + Tab을 눌러줍시다. 가장 상단에 + 모양을 클릭해주면 가상 데스크톱이 생성..

저번 글에 이어서 이번에는 색상 관련된 플러그인을 추천해드리려고 해요 예쁘지 않나요? 예쁜 색상과 함께 어울리는 색상 조합이 정말 중요하다고 느껴요 웹사이트를 만들 때 아래의 색상 코드 사이트들을 통해서 제 눈에 예뻐 보이는 색상들로 구성했었는데 막상 웹사이트에 적용하고 보니 너무 맘에 안 들더라고요 그래서 여러 번 시도하다가 그나마 나은 것들을 선택하거나 색상 조화를 잘 이루는 웹사이트들을 참고하곤 했어요 고맙게도 그림판 스포이트 같은 기능을 하는 색상 관련 크롬 플러그인이 있더라고요 ColorZilla 플러그인 설치하고 저번 글에 사용법 올린대로 주소창 옆 스포이트 모양의 아이콘을 클릭해줍니다 그리고 색상을 알고 싶은 곳에 갖다 대기만 하면 아래처럼 색상이 나와요 RGB로도 표현되기도 하고 색상 코드..

웹을 접할 때 가장 먼저 공부하게 되는 HTML과 CSS이지만 언제나 공부를 하면 할수록 그리고 자신이 원하는 형태로 바꾸거나 수정하려고 하는 것은 언제나 어렵죠 다른 공부도 마찬가지지만 HTML과 CSS는 정말 끝이란 게 없는 것 같아요 그래서 HTML과 CSS를 사용하기 쉽게 그리고 많은 시간을 소모하지 않도록 부트스트랩과 시맨틱UI가 있지만 이미 만들어진 것을 각자의 필요에 맞게 바꿔나가는 게 쉽지만은 않죠 위처럼 다른 잘 만든 웹페이지를 참고하기 위해 개발자 도구를 열어보는 것도 방법이지만 직접 만든 코드도 아니고 CSS는 직접적으로 노출되어있지 않고 class로 사용되기 때문에 알 수가 없죠 이를 위해서 크롬에서 여러분들의 HTML과 CSS를 구성하는데 도움을 줄 수 있는 플러그인을 제공하고 있..

군 복무 시절 행정병으로 일할 때 스티커 메모를 사용해서 할 일 관리를 했었습니다. 군 복무 전에는 수첩에 오늘 할 일을 작성하면서 계획을 진행했었습니다. 그때만 해도 스티커 메모도 편하다고 생각했었죠. 스티커 메모를 사용하면서 가끔은 직접 할 일 작성해주고 다시 지우고 정리하는 게 불편 하긴 했었지만 나름대로 잘 활용했다고 생각했었습니다. 제가 Todo 프로그램을 쓰기 전까지는요.. 몇 달 전 할 일 관리 프로그램으로 Todo를 추천받고 얼마나 다르겠나 했지만 이젠 사람들에게 꼭 사용하라고 추천드리고 싶네요 우선 사용하기위해서 마이크로 소프트 아이디가 있어야 합니다 -> 없으신 분 회원가입 왜 마이크로 소프트 아이디가 필요하냐면 Todo는 원래 wunderlist라는 이름을 갖고 있었었지만 마이크로 소..

Oauth로 구글 로그인에 이어서 네이버 로그인을 해보겠습니다. 1. 설치 컴포저를 사용해서 naver모듈을 먼저 설치해줍시다. 페이스북이나 깃허브 구글과 다르게 네이버는 따로 설치해줘야 합니다. composer require socialiteproviders/naver 2. Service Provider 수정하기 config/app.php 파일 내부의 코드를 약간 수정해줍니다. 아래의 코드처럼 기존의 Laravel\Socialite\SocialiteServiceProvider ::class를 삭제하고 SocialiteProviders\Manager\ServiceProvider::class 를 작성해주세요 'providers' => [ SocialiteProviders\Manager\ServiceProv..