본문 바로가기

전체 글

(63)
Webstorm에서 파일 형식을 제대로 인식 못하는 경우 해결법 Preference -> Editor -> File Types -> Recognized File Types에서 원하는 파일 타입을 선택하고 File Type Patterns에 원하는 파일 이름이나 패턴을 적어주고 apply하면 됩니다. 이미 다른 타입으로 저장되어 있다는 팝업이 뜨면 reassign 버튼을 눌러주면 됩니다. References hychul.github.io/development/2019/07/04/intellij-file-type-strange/ 제 글이 도움이 되셨다면 간단하게 '공감', '댓글' 부탁드립니다!
Elastic Beanstalk으로 Alpha 개발 환경 빠르게 배포하기(S3, Route53, CloudFront) 회사에서 실험 기능들을 확인하기 위한 Alpha 서버를 만들어 달라는 요청이 왔습니다. 기존에 develop 코드를 확인하는 Beta 서버가 이미 존재하고 있어서 해당 서버를 참조하여 빠르게 만들어본 과정을 공유합니다. EBS(Elastic Beanstalk)을 이용하여 Environment와 application 생성 Elastic Beanstalk은 Apache나, Nginx 같은 서버에서 Java, Nodejs, Python 등 여러 언어로 개발된 웹 어플리케이션을 쉽게 배포하고 확장하기 위한 서비스입니다. 1. create a new environment를 클릭 2. web server environment 선택 하고 select 3. Environment name, Domain, Applicat..
package.json에서 물결 표시(~)와 웃음 표시(^)의 차이 npm install을 하면 자동으로 붙는 물결 표시(~)와 웃음 표시(^)가 있습니다. 저절로 붙기 때문에 별 생각 없이 사용하고는 했는데 제대로 알고 사용하지 않으면 다른 사람과 협업할 때 서로 버전이 다른 환경에서 작업을 하여 불 필요한 디버깅을 하게 될 수도 있습니다. NPM과 semver 공식 문서에 따르면, ~version: version과 거의 비슷한 버전으로, minor 버전은 올리지 않고 모든 앞으로의 patch 버전을 업데이트 합니다. ex) ~1.2.3 은 1.2.3 < 1.3.0의 릴리즈를 사용할 겁니다. ^version: version과 호환되는 버전으로, major 버전은 올리지 않고 모든 앞으로의 minor/patch을 업데이트 합니다. ex) ^2.3.4 는 2.3.4 < 3..
[Toy Project 1 - 웹 서비스 만들기] 3. Jenkins를 이용한 자동 배포 환경 만들기 Introduction 자 클라우드에 서비스를 올리고 실행시켰고 이제 본격적으로 개발을 해보려는데 코드가 수정될 때 마다 npm install을 다시 하고(script 실행 등), 빌드 하고, 서버에 올리고 다시 실행시키는게 여간 귀찮은 일이 아닙니다.. 물론 이런 방식으로 하면 무중단으로 서비스를 실행할 수도 없습니다. 이 문제를 해결하기 위해 jenkins를 이용해서 자동 배포를 해보겠습니다. Contents 서버에 Jenkins 설치 젠킨스 공식 홈페이지에서 원하는 설치 버전을 골라서 설치해줍니다. 저는 작은 서비스이기 때문에 서비스가 돌고 있는 클라우드 서버에 설치해주겠습니다. 제가 사용하고 있는 서버의 OS는 Ubuntu 이기 때문에 아래 그림과 같이 Ubuntu LTS 버전으로 설치하겠습니다...
소고기 부위 [그림1] 미국식 표기 [그림2] 한국식 표기 [그림3] 한국식 표기2 [그림4] 영국식 표기 Introduction 맛있는 소고기! 살 때마다 또 검색하고, 식당에서는 추천해주시는 것만 먹었었는데 제대로 알고 먹으면 더 맛있지 않을까 싶어서 공부해보았습니다. 부위별 명칭이 나와있는 그림을 찾아보니 한국 내에서도, 한국과 미국 뿐만아니라 미국과 영국도 어떻게 컷 하느냐에 따라 명칭이 다른 것 같았습니다. 예를 들어 그림2와 그림3을 보시면 우둔과 설도가 다르게 표기된 것을 볼 수 있습니다... 우둔이 Top Side 혹은 Top Round로 번역 되는 것으로 보아 설도가 엉덩이보다 더 위고, 엉덩이 쪽이 우둔인 것이 맞는 것 같은데 지역이나 사람마다 다르게 컷 해서 정확히 고정된 부위라는게 존재할 수 없..
특정 port를 사용하고 있는 프로세스 찾아서 죽이기 Find sudo lsof -i :[PORT]Kill kill -9 [PID]
[Toy Project 1 - 웹 서비스 만들기] 1. 개요 및 기본 셋팅 동기 개발자로서 1년이 다 되어가는데 한번도 바닥부터 만들어 본적이 없는 것 같아서 만들어 봤습니다. 개발 스택 백엔드: Node.js - Express 프론트엔드: React.js 데이터베이스: MYSQL 과정 서버 구매 iwinv에서 서버를 하나 사주세요. 저는 안정적인 것을 선호해서 제일 최신 LTS 버전으로 구매했습니다. Ubuntu 18.04 LTS Ubuntu 유저 세팅 자동으로 설치된 Ubuntu에 기본적인 것들을 셋팅 해줍시다. 1. 아래 명령어로 root 유저의 비밀번호를 수정해주세요. passwd root 2. 일반적으로 root 계정을 그냥 쓰는 것은 보안적인 이유로 추천하지 않으니 아래 명령어로 새로운 유저를 추가 해줍시다. adduser [유저 이름] 3. 앞으로 root 권한이 ..
[Node.js] req.query, req.params route가 이렇게 주어졌다고 가정하면 app.get('/hi/:param1', function(req,res){} ); 그리고 주어진 URL이 http://www.google.com/hi/there?qs1=you&qs2=tube 이라면 query, params를 사용할 경우 가지게 될 값은 req.query { qs1: 'you', qs2: 'tube' } req.params { param1: 'there' } More Express req.params Express 4.x - API Reference Express 4.x API express() Creates an Express application. The express() function is a top-level function exported..