Profile
이온디

19 일 전

시멘틱UI 공부하기

조회 수 22 추천 수 0

1. 

시멘틱UI를 이용해서 레이아웃 만드는게 목표입니다.

지금 몇 주째 제대로 공부를 안하고 있네요 ㅠㅠ/

공부시도기는 계속 적어보겠습니다. ㅠㅠ


1. Sementic UI 쉽게 시작하기

간단하게 코드펜에서 시작하세요!

샘플예제

https://codepen.io/ketanonline/pen/zMjMmJ

CSS

https://cdn.jsdelivr.net/npm/semantic-ui@2.1.8/dist/semantic.min.css

JS

https://code.jquery.com/jquery-2.2.0.min.js

https://cdn.jsdelivr.net/npm/semantic-ui@2.1.8/dist/semantic.min.js





2019년 4월 14일

1) 윈도우에서 bash 사용하기

https://blogs.msdn.microsoft.com/eva/?p=7633

2) cmder 설치하기

https://busy.org/@paul9/conemu-cmder

https://cmder.net/


3) cmder에서 semantic-ui 설치하기

a.  환경

Windows10

node -v : v10.15.3

npm -v : 6.4.1

b. 오류

Creating src/theme.config (LESS config) d:\........

c. 알려진 문제

https://github.com/Semantic-Org/Semantic-UI/issues/6641


 4) nodejs 제거 후 재설치

https://exhesham.com/2017/12/01/how-to-downgrade-nodejs-and-npm-on-windows/

https://nodejs.org/dist/v10.1.0/

node-v10.1.0-x64.msi 를 찾아서 다운로드 후 윈도우에 설치함.

5) npm instal semantic-ui --save 성공

6) gulp build 성공

7) gulp 명령어

https://semantic-ui.com/introduction/build-tools.html

gulp 알아보기

https://code.tutsplus.com/ko/tutorials/managing-your-build-tasks-with-gulpjs--net-36910

gulp install : sematic.json 설치 질의

gulp watch : 기본값

gulp build : Build all files (dist 폴더에 semantic.css 등을 생성함)

gulp clean : dist 폴더를 삭제함

gulp version : dist 폴더에 생성한 semantic-ui 버전 확인

gulp build-javascript

gulp build-css

gulp build-assets

gulp serve-docs

gulp build-docs

8) theme 변경

https://semantic-ui.com/usage/theming.html


Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

Profile
에디터
번호 제목 날짜
공지 [기획제작기] 이온디에서 제작 배포 중인 레이아웃 2013.03.13
152 [Git] 시간의 속도 4 일 전
151 [XE기타] 누리고 오류 일기 9 일 전
150 [운영] 12 일 전
149 [웹] Fontawesome SVG with JS 13 일 전
148 [XE기타] XE SEO 구글 사이트맵 등록하기 16 일 전
147 [웹] 부트스트랩 템플릿을 이용해서 홈페이지 제작하기 17 일 전
146 [웹] #SCSS + sourcemap 작성하는 이유 17 일 전
145 [웹] phpstorm scss 동작 안됨!! ㅠㅠ 18 일 전
144 [웹] XE3 설치 19 일 전
143 [웹] Autoset10.7.2 설치 19 일 전
142 [웹] AdobeXD 실행 안됨 19 일 전
141 [기획제작기] 만들어보고싶은 레이아웃2019 19 일 전
140 [웹] 온라인 에디터 19 일 전
139 [하드웨어/OS] 결국 윈도우 새로 초기화 ㅠ_ㅠ 19 일 전
[웹] 시멘틱UI 공부하기 19 일 전