Study501 PhotoSwipe로 gallery 만들기!! photoswipe PhotoSwipe를 이용하면 간단하고도 깔끔한 갤러리를 만들 수 있습니다. 단계별로 알아 볼 께용.ㅋ First step - 먼저 파일준비하기 phothswipe site 요기서 다운로드한다음에 자신의 프로젝트 폴더에 압축을 풀어 주세용. 저 같은 경우엔 C:/Program Files (x86)/Apache Group/Apache2/htdocs/photoswipe/ 요기로~ Second step - 이제 라이브러리를 적용해보죠~ 기존의 j-query는 못씁니다. photoswipe에서 제공해 주는걸로 대체해야 해용 헤더부분에 아래의 코드를 추가합니당. 1234567891011121314151617181920212223242526 div.gallery-row:after { clear:.. 2015. 2. 12. JQuery Tip!! test code 1. 브라우저 크기에 따른 스타일적용(다른 내용으로 보이도록하기) 아래와 같은 코드를 적용합니다. 1cs 아래의 코드를 예로 들어보면 12cs line 1 은 브라우저의 폭이 599까지이면 mobile이라는 css 스타일을 적용 line 2 는 브라우저의 폭이 600보다 크면 desktop이라는 css 스타일 적용 아래의 코드를 작성했다고 하면 12345678910111213141516171819202122232425262728293031323334 T his is example.This is example.This is example. This is example.This is example.This is example. This is example.This is example.Thi.. 2015. 2. 12. Do it 쉽게배우는 웹앱&하이브리드앱 미션 9 MISSION 9 이번 미션은 버튼 눌러서 페이지 이동하기, 백버튼(뒤로가기) 자동생성이네용. 파일 하나에 페이지를 여러개 구현해봅니다. 일단 소스부터 볼께요. 잡다한 것은 앞의 포스팅을 참고하세요 ㅎ 일단 첫 페이지 입니다. 1234567891011121314 Page One Page Two Page Footer Colored by Color Scriptercs 그리고 둘째 페이지 입니다. 1234567891011121314 Page Two Page Three Page Footer Colored by Color Scriptercs 소스를 받아보시면 4페이지까지 있는데 같으니깐요. 둘을 비교해보면 다른접이 라인 2에 보이실 꺼예요. 첫 페이지에는 없는 그것!! 바로 "data-add-back-btn="t.. 2015. 2. 12. HTML <j-query > 웹앱 만들어보려고 이리저리 찾다보니 J-query를 많이 사용하는 것 같네요. 그래서 공부해보려고 합니다. 사용할 책은 "쉽게 배우는 웹앱&하이브리드앱" 그리고 Dreamweaver6 드림위버는 6버전을 깔았는데 한글이 안나오네요;;; J-query는 J-Query home page 에서 다운받으면 됩니다. 아님 아래의 코드를 추가하면 바로 쓸 수도 있어용. 123cs 그리고 대충 페이지의 구조를 보면 12345 cs 이렇네요.. 예를 들면 아래와 같이~ 1234567891011 This is Header This content This is Footer Colored by Color Scriptercs data-role 이 말 그대로 역할을 의미하는듯~ 다음 포스트부터 미션하는 거 올리겠습니다~ J-q.. 2015. 2. 12. pull-up 저항과 pull-down 저항을 다는이유 MCU의 입력부분을 설계할 때(가령 버튼을 설계할 때) 풀업(pull up) 혹은 풀다운(pull down)저항을 달게 됩니다. 왜?? 일단 풀다운 혹은 풀업 저항이 없는 경우를 생각해 볼께요. 별다른 저항없이(풀다운 혹은 풀업저항) 바로 버튼을 연결했을 경우입니다. 버튼이 눌려지면 HIGH 떼어지면 LOW로 설계를 한 그림인데요. 버튼이 눌려지면 입력전압이 버튼을 통해 MCU의 입력으로 들어가 HIGH 상태가 됩니다. 하지만 버튼이 눌려지지 않았을 경우, 좀 애매합니다. 일단 LOW로 보여집니다. 하지만 정전기라던가 전압에 이상이 생기면 HIGH로 바뀔수 도 있는 상태입니다. 흔히 FLOATING 상태라고 합니다. 그래서 이걸 방지해주고자 HIGH 또는 LOW의 상태만 있도록 풀업 혹은 풀다운 저항을 .. 2015. 2. 12. ds1338용 HEX <-> DEC 변환 여기서 말하는 HEX DEC 변환은 DS1338용 입니다. DS1338(RTC)보기 일반적인 16진수 10진수 변환이 아닙니다.^^;; 즉 정수 30을 0x30으로 변환해주고, 0x56을 정수 56으로 변한하는 코드입니다. DEC->HEX123456789101112131415int dec2hex(int dec){ int hex; if(decDEC 1234567891011121314int hex2dec(int hex){ int dec; if(hex 2015. 2. 12. 이전 1 ··· 70 71 72 73 74 75 76 ··· 84 다음 인기글
