본문 바로가기

전체 글123

emmet 사용하기 html,css 등을 작성할때, 시간을 단축시켜주는 확장옵션입니다. https://emmet.io/ 해당에디터 : vscode, atom, notepad++ 외 다수 그외에도 emmet 플러그인만 설치돼있으면 가능합니다. https://docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io 2020. 8. 13.
reset.css CDN https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use. www.jsdelivr.com 2020. 8. 12.
사이트 기본 와이어프레임 2020. 8. 11.
Image Guide 이미지 스프라이트 운영성 이미지 성격이 아닌 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 Size, Request 최소화를 도모한다. 이미지 타입 선택 프로젝트 종류에 따른 이미지 타입표종류PC webMobile WebMobile AppGIFJPGPNG-8PNG-24이미지 스프라이트 AppGIFJPGPNG-8PNG-24이미지 스프라이트 종류 PC web Mobile Web Mobile App GIF 기본 사용 가능 X JPG 컬러수 많거나 운영성 이미지일 때 운영성 이미지일 때 X PNG-8 X 기본 반투명효과 없고 컬러가 적을 때 PNG-24 반투명효과가 있을 때에만 사용 컬러 수 많거나 반투명효과가 있을 때 기본 이미지 스프라이트 O O X PC Web 기본 포맷은 GI.. 2020. 8. 5.
Naming Guide prefix/subfix/suffix 정의후보자 접두사를 의미하는 것으로, 앞부분에 사용하며, 주로 형태를 나타내는 데 사용된다. ex) tab_notice, tbl_product 등 기본 프리픽스는 형태별로 통일한다. 서브 프리픽스가 필요한 부분은 underscore로 구분하여 표기한다 (line / line_dot) 프리픽스 리스트에 한해 subfix, suffix에서 축약형 네이밍 사용한다 (이외 네이밍은 의미전달 가능하도록 기재) - prefix 2개 이상 중복 시 기능적인 prefix가 맨 앞부분에 위치할 수 있도록 한다. - 단독사용 클래스는 지양하며 prefix를 조합한 형태로 작성한다. 예외:fst, lst, hide, onon 클래스인 경우, 단일 특정요소에 상태변화 클래스를 적용한다면 .. 2020. 8. 5.
Event Page 코딩하기 https://www.melon.com/event/ticket/index.htm?gubunId=&keyword=&pageIndex=0 멜론과 멜론티켓의 꿀케미 혜택! 멜론 GOLD이상 누구나! 멜론티켓 예매수수료 무료! 음악이 필요한 순간, 멜론 www.melon.com 멜론 VIP 혜택관 오직 멜론 VIP만을 위한 특별한 문화 혜택 Melon x Melon 티켓 MVG 멜론과 멜론티켓의 슈퍼꿀케미파워! 멜론 GOLD 이상, 누구나! 예매 횟수 제한없이, 무제한! 정말 쉬운 방법으로, 간편하게! 멜론 티켓 수수료 무료 0원 정말 쉬운 헤택받는 방법! 보고 싶은 공연을 클릭하면 결제 시 자동으로 수수료 무료 혜택 제공! Tip 아래에서 꿀잼공연 추천해드릴게요~ 뮤지컬 〈모차르트!〉 10주년 기념공연 202.. 2020. 8. 4.
git clone(복제) 후 다시 git push(올리기) 1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com 2. 내 컴퓨터에 새폴더를 만들고 Git 저장소 받아오기(clone).. 2020. 7. 31.
Line Awesome 사용하기 코드만 넣으면 아이콘이 뽕!!! 엄청나게 편한 Line Awesome의 사용방법에 대해 알아봅시다. https://icons8.com/line-awesome Download free icons, music, stock photos, vectors Designers, download the design stuff for free — icons, photos, UX illustrations, and music for your videos. icons8.com 사이트에 접속해서 코드만 복사해오면 사용이 가능하다. 그 전에 css를 설치해야 한다. 1. 설치하기 Getting Started 버튼을 눌러 설치 페이지로 이동한다. 1. CDN에서로드 Font Awesome이 이미 설치되어있는 경우 간단히 Line .. 2020. 7. 30.
크롬 시크릿모드 1. 시크릿 모드 실행방법 컴퓨터에서 Chrome을 엽니다. 오른쪽 상단에서 더보기 > 새 시크릿 창 을 클릭합니다. 3. 시크릿 아이콘이 생성됩니다. 다음과 같이 키보드 단축키로 시크릿 창을 열 수도 있습니다. Windows, Linux, Chrome OS: Ctrl + Shift + n을 누릅니다. Mac: ⌘ + Shift + n을 누릅니다. 시크릿 창과 일반 Chrome 창 간에 전환할 수 있습니다. 시크릿 창을 사용할 때만 비공개로 탐색합니다. 2. 시크릿 작업표시줄에 고정하기 1. 바탕화면에 바로가기를 만듭니다. 2. 아이콘 마우스 오른쪽 클릭 후 속성 선택합니다. 3. 속성 > 바로 가기 > 대상(T) 의 exe"뒤에 한칸 떼고 --incognito라고 입력하고 적용을 누르고 확인을 눌러줍니다. 2020. 7. 28.
원페이지 스크롤 Fullpage.js https://alvarotrigo.com/fullPage/ko/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to sections. Fast and simple to use. alvarotrigo.com 2020. 7. 28.
회원가입 폼 http://flato.kr/work/2000n/s503_write.html 이천시동행누리센터 동서양의 아름다운 정원을 품은 이천시동행누리센터으로 여러분을 초대합니다. flato.kr 2020. 7. 24.
유용한 10가지 어도비 XD 플러그인 Adobe XD 의 8 월 릴리스 에서 XD는 새로운 플러그인 패널을 도입했습니다. 플러그인 패널은 플러그인 개발자가 플러그인을 표시하는 데 사용할 수있는 디자인 캔버스와 함께 새로운 표면입니다. 사용자가 디자인 작업을하는 동안 플러그인을 열어두면 디자이너에게는 큰 이점이 있습니다. XD 플러그인은 디자인 캔버스에서 사용자의 선택을 읽고 실시간으로 반응 할 수 있습니다. 새로운 플러그인 패널을 사용하는 유능한 개발자 커뮤니티에서 빌드 한 플러그인이 이미 많이 있습니다. 지난주에 시도한 10 가지 플러그인은 다음과 같습니다. 각 플러그인 사용 경험을 공유합니다. UI Faces by Mighty Alex 사용자 인터페이스 디자이너 인 경우 디자인 모형에서 아바타를 더 사실적으로 보이게 추가하는 빈도를 알고.. 2020. 7. 24.