web sprit

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 URL로 확인할 수 있었습니다. 아예 기능이 없어진것이 아니기 때문에 다시 키설정을 통하여 사용하는 방법에 대해 알아 보겠습니다. 이 기능은 일종의 Emmet을 이용한 기능으로 단축키를 확인하기 위해서는 package 의 Emmet을 User에 단축키를 설정해 줘야 합니다. Preferences >> Package Settings >> Emmet >> Key Bindings 열린 화면에서 왼쪽이 Emmet 기본 설정부분이고 오른쪽이 User 부분으로 사용하고 싶은 단축키 부분을 User에 옮겨서 사용할 수 있습니다. 왼쪽에 Emmet 기본설정을 보면 태그로 감싸는 단축키가 주석으로 되..

VSCode를 처음 설치하면 소스 코드가 길어도 자동줄바꿈 되지 않고 가로스크롤이 생겨 우측으로 움직여야 나머지 코드가 보일 것입니다. 난 화면안에 스크롤이 생기지 않고 모든 소스가 나오는것을 원하기 때문에 설정에서 고쳐 사용 하겠습니다. File >> Preferences >> Settings 에 들어가 줍니다. 검색영역이 확인 되는데 검색 부분에 다음과 같이 작성해 줍니다. "wordwrap" 위 검색어 입력시 하단에 셋팅에 바로 검색되어 나오는데 Editor: Word Wrap 이 부분을 수정하셔야 합니다. off >>>on 으로 수정하고 다시 소스 코드를 확인해 봅니다. 그럼 가로스크롤 없이 한 화면에 모든 소스코드가 줄바꿈 되어 나오는 모습을 보실 수 있습니다.

블랙프라이데이라 알리할인 혜택에 눈이 멀어 직구를 하다 프로모션코드를 입력하지 않고 카드결제를 해버렸다. 다시 취소하니 프로모션 코드 할인은 적용 되었지만 카드할인 적용은 되지 않았다... 주문시 신중하지 못하면 이런 혜택도 놓치기 때문에 주문 시 주의사항에 대해 알아보기로 합시다. - 예열기간에 주문할 상품을 미리 장바구니에 담아놓자. 왜냐하면 프로모션 코드나 카드할인 같은 경우 선착순으로 진행되기 때문에 미리 장바구니에 담아 빠르게 주문을 하기 위함 입니다. - $150 초과 시 관부가세 적용된다. - 판매자 신뢰도 및 후기를 확인하여 주문한다. - 자동적용 카드할인으로 주문 후 주문을 잘못하여 취소하고 재주문시에는 카드할인이 적용 안된다. 위와 같은 경우가 지금 나의 경우입니다. ㅜㅜ 위 내용을 참..

기존에 알리 익스프레스에서 구매를 했지만, 기본을 간과하여 소소한 손해를 보지않기 위해 내용을 정리하려 합니다. 최대한 단순하게 핵심만 정리하겠습니다. 1. 알리에서 결제를 위해 일단 해외 결제카드가 있어야 합니다. 2. 알리에서의 가격을 원화로 설정하였다면 달러로 변경하여 구매하자. 원화로 할경우 환전 수수료가 더 붙기 때문에 더 비싼 금액으로 구매하는 경우가 있다. (이중환전 방지) 3. 원하는 제품 검색 후 필터에서 평점을 꼭 적용하여 평점 좋은곳에서 구매한다. 4. 150달러(USD) 이상 구매시 관세가 붙기 때문에 150달러 이하로 구매하고 구매하려는 제품이 많아서 150달러가 그냥 넘는다면 150달러 이하로 주문하고 3일의 텀을 두어서 나머지 물품을 또 150달러 이하로 하여 주문한다. (관세..

css 네이밍 작업을 하다 보면 대부분 -(대시)로 이름을 짓는다. 기본적인 에디터에서 단어를 더블클릭하면 _(언더바)의 경우 언더바로 이어진 부분은 모두 선택이 가능하다. 그 반면 대시로 네이밍을 작성하여 마우스로 더블클릭을 하면 대시 전까지만 선택되게 된다. 이게 은근히 작업속도를 느리게 만드는 요인이기도 하다. VS Code 에서 대시를 사용하여도 더블클릭시 모두 선택할 수 있는 설정에 대해 알아 보도록 하자. VS Code를 실행하고 맨 하단 왼쪽에 톱니바퀴 모양 설정 버튼이 있다. 누르고 Settings로 들어간다. 그럼 검색창이 나오는데 wordSeparators 라고 적어주자. 그럼 다음과 같은 화면이 검색되어 나온다. 위의 빨간 박스 안을 주목하자. 안에 -(대시)가 존재하는데 대시만 지운..

vscode에서 Emmet은 기본 내장되어 있다. 간단하게 설명하자면 Emmet은 단축어를 사용하여 html 또는 css를 짧게 작성하고 tab키(단축키)를 누르면 긴 태그를 완성하는데 기존 html 문서에서 emmet을 사용할 수 있다. 그럼 왜 명령팔레트를 이용하여 Emmet을 사용해야 하는가? 이전 sublime text tool을 이용했던 나로선 이 기능이 작업 능률을 올리는데 꼭 필요하다고 느낀다. vscode로 변경하면서 sublime 에서 사용했던 이 기능(Ctrl + Shift + G)이 vscode에도 있다고 생각한다. 한번 찾아보았다. 역시 존재한다. 바로 설명 들어가보자. 1. 명령팔레트 실행 Ctrl + Shift + P 2. 'wrap' 이라고 치고 Emmet: Wrap indiv..

vscode 실행하여 Extensions에 들어간다. live sass를 검색 해보면 Extensions 목록에 Live Sass Compiler 가 있다. 그리고 Live Sass Compiler을 사용하기 위해선 컴파일하고 화면에서 확인하기 위해선 가상서버를 생성해주는 Live server 익스텐션도 필요하다. # 설치 (install) Live Sass Compiler Live server 설치를 했다면 따로 설정이 필요하다. 설정에 대한 내용은 아래 URL에 상세히 나와 있다. ritwickdey/vscode-live-sass-compiler Compile Sass or Scss file to CSS at realtime with live browser reload feature. - ritwic..

위치별 테란으로 입구막기 입니다. 12시 1시 3시 5시 6시 7시 9시 11시

오래된 집 청소기 먼지봉투(필터)를 갈아야 할꺼 같아 제품명을 따로 검색해 보려한다. 먼지봉투를 갈아야하는데 호스 부분도 나중에 갈게되면 갈아야해서 인터넷 검색해보니 어랏~ 팔고 있네 ㅎ 청소기 먼지필터를 보니 청소기는 삼성 제품인데 필터는 옛날 대우제품........ 필터 (삼성전자 VC-L812) 아래 제품도 사용해도 되는것 같다. 아래는 정품 청소기 호스 (삼성전자 VC-L812) 이렇게만 해도 새제품이 된다. 돈을 아끼는 방법이 맞나.......??

FTP접속은 이미지 서버이다. 이곳에 파일을 업로드 하면 된다. 경로는 도메인 끝에 붙어있는 이름이 폴더명으로 시작한다. ex)http://xxx-001.cafe24.com/bizdemo11111/ bizdemo11111 명이 폴더 명이다. css 경로는 아래와 같이 시작하면 된다. ../img/파일명 예를 들어 img 폴더에 font 라는 폴더를 만들었다면 아래와 같이 경로로 css에 bg나 font를 적용하면 된다. ../img/font/폰트 파일명 html의 적용은 다음의 코드로 경로를 넣어 준다. font.css 파일은 admin 의 디자인관리에서 main.css 가 있는 곳과 같은 경로로 하여 파일을 생성해주면 된다.