TOAST UI Component 설치
TOAST Ui 컴포넌트를 설치하기 위해서 bower install tui-code-snippet명령어를 사용하면 된다.
하지만 Windows는 기본적오르 bower가 설치되어 있기 않기 때문에 이를 설치해 npm install bower 명령어를 가지고 설치해주면 된다.
하지만 역시!! npm 또한 Windows에 깔려있지 않기 때문에 이를 위해 Node.js를 깔아줘야한다.
Node.js 홈페이지에 들어가면 OS에 맞는 Node.js를 추천해 주기 때문에 쉽게 설치 할 수 있다.
여기서 끝난 것은 아니다. npm명령어로 bower를 설치하기 위해서는 git bash가 필요하다.
Windows용 git 다운로드 페이지에 들어가면 쉽게 받을 수 있다.
Code Snippet을 받기 위한 환경설정이 끝이 났다.
이제 설치를 시작하면 된다.
git bash를 키고 bower install tui-code-snippet 명령어를 입력해 설치를 진행한다. 여기선 예제로 color picker를 사용할 것이 때문에 같이 설치한다. bower install tui-component-colorpicker
각 파일들은 ‘C:\Users(USER NAME)\bower_components'경로에 설치된다. 테스트용 코드를 작성해 정상 작동하는지 확인해보자.
다음과 같은 코드를 작성해 ‘C:\Users(USER NAME)\bower_components'에 저장한다.
이 파일을 실행시키면
정상 동작하는 것을 확인 할 수 있다.