목록분류 전체보기 (240)
web sprit
메인보드 제조업체 대표적으로 ASUS, GIGABYTE, MSI, ASRock 이 외에 ECS, 폭스콘, 이엠텍 등 CPU와 메인보드의 호환 문제 칩셋(메인보드 성능) 칩셋이란 보드의 기능을 구분해 놓은것. 즉 보드의 성능을 나타내기도 한다. 인텔 메인보드 칩셋 종류 H310(저가형) < B360(보급형) < H370(고급형, 오버클럭불가) < Z390(고급형, 오버클럭가능) 또 예를 들어 B360M pro4에서 M은 MATX를 나타낸다(크기를 나타낸다는 뜻) 즉 케이스를 작은것을 선택해야 한다. AMD 메인보드에서 AM4 칩셋 종류 A320(램오버만 가능) < B450(램오버, CPU오버 가능) < X570(전원부 강화 버전) 전원부란 예를 들어 전원부가 좋다라는 말은 보드가 허용할 수 있는 오버클럭의..

VSCode 익스텐션 설치 경로 : C:/Users/사용자이름/.vscode/extensions IntelliSense for CSS class names in HTML - Visual Studio Marketplace Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace. marketplace.visualstudio.com 작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다. 좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 매우 유용하다 생각이 듭니다. vs..

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 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..