react > tailwindcss 적용하기

리액트 프로젝트 생성 > npx create-next-app@latest --typescript 생성된 프로젝트에서 아래 명령어 실행 > npm install -D tailwindcss postcss autoprefixer > npx tailwindcss init

• format_list_bulleted Programming/Front-End
• · 2022. 7. 7.
• textsms

[chrome] livereload does not work

'livereload' extension does not work https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei you can use this 'livereload++'https://chrome.google.com/webstore/detail/livereload%2B%2B/ciehpookapcdlakedibajeccomagbfab/related livereload가 동작하지 않을때 크롬에 확장프로그램을 livereload가 아닌 livereload++을 사용하시면 됩니다. tag : could not download livereload,js

• format_list_bulleted Programming/Front-End
• · 2020. 2. 17.
• textsms

프론트엔드 개발에 유용한 ATOM 플러그인

atom (http://atom.io) 은 프론트엔드 개발할때 유용한 오픈소스다 아래는 유용한 플러그인을 정리해 보았다... 더 유용한게 뭐가있을까.. atom-beautifyautoclose-htmlhighlight-selectedcolor-pickerjavascript-snippetsjavascript-snippets vuejs language-vue

• format_list_bulleted Programming/Front-End
• · 2017. 11. 29.
• textsms

브라우져 지원 범위 확인 http://caniuse.com

신기술을 사용하다보면 하위호환성을 챙겨야 할때가 있다. 아래 사이트에서 기능 검색어를 입력하면 어디까지 지원하는지를 쉽게 볼수 있다 . http://caniuse.com

• format_list_bulleted Programming/Front-End
• · 2017. 3. 22.
• textsms

SVG 파일을 웹폰트로 변환하기

SVG 파일을 웹에서 그냥 쓰기에는 복잡하기도 하고 번거롭기도 하다 .아래 사이트를 이용하여 웹폰트로 만들어 놓으면 bootstrap처럼 웹폰트로 간단하게 만들어서 사용할수 있다. https://icomoon.io/

• format_list_bulleted Programming/Front-End
• · 2017. 3. 14.
• textsms

[serve] 간단한 웹서버 실행하기

프론트 개발을 하다보면 웹서버 위에 실행 시켜야 할 경우가 생긴다. 간단한 웹서버는 serve라는 패키지로 실행시킬 수 있다. 설치방법은 해당 폴더에서 npm을 이용하여 설치한다. (당연히 node.js가 설치되어 있어야 한다. $ npm install -g serve 설치 후 해당 폴더에서 아래와 같은 명령어로 웹서버를 실행시킬수 있다. >> serve 자세한 옵션은 아래 사이트를 참조하자https://www.npmjs.com/package/serve

• format_list_bulleted Programming/Front-End
• · 2016. 6. 12.
• textsms