Library of developer

NVM(Node Version Manager)를 통한 nodejs 설치에 대해 알아보자.

NVM을 통하여 기존 설치된 node.js 버전을 변경하는 동작도 가능하다.

다음 명령을 통해 NVM을 설치한다.

• $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

설치된 NVM 버전은 다음 명령을 통해 확인 가능하다.

• $ nvm --version
• 0.32.1

NVM 설치가 잘 안되면 아래 명령으로 개발에 필요한 기본 패키지를 설치한다.

• $ apt-get install build-essential libssl-dev

NVM 설치가 끝나면 다음과 같이 원하는 버전의 nodejs를 설치한다.

• $ nvm install v12.18.2

NVM을 통해 nodejs가 설치되면서 npm도 같이 설치가 된다.

• $ npm -v
• 3.10.8

현재 설치된 nodejs 버전은 다음 명령으로 확인가능하다.

• $ nvm ls

현재 사용중인 nodejs 버전은 다음 명령으로 확인가능하다.

• $ nvm current
• v12.18.2

• $ nvm alias default v12.18.2
• default -> v12.18.2

Bootstrap 의 Input 태그 사용시 아래와 같이 입력한 text를 지우는 기능을 넣는 방법에 대한 코드

HTML

    

        
        
    
    

     
    

});

CSS

::-ms-clear {
  display: none;
}
.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

JavaScript

$('.form-control').on('input change', function() {
  var $this = $(this);
  var visible = Boolean($this.val());
  $('.form-control-clear').toggleClass('hidden', !visible);
}).trigger('propertychange');

$('.form-control-clear').on('click', function() {
  $('.form-control').val('').trigger('change').focus();
  $(this).toggleClass('hidden', true);
});

Reference: https://codepen.io/frosdqy/pen/grbxGW

fontawesom 라이브러리는 HTML 파일내에서 알려진 특정 아이콘을 사용하기 쉽게 제공한다.

• http://fontawesome.io/

라이브러리를 다운로드 받아 사용하지 않고 CDN을 사용하려면 다음 주소를 사용하면 된다.

• https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
• <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

아래의 아이콘리스트중 사용하고 싶은 아이콘이 있다면 <i> 태그안에 class 속성으로 아이콘 이름을 넣어주면된다.

• http://fontawesome.io/icons/

예제

• <i class="fa fa-bus" aria-hidden="true"></i>

fontawesome의 <i> 태그는 Bootstrap 을 이용하고 있다면 <span> 태그를 대체 가능하다.

• <span class=glyphicon glyphicon-remove"></span>