web sprit

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 가 있는 곳과 같은 경로로 하여 파일을 생성해주면 된다.

상품관리 > 새 상품 등록에서 > 새 샘플사이트 생성 샘플사이트를 생성하였다면 관리버튼을 누르면 관리자 로그인이 뜨는데 아이디는 자동 적용되어있다 비번은 카페24 디자인센터 로그인하는 비번과 동일하다. 로그인 후 내 사이트 바로가기(우측상단) 버튼을 누르면 샘플사이트 화면이 나오는데 주소부분의 ~.com 까지가 호스트이고 admin 페이지에서 로그인 아이디 와 비번이 FTP접속을 위한 ID, PW 이다. 호스트 : 주소 (~.com) 사용자 : 관리자 아이디 비밀번호 : 관리자 비번

1. Viewport 기본설정 width : 넓이 height : 높이 initial-scale : 초기 확대/축소 배율 minimum-scale : 최소 축소배율 (default-0.25, 0~10까지 조정가능) maximum-scale : 최대 확대배율 (default-1.6, 0~10까지 조정가능) user-scalable : 확대/축소 가능여부 (default-yes, yes | no) 2. 자동 전화걸기 태그 방지 (IOS 아이폰 전화링크 색 없애기.) 3. 홈 화면 icon(아이폰) 아이폰에서 바로가기를 추가할 경우 보여지는 아이콘 홈화면 추가 시 라운딩처리는 자동으로 처리된다. 그러므로 아이콘 작업 시 따로 라운딩 처리 하지않아도 된다.(라운딩 작업시 깨져보일 수 있음.) 반사광 효과를 설정..

닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 무료 호스팅을 제공하고 있는다 닷홈 입니다. 우선 위 URL로 접속해 주세요. 일단 회원가입을 잘 진행해 주시고 상단 메뉴에서 웹호스팅 > 무료호스팅을 선택해 주세요. 조금만 스크롤을 내리면 무료호스팅 신청하기가 있습니다. 클릭 무료호스팅의 스펙을 보면 아시겠지만 사양이 그리 높진 않아요. 그리고 트래픽도 적고 그러니 포트폴리오 올리고 잠시 보여지기 위해 쓰이는 거라면 딱 적당한것 같습니다. 신청하기를 누르면 개인 정보나 체크하는 부분이 나옵니다. 이 부분은 당연히 적어야 하는것이고 제일 중요한 부분은 웹호스..

Hexo Hexo is a fast, simple & powerful blog framework powered by Node.js. hexo.io hexo를 이용하여 블로그를 만들기 전 node 와 git 이 설치되어 있다는 전제하에 설명 드립니다. # hexo 글로벌 설치 npm i hexo-cli -g # hexo 디렉토리 생성 hexo init [디텍토리명] # 로컬 서버 실행 hexo server -p 3000 # github 에 올리기 repository 생성 (githun 계정명으로 입력해야 계정명으로 URL 생성) [계정명].github.io # _config.yml 파일 수정 맨 하단 deploy 부분 수정 deploy: type: '' deploy: type: git repo: repos..