http://www.spire.live/#app


메트로놈으로 박사를 맞추고 그위에 오디오를 한트랙씩 쌓아가는 방식





posted by jisunlee

http://cafe.naver.com/paramsx/128476


posted by jisunlee

출처 : http://ppss.kr/archives/24086

모바일 앱 디자이너가 꼭 알아야 할 벤치마킹 사이트 13선

화면구성에 대한 고민. 고민. 고민.

각 페이지의 프레임을 제공하거나 장면전환의 아이디어를 얻고 싶은 사람들에게 벤치마킹은 언제나 필요하다. 간단하게 각 사이트가 어떠한 특징이 있는지만 정리해 보고자 한다.

정리기준: 카테고리 유/무, 기타 특징.

 

1. http://www.mobile-patterns.com/

카테고리(OK) 안드로이드/아이폰 화면 제공.

1-RtTjYetf4e7pCHmanjAIaA

 

2. http://uxarchive.com/

카테고리(OK) 아이폰 전용. 별도의 앱만 따로 볼 수 있는 기능 제공.

1-A9Xla2YeZ3Dh0UkuDIiWVg

 

3. http://pttrns.com/

카테고리(OK) 아이폰/아이패드/iOS7 별 화면 제공.

1-7IjiLsgkQQZbZucsuWcqtA

 

4. http://www.uiparade.com/

카테고리(OK) 일부 소스에 따라 다운로드 가능.

1-FLjT-bU71uEjCDlIhlEy5w

 

5. http://inspired-ui.com/

카테고리(OK) 아이폰/안드로이드/아이패드 별 화면 제공.

1-vVNunKqxwtg2-JulfMmzKQ

 

6. http://androidniceties.tumblr.com/

카테고리(NO) 안드로이드 전용 사이트. 사이즈 별 화면 제공.

1-PQOYad9r5EEFg3nohQyYJA

 

7. http://androidpttrns.com/

카테고리(OK) 안드로이드 전용 사이트.

1-y72aIdGZzKqKA4-IYdX2qg

 

8. http://patterntap.com/

카테고리(OK) 모든 디바이스의 UI를 카테고리별로 제공.

1-RzX8KvEEkiHEZsLfhgU7Zg

 

9. http://littlebigdetails.com/

작은 디테일을 잡아내어 안내해주는 사이트. 영어로 설명해주기 때문에 약간의 회화능력이 필요하지만, 보게되면 “아!”하는 영감을 얻을 수 있다.

1-f9a5eMMEo26HE5w5w2lwRw

 

 

움직이는 화면을 직접 제공하는 사이트들

10. http://capptivate.co/

카테고리(OK) 캡쳐 화면 위에 마우스를 오버하면 장면전환 효과를 경험할 수 있다.

1-rfiA3qlf3wgFde-I9NcBOg

 

11. http://ui-animations.tumblr.com/

카테고리(NO) 각 앱별의 움직임을 GIF 애니메이션으로 캡쳐한 사이트.

1-9Dj3ALQO-3Vd8bSV5D__fg

 

12. http://dribbbleboard.com/

드리블보드. 필요없는 부분을 다 걷어내고 썸네일만 보여준다. 슥슥 둘러보기 편한 사이트. 드리블에서 제공하는 “Popular/Everyone/Debuts”의 메뉴도 있어서 편리.

1-qzPrE8s8gjpyJ396BLjixQ

 

13. 보너스: http://www.graphicsfuel.com/2013/12/20-mobile-app-concepts-with-gif-animated-previews/

1-JO8DqOREOrnCVCUnRX0aIw

GraphicFuel의 모바일 앱에 대한 UI 트랜지션 효과 위주로 정리한 블로그의 글. 이녀석도 참고가 된다. 주로 실제 앱이 아니더라도 컨셉 디자인으로 제작된 UI도 있으니 참고해서 볼만하다. (2014/03/03 추가 분)

 

마지막으로, 작은 팁!

각 사이트에서는 꾸준한 방문을 유지시키기 위해 “메일링 리스트(SUBSCRIBE)” 기능을 제공하거나 소셜 미디어를 통해 꾸준히 자신들의 컨텐츠를 발신중이다.

매일매일 방문하는 수고를 들이지말고, 이러한 기능들을 이용하여 그때 그때 해당 정보를 손쉽게 받아들이는 것을 추천한다.

원문: https://medium.com/@img75

set pieces come loose and models call in sick
Isabel Marant Sale Why do my shirt pockets curl like this

posted by jisunlee

앱 인벤터 app inventor 를 이용하면 자신이 원하는 간단한 아이폰, 안드로이드 앱을 만들어 볼수 잇습니다.

토드 교수님 수업에 가르치고 있습니다.

 

그외에도 다양한 앱 빌딩 툴들이 쏟아져 나오고 있습니다.

만약에 만들고자 하는 앱이 간단한 거라면 개발자 없이 직접 만들어 볼 수 있습니다.

http://mashable.com/2013/12/03/build-mobile-apps/

 

 

posted by jisunlee


KASHIWASATO.COM for iPad from THA on Vimeo.


posted by jisunlee

http://www.koubachi.com/

 

어떤 식물인지를 선택하면, 물을 언제주는지 알려줌. 센서를 화분에 꽂아두면 데이터를 모아서 와이파이로 알려줌 .  

 

 

posted by jisunlee

엄마가 쿠키라는 센서를 통해서 가족들을 돌봐야 하는데이터를 처리하고, 관리할수 있도록 해줌.

https://sen.se/

 

 

 

posted by jisunlee

 

환자 의학 데이터 보고서 형태의 아이패드 앱...

 

 

 

 

posted by jisunlee

<터치기기를 위한 디자인 팁 9가지

>

1. 가장 중요한 터치 영역을 확인하라

2. 콘텐츠를 컨트롤 위에 배치하라

...

3. 선례에 따르는 것이 좋다

4. 화면 크기만 보고 터치 특성이 같다고 생각하면 안 된다

5 .모든 데스크탑 디자인도 터치를 고려해서 만들어야 한다.

6. 터치 영역은 최소 44*29 픽셀 이상으로 하라

7. 수직으로 44 픽셀 vertical rhythm을 만들어라

8. 아이콘이 클 수록, 가까이 있을수록 터치가 쉽다 (Fitts의 법칙)

9. 스크린만 생각하고 디자인하지 말고, 센서를 생각하고 디자인하라

http://bahns.net/5673522

 

 

posted by jisunlee

 

도형으로 배우는 수학 : 유아용

https://itunes.apple.com/us/app/prestobingo-shapes/id494347130?mt=8

 

위의 앱 디자인 한 회사

http://spurdesign.com/

posted by jisunlee

모바일 앱 패턴 갤러리 

http://www.mobile-patterns.com/

http://www.lovelyui.com/


아이폰  UI 가이드 

https://developer.apple.com/library/ios/design/


안드로이드  UI  가이드

http://developer.android.com/design/index.html


한글 무료 글꼴, 웹폰트

http://blog.bsmind.co.kr/890


아이폰 그리드 참고

http://uielements.net/mobile-guides/iphone-5-grid-psd/


안드로이드 그리드 참고

http://developer.android.com/design/style/metrics-grids.html



좋은 앱디자인 참고

http://www.webdesignerdepot.com/2013/07/20-beautifully-designed-smartphone-apps/



http://www.behance.net/


300개의 아이콘을 무료로 다운로드 받아 쓸수 있음 

http://www.alessioatzeni.com/metrize-icons/

posted by jisunlee






posted by jisunlee

http://baak.me/2012/08/%EC%A0%84%EB%9E%B5%EC%A0%81%EC%9D%B8-%EB%AA%A8%EB%B0%94%EC%9D%BC-%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9D%B4%ED%95%91%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%8B%A4%EC%A0%84-%EA%B0%80%EC%9D%B4%EB%93%9C/


파워포인트나 아크로뱃리더를 이용하는 것도 같은 원리 

https://groups.google.com/forum/?fromgroups#!topic/uiuxstudy/XGzDXiJGZQA


키노트 프로토타이핑 만드는 방법 영상

http://vimeo.com/20778110

http://keynotekungfu.com/


가장 쉬운방법은 드림위버에 구현하고

이를 웹서버에 올려놓고 클릭하게 하는것


iphone

http://popapp.in/

해본것중에 가장 쉬움... 그러나 무료버전은 페이지수에 제한있음 

(안드로이드는 조만간 출시 예정)


사실 웹이나 앱 기획서를 만들면 페이퍼 단위로 그려지기 때문에 액션이나 실제로 돌아가는 모습을 시뮬레이션하기 쉽지 않습니다. 하지만 이 앱을 이용하면 간편하게! 시뮬레이션 해 볼 수 있어서 좋아요

근데 이 앱은 별도의 사용방법 가이드 없이도 쉽게 사용할 수 있어서 좋습니다!

우선 앱스토어에서 앱을 다운 받습니다. (iOS만 지원됩니다!! >_<)

그런 다음 각각의 화면의 상세 링크를 추가하면 되는데요! 링크는 사진과 사진끼리 연결할 수 있습니다.

각각의 부분에 링크영역을 설정한 후, Link to를 누르면 페이지를 선택할 수 있는 화면이 나옵니다.

단순 링크만 있다면 조금 아쉬울 텐데요! 단순히 링크만 거는것이 아니라 화면 전환에 대한 효과도

선택 할 수 있습니다.

Basic / Next / Back / Rise / Dismiss

아래에서 위로 올라오는 효과 혹은 왼쪽에서 오른쪽으로. 그 반대의 액션들을 선택하여 지정할 수 있습니다.



iphone and ipad

http://giveabrief.com/

http://realizerapp.com/


Android



web 기반의 모드 모바일 기기를 지원하는 .. 



(유료) http://www.appgyver.com/prototyper

앱가이버
앱가이버(AppGyver)는 프로토타이핑을 위한 프로토타이퍼(Prototyper), 폰갭(PhoneGapp)을 개발하는 스테로이드(Steroids) 등이 포함된 모바일 개발툴이다.
사람들이 증상에 맞는 의사를 찾을 수 있도록 도와주는 베터닥터(BetterDoctor)의 CEO 아리 툴라는 “앱가이버는 앱개발과 구상 모두에 훌륭한 툴"이라며 "우리는 앱가이버 프로토타입을 사용해 팀 내부는 물론 소비자들과 함께 새로운 아이디어를 실험해보고 검증한다”고 말했다. 그는 아이폰용 개발툴로 앱가이버 스테로이드를 선택한 것에 대해서도 만족한다고 말했다. 그는 "스테로이드는 친숙한 웹 개발 기술로 네이티브 모바일 앱을 개발할 수 있어 완전한 네이티브 코드를 사용하는 것보다 전체 과정을 훨씬 용이하다"며 "단 앱가이버 스테로이드는 현재 핵심 네이티브 요소들을 제공하지만 여전히 부족한 요소들이 있다"고 말했다.


다운로드 받아서 설치해서 쓸수 있음 

http://www.justinmind.com/prototyper/download


다운로드 필요없음

http://proto.io/


http://www.fluidui.com/



웹사이트와 모바일까지 다 커버하는...

http://www.axure.com/



posted by jisunlee

참고  

A-Camp 3기 위펫, 박혜령 작업


A-Camp 3기 최고의 여친, 김보람 작업

http://vimeo.com/56126269/


안드로이드 폰 플레이스토어에서 '최고의 여친'을 찾아주세요. 

posted by jisunlee

초등 고학년이나 중고등 학생들에게 앱개발을 쉽게 가르치기 위해서 나온 어플리케이션

http://appinventor.mit.edu

 

 

posted by jisunlee
안드로이드폰 가진 학생 모두 다운로드 해주세요!!!
인터렉티브 미디어 디자인 2 수업과 A-Camp 에서 진행한

본과 4학년 김보람 학생과 김민수 님이 개발한 최고의 여친 마켓에 올라갔습니다.


데모영상

http://vimeo.com/56126269/


안드로이드 폰 플레이스토어에서 '최고의 여친'을 찾아주세요.
페이스북 로그인은 문제가 있을수 있습니다.
아이디 만들어서 로그인하셔요.


posted by jisunlee

Tablet, mobile, & email

  • iPad: 1024x768
    Landscape orientation
  • iPad: 768x1024
    Portrait orientation
  • iPhone: 640x960
    Portrait orientation
  • Email: 640px

Desktop environments

  • Standard: 972px
  • Widescreen: 1144px
  • IAB-Friendly: 1000px
    (Allows for a 320px-wide sidebar that can house a 300x250 unit with 10px of padding.)

출처 :

http://www.ravelrumba.com/photoshop-grids/


위의 출처에 가면 아래쪽에 각각의 해상도에 해당하는 포토샵 화일이 들어있는 zip 화일을 다운로드 받을수 있음

https://github.com/downloads/robflaherty/photoshop-grids/photoshop-grids-v0.1.zip

이 zip 화일을 다운로드 받아서 풀고 거기에 있는 포토샵 화일을 기준으로 그 위의 그리드에 디자인 작업을 시작할것


스크롤 되는 영역까지 템플릿에서 만들고 싶다면.

http://www.benhayes.com/2012/05/adobe-illustrator-responsive-web-design-template/


와이어 프레임 작업용 프린트해서 쓰는 템플릿을 원한다면

http://www.matthewstephens.com/


posted by jisunlee

보호되어있는 글입니다.
내용을 보시려면 비밀번호를 입력해주세요.

보호되어있는 글입니다.
내용을 보시려면 비밀번호를 입력해주세요.

보호되어있는 글입니다.
내용을 보시려면 비밀번호를 입력해주세요.

보호되어있는 글입니다.
내용을 보시려면 비밀번호를 입력해주세요.

웹사이트를 앱으로 개발할때 참고하면 좋은 기사


실제 디자인 결과물에 가까운 페이퍼 프로토타이핑 테스트를 통하여 오류를 최소화함
http://www.snd.org/2010/04/inside-the-design-process-for-nprs-ipad-app/
posted by jisunlee
http://awardlook.com/oneshow/integrated/pedigree/dogalike/
Dog-A-Like
http://itunes.apple.com/au/app/dog-a-like/id441893795?mt=8&ls=1
posted by jisunlee
증강현실을 이용한 캔버스화 아이폰용 앱
간단한 인터페이스이면서도 제품선택에서 구매까지 구현



http://judgeseyesonly.com/converse-sampler-app

다운로드는 여기에서
http://itunes.apple.com/us/app/the-sampler-by-converse/id392276032?mt=8
posted by jisunlee
http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development

다운로드 페이지
http://www.teehanlax.com/downloads/
posted by jisunlee
앱센터 목요일 스터디에서 전무익님이 발표해주신 내용입니다.
출처 : http://uxuistudy.tistory.com/14

발표 슬라이드
(출처: http://www.html5rocks.com/ - 구글에서 제작한 슬라이드입니다.)

참고자료

예제
posted by jisunlee

1. 모바일 페이지 작성시 사파리로 테스트 방법
   1) 스마트폰으로 직접 페이지 열어보기
   2) 사파리 브라우저를 이용한 개발자 도구 이용하기

위의 URL에서 웹브라우저 인스톨러를 다운로드 받습니다.
인스톨 하시고 나서 오른쪽 상단에 톱니바퀴같은것을 보실수 있습니다.
이 톱니 바퀴를 선택하시면 여러개의 메뉴가 보이고 "기본설정.."이라는것을 선택하시면
새로운 창에 여러가지가 뜹니다. 그중에  고급 아이콘을 클릭하시면 하단에
"메뉴 막대에서 개발자용 메뉴 보기"라는 것에 체크박스를 표시합니다.
그리고 나서 네모난 종이같은 아이콘은 상단 에서 클릭하면
"개발자용"이라고 메뉴가 새로 보이는 것을 확인할수 있습니다.
"개발자용"을 클릭하시고 "사용자 에이전트"를 아이폰 또는 아이패드 등으로 설정하시면
해당 device에 최적화한 화면으로 보실수 있습니다.

개발하실때 인터넷 익스플로러를 띄우셔서 자신의 일반 웹사이트를 확인하시고

사파리 웹브라우져에서는 "아이폰" 또는 "아이패드"를 확인하면서 작업하시면됩니다.

2. 포토샵에서 디자인 먼저하기
480 x 320 에 안에 디자인 하기
http://www.vcarrer.com/2010/06/iphone-grid-system.html
http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/


모바일 웹페이지를 만들때 CSS에서 주의하여야 할것

3. 모바일 웹페이지에 css 적용(다음의 모바일 웹 css 에서 찾음)
아래의 css를 긁어서 .css화일을 만들기
 
-----------------------------------------------
/* base */
body {
 margin: 0;
 padding: 0;
 background-color: #fff;
 -webkit-text-size-adjust: none;
}
img, fieldset {
 border:0 none;
}
dl, ul, ol, li {
 list-style: none;
}
hr {
 display:none;
}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, body {
 margin: 0;
 padding: 0;
 font-family: '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica', 'Apple-Gothic';
 font-size: 15px;
} /* font-size는 달라짐 */
a {
 text-decoration: none;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 color:#333;
}
a:link, a:hover, a:active {
 text-decoration: none;
}
input, select, textarea {
 font-size: 100%;
 vertical-align: middle;
}
em {
 font-style:normal;
}
/* layout */
body {
 margin: 0;
 padding: 0;
 background-color: #fff;
 -webkit-text-size-adjust: none;
 letter-spacing:-1px;
}
-----------------------------------------------
모바일웹페이지의 head 부분에 external css로 삽입니다.
<!-- 모바일 css 삽입 -->
    <LINK REL="stylesheet" HREF="m_sun_hp.css">

4. 모바일 웹 홈 아이콘 만들기
<head> 부분에 아래의 메타태그를 삽입할것

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0"/> 
 <meta name="apple-mobile-web-app-capable" content="yes" /> 
 <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
 <link rel="apple-touch-icon" href="iphone_icon.png"/>  
 <link rel="apple-touch-startup-image" href="startup.png" /> 


http://visualcommunication.tistory.com/entry/웹디자인2-아이폰-아이콘-PSD

이미지를 png 화일로 저장해야 함을 잊지마세요!
모바일 웹페이지 html 화일과 같은 폴더안에 두세요.



5. 모바일 브라우저와 일반 브라우저 연결 구분 방법
    자신의 PC 웹페이지 index.html  <head> </head> 사이에 삽입합니다.
<script type="text/javascript" src="detectmobilebrowser.js"></script>

이때 아래의 detectmobilebrowser.js를 아래에서 다운받아서 메모장으로 열어서 빨간색으로 표시한 부분을 자신의 웹호스팅내의 모바일웹.html 화일주소로 수정합니다.

주의! 업로드 하는 .js 화일의 확장자에 .txt가 붙어 있는지 확인하고 붙어있으면 제거 합니다!
 


 detectmobilebrowser.js화일 내용

-----------------------------------------
(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://detectmobilebrowser.com/mobile');
-----------------------------------------
   4) 빨간 글씨 자신의 모바일 메인페이지로 수정
.js 화일에서 위에 표시된 붉은색 글씨 영역 'http://detectmobilebrowser.com/mobile'부분을 자신의 모바일 홈페이지 URL로 대신 쳐넣습니다.

   5) 소스 다운로드는 http://detectmobilebrowser.com/ Open source mobile phone detection

.js 화일 / pc 용 웹페이지 index.html / 웹용 웹페이지 m_index.html 을 자신의 홈페이지 제작을 위한 FTP에 업로드 합니다. 


6. 무료 호스팅 신청하기

http://dothome.co.kr/web/free/index.php
무료호스팅 공간만 신청해서 자신의 화일들을 ftp를 이용하여 업로드 합니다.
신청방법
http://ilryu.tistory.com/113

파란의 무료 웹호스팅
http://bizfree.paran.com/helper/h/h_man_list.html
파란 웹호스팅 - FTP 접속/업로드 방법
http://visualcommunication.tistory.com/entry/파란-웹호스팅-FTP-접속업로드-방법

http://www.mireene.com/index.php?pid=free_hosting/content
한달간 무료 호스팅 신청할수 있는곳


7. ftp로 업로드 하기
프리웨어 ftp 프로그램을 다운로드 받는다.
파일질라
http://filezilla-project.org/download.php
알FTP
http://www.altools.co.kr/Product/ALFTP_Intro.aspx

posted by jisunlee

보호되어있는 글입니다.
내용을 보시려면 비밀번호를 입력해주세요.


원래 웹사이트 메인 화일

여기에서 모바일 디바이스로 가는것을 구분해주는 js 화일

모바일웹사이트 메인 화일


이 세개의 화일을 다운로드 받아서 보세요.
posted by jisunlee