Blog Content

  • HTML CSS 2줄 말줄임

    Category 개발연습막쓰기/개발연습 막쓰기 on 2017. 3. 2. 18:45

    HTML CSS 2줄 말줄임 HTML CSS로 문서 컬럼 여러줄일경우에 말줄임 방법 CSS HTML 123456 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. CSS123456789.box{width:200px;display: block;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; // 컬럼개수 overflow: hidden;max-height: 36px;}

    Read more
  • VSCODE 단축키

    Category 개발연습막쓰기/개발연습 막쓰기 on 2017. 3. 1. 18:26

    VSCODE 단축키Visua Stduio Code 단축키 f5 # 디버그 시작/정지 shift + f5 # 디버그 중지 f9 # breakpoint on/off f10 # 디버그 현재 라인 실행 f11 # 디버그 함수의 경우 함수 내부로 들어가서 실행 f12 # 함수 정의 가기 shift + f12 # 현재 함수를 참조하는 부분 보기 alt + shift + f # 포맷팅 alt + shift + i # 선택된 영역에서 각 라인의 끝에 커서 insert ctrl + ` # 통합 터미널 열기 ctrl + n # 새문서 열기 ctrl + s # 현재 문서 저장 ctrl + p # 빠른 파일 열기 ctrl + d # 선택(selection) 하며 찾기 ctrl + f2 # 현재 파일에서 전체 선택(select..

    Read more
  • 디자인 참고 사이트 정리 여러가지

    Category 리뷰/리포트 on 2017. 2. 16. 11:32

    디자인 참고 사이트 정리 http://blog.naver.com/whangaksu/130069423985 - 이미지들을 잘 정리하여 스크랩 하였다. http://www.psdstation.com/ - 각종 PSD파일을 판매하는 외국 사이트 (깔끔하고 심플한 디자인) http://www.bong7.com/ - 프리랜서 디자이너들을 위한 아이콘이나 각종 사이트를 정리해둔곳 http://sixrevisions.com/photoshop/25-web-design-layout-tutorials/ - 25가지 웹디자인 레이아웃 http://www.youthedesigner.com/ - 디자인 관련 블로그 http://designtutorials4u.com/25-fresh-and-high-quality-free-psd..

    Read more
  • 퍼블리싱 워크리스트

    Category 개발연습막쓰기/개발연습 막쓰기 on 2017. 2. 6. 10:45

    HTML 워크리스트1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651..

    Read more
  • HTML 푸터 고정

    Category 개발연습막쓰기/개발연습 막쓰기 on 2017. 1. 30. 11:53

    HTML 푸터 고정 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 New Document html, body {margin:0; padding:0; height:100%;} #wrap {min-height:100%; position:relative;} #header { background:#ff0; padding:10px; } #container {padding:10px; padding-bottom:60px;} /* contianer padding-bottom px*/ #footer { position:absolute; bottom:0; width:100%; height:60px; backgroun..

    Read more
  • 전동차

    Category 취미생활/사진 on 2017. 1. 25. 14:39

    전동차 아침에 출근길에 한컷.. 요즘 폰카.. 정말 잘나오는듯... 그나저나 귀떨어질듯 춥네.. Galaxy A7ⓒ sub' s

    Read more
  • 스타벅스 텀블러

    Category 나의 일상/일상 on 2017. 1. 5. 11:57

    스타벅스 텀블러 스벅 텀블러 선물 받음~ 잘쓰겠습니다.

    Read more
  • 구글검색할때 필요한것만 검색하자 꿀팁 9가지

    Category 리뷰/리포트 on 2017. 1. 3. 17:51

    구글 검색할때 꿀팁 9가지방법 01반드시 포함된 단어 / 문장을 저장하기"서비의 블로그"------------------------------------------------------------------------------------큰 따옴표("내용")를 입력하면 해당단어와 문장이 포함된 결과만 나오게 된다. 예를들어 "서비의블로그"를 검색하면 서비의블로그 라는 단어가 포함된 검색어만 나온다. 02제외할 검색어 지정하기"음식-김치"------------------------------------------------------------------------------------검색어 앞에 마이너스 - 를 입력하면제외할 결과만 보여준다.음식 - 김치 검색하면 김치를제외한 음식의 검색 결과만 보여주게..

    Read more
  • CSS animate 사이트

    Category 개발연습막쓰기/개발연습 막쓰기 on 2016. 12. 27. 16:53

    CSS animate 사이트 https://daneden.github.io/animate.css/

    Read more
  • Visual Studio Code - open browser

    Category 리뷰/리포트 on 2016. 12. 8. 17:23

    Studio Code - open browser 비주얼스튜디오코드 Visual Studio Code - open browser 방법 window와 mac 의 접근방식은 동일하나 코드 삽입 방법이 다르다. 접근 방법 1. Ctrl + Shift + P -> configure task Runner 입력 -> 엔터 2. TypeScript - tsconfig.json 선택 3. 입력 window의 경우 아래 코드 삽입 저장 { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "0.1.0", "command": "Chrome", "windows": {..

    Read more