본문 바로가기

Web62

App을 Heroku에 배포하기 [출처 : https://anpigon.github.io/blog/kr/@anpigon/heroku-nodejs-app-heroku--1546967112451/] Heroku Heroku는 간단하게 사용할 수 있는 가벼운 클라우드 서버입니다. 참고로, 우리가 많이 사용하고 있는 busy.org가 Heroku에서 호스팅 되고 있습니다. 게다가 무료 가격 정책도 있습니다. 무료는 매월 550시간 사용이 가능합니다. 신용카드 정보를 추가로 입력하면 매월 1000시간 사용이 가능합니다. 그리고 30분 동안 사용하지 않으면 자동으로 슬립모드에 들어갑니다. 보통은 heroku-cli를 사용하여 heroku에 배포합니다. 하지만 지금은 쉽고 간단하게 하려고 합니다. 그래서 브라우저에서 배포하는 방법으로 진행할게요. .. 2019. 7. 16.
[Node.js] Heroku로 배포( deploy )하기 [출처 : victolee님 블로그 - https://victorydntmd.tistory.com/112] 허로쿠( Heroku ) 허로쿠는 간단하게 무료로 호스팅 할 수 있도록 해주는 서비스입니다. 무료인 이유는 해당 도메인으로 몇 시간 동안 요청이 없을 경우, 수면상태로 전환하므로 초기 접속이 늦어지기 때문입니다. 때문에 개인 블로그 서버라든지, 포트폴리오의 결과물을 배포하는 용도로 가볍게 활용하기에 좋다고 생각합니다. 물론 AWS EC2처럼 돈을 지불하면 원활한 서비스가 이루어집니다. 이번 글에서는 무료 호스팅 서비스인 Heroku를 이용하여 Node.js 웹 애플리케이션을 배포하도록 해보겠습니다. 1. 준비작업 1) 배포를 위한 소스코드 준비 2) Git 설치 허로쿠의 배포작업은 Git을 통해 이.. 2019. 7. 16.
[Javascript] 글자수 체크, 문자열 길이 구하기(한글 포함) Javascript에서 문자열 길이를 체크할때, 그냥 length를 사용하면 1Byte인 영문, 숫자 입력시엔 상관없지만 한글 '가' 입력시에도 length 값은 1로 나온다. 아래 스크립트는 escape() 함수를 이용해 입력받은 값이 한글인지 판단 후 글자수를 2byte로 계산해준다. See the Pen 한글포함 문자열 길이값 by juein (@juein) on CodePen. 2019. 4. 12.
[Javascript] input 전화번호 입력시 하이픈(-) 자동 붙이기 input에 전화번호 입력시 하이픈(-)이 글자수에 따라 자동으로 붙는 스크립트 02-1234-1234 식으로 하고싶으면 조건별 length와 substr를 수정하면 된다. See the Pen 폰넘버 하이픈 붙이기 by juein (@juein) on CodePen. 2019. 4. 12.
[Javascript] 간단한 아코디언 토글 jQuery 없이 순수 자바스크립트 만으로 구현. Toggle 버튼 클릭시 내용 부분이 아코디언 형태로 토글된다. JS로는 단순하게 클릭시 여닫는 기능만 있고 CSS의 Trantransition 값으로 부드러운 효과를 나타낸다. See the Pen js list more by juein (@juein) on CodePen. 2019. 4. 12.
HTML 전역 속성 사용하기 전역 속성(Global attributes)은 모든 HTML의 공통 속성이다. 모든 엘리먼트 요소에 사용할 수 있지만 일부 요소에는 효과가 없는 것도 있다. 하나의 엘리먼트의 다중 속성을 선언하는것도 가능하며, 속성을 쓰는 순서도 중요하지 않다. (자주 사용하거나 익숙한 속성별로 정리하려다가, 그냥 abc 순으로 정리해두었다.) [accesskey] 키보드 단축키를 지정하여 해당 엘리먼트를 선택할 수 있게 한다. accesskey를 설정하는데 필요한 키 조합은 브라우저와 플랫폼마다 차이가 있으며 윈도우에서 대체로 accesskey는 alt키를 함께 누를 때 작동한다. (이미지 출처) https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/acc.. 2019. 3. 25.