본문 바로가기

2017/03

[Webpack] Bootstrap tooltips require Tether Tether(http://tether.io/)는 HTML에서 절대 위치(ex. position:absolute, 수동위치, x,y 사용)를 이용한 화면을 만들 때 편리한 라이브러리이다. Bootstrap에서는 tooltip 컴포넌트가 이 라이브러리를 이용하여 개발되었다. 그래서 Tether도 같이 인클루딩 해줘야 한다. 아래는 Webpack에서 안 했을 때 나는 에러이다.Error : Error: Bootstrap tooltips require Tether (http://tether.io/) at http://localhost:9060/main.bundle.js:2754:11 이런 에러가 날 때는 간단하게 아래와 같이 Webpack Config의 ProvidePlugin에 추가해주면 된다.(대소문자 유의..
libpng 관련 에러 타 OS에서는 이런 에러가 안 나는 것 같은데 Mac에서는 이런 에러가 발생한다.ERROR in ./src/main/webapp/app/menu/cover/images/header-background.jpg Module build failed: Error: dyld: Library not loaded: /usr/local/opt/libpng/lib/libpng16.16.dylib Referenced from: ~/Documents/Workspaces/workspace_intellij/restaurant/node_modules/mozjpeg/vendor/cjpeg Reason: image not found 해결 방법은 간단하게 홈브류를 통해 libpng를 설치해주면 된다. brew install libpng
[macOS] Mac에서 ll 사용하기 terminal에서 아래 명령어 입력 혹은 ~/.profile에 추가하기. $ alias ll="ls -lhFG" 간략 설명 ls : 디렉토리 & 파일 목록 보기 -l : List로 보기(파일당 한 줄 씩) -h : List로 보기할 때 나오는 용량을 단위에 맞춰서 보여주기(ex, 2012B를 1.9K로 보여줌.) -F : 디렉토리명 뒤에 슬러시를 붙여서 보여준다. -G : 디렉토리명의 색을 바꿔서 보여준다.