개발 잘하고 싶어서 시작한 블로그

알림창을 띄울 때 alert을 주로 사용한다. 간단하게 사용할 수 있지만 UI적인 부분과 기능적인 요소가 부족하다. SweetAlert을 사용하면 alert을 조금 더 예쁘게 꾸밀 수 있고, 커스터 마이징 할 수 있다. SweetAlert? SweetAlert makes popup messages easy and pretty. https://sweetalert.js.org/ SweetAlert You've arrived! How lovely. Let me take your coat. Oops! Seems like something went wrong! Delete important stuff? That doesn't seem like a good idea. Are you sure you want to d..

기존 개발환경에서는 node.js 10.16.3 버전을 사용하고 있었으나, 스터디를 할때 13.7.0 버전을 사용해야 해서 버전관리에 대한 필요성을 느꼈다. 'n' 이라는 패키지를 이용하면 손쉽게 node의 버전을 관리하며 이러한 문제점을 해결할 수 있다. n이란? Node.js version management: no subshells, no profile setup, no convoluted API, just simple. (Note: n is not supported natively on Windows.) Since you probably already have node, the easiest way to install n is through npm windows 환경이 아니며, node.js가 이..

vue.js에서 jquery없이 bootstrap을 사용하기 위해 bootstrap-vue를 설치 하려고 한다. 적용하려는 프로젝트로 이동 후, 아래 명령어 실행. npm install bootstrap-vue bootstrap 프로젝트의 main.js 에 아래 코드 추가 import BootstrapVue from 'bootstrap-vue' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap-vue/dist/bootstrap-vue.css' Vue.use(BootstrapVue) 정상 적용 확인을 위하여 보여주고자 하는 페이지에 예제코드 추가 Cras justo odio Dapibus ac facilisis in Morbi leo risu..

자바스크립트 강의를 보다가 이해 안가는 코드가 있었다. 바로.. !! return !!localStorage.getItem('token') localStorage에서 token을 가지고 오는데, 앞에 '!!'는 무엇이란 말인가.. 스택오버플로우에서 찾아보니 아래와 같은 의미라고 한다. Object to boolean. If it was falsey (e.g. 0, null, undefined, etc.), it will be false, otherwise, true. boolean으로 형변환 해주는 역할을 한다. 0 또는 null 또는 undefined 일때는 false를 그외에는 모두 true를 리턴해준다. ex) var intTest = 10; var nullTest = null; var emptyT..

장기효(캡틴판교)님의 'Do it! Vue .js 입문' 을 읽고 필요한 부분은 추가하여 내용을 정리한 글 입니다. 1. Vue.js Vue.js : 웹페이지 화면을 개발하기 위한 프런트엔드 프레임워크 장점 배우기 쉽다. 리액트와 앵귤러에 비해 성능이 우수하고 빠르다. 리액트의 장점과 앵귤러의 장점을 갖고 있다.(앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 랜더링 특징) 특징 MVVM 패턴 :화면을 Model(모델) - View(뷰) - 뷰 모델(View Model)로 구조화하여 개발하는 방식이다. 뷰(View) 사용자에게 보이는 화면 돔(DOM) HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리 돔 리스너(DOM Listener) 돔의 변경 내역에 대해 ..

서비스를 운영하다 보면, 특정 기간에만 팝업창을 노출시켜야 하는 경우가 있습니다. 자바스크립트에서 시간과 날짜를 표현하는 Date 객체를 통해 이를 구현할 수 있습니다. //Date에 Month는 값이 0부터 시작이라 -1 입력 필수 var currentDate = new Date(); var strDate = new Date(2019,4-1,1); //팝업 노출 시작 기간 시간을 적지 않으면 default로 00:00 입력 var endDate = new Date(2019,4-1,7); //팝업 노출 종료 기간 시간을 적지 않으면 default로 00:00 입력 if(strDate.getTime()

회사에서 모바일 웹을 사용하여 서비스를 이용하는 프로젝트를 진행하고 있습니다. 거의 마무리가 되가는 시점에, 문의사항을 하나 받았는데... 기본 키패드에서 '이동' 버튼을 누르면 아무 이벤트도 없고 페이지가 리로드 된다는 이슈였습니다.. 사실 '다음'이라는 임의의 버튼을 만들어 놓았고... 저 키패드에 대한 이슈는 생각도 못 했습니다. 찾아 보니.. 자바스크립트로 사용자의 키 입력을 체크하여 이벤트를 처리할 수 있다는 것을 알았습니다. $("#number").bind('keydown', function (e) { if(e.keyCode === 13){ nextMethod(); } }); keydown은 유저가 키보드를 누르는 순간 이벤트가 실행됩니다. 그리고 저기 보이는 e.keyCode는 ASCII 코..