목록분류 전체보기 (240)
web sprit

오래된 집 청소기 먼지봉투(필터)를 갈아야 할꺼 같아 제품명을 따로 검색해 보려한다. 먼지봉투를 갈아야하는데 호스 부분도 나중에 갈게되면 갈아야해서 인터넷 검색해보니 어랏~ 팔고 있네 ㅎ 청소기 먼지필터를 보니 청소기는 삼성 제품인데 필터는 옛날 대우제품........ 필터 (삼성전자 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..

number 속성은 잘 쓰지 않지만 사용시 선언을 하면 아래와 같은 화면이 보여집니다. 대표적으로 위 아래의 버튼을 없애고 싶다........면 css 에 아래와 같이 선언해주면 됩니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* 파이어폭스에서의 초기화 방법 */ input[type=number] { -moz-appearance: textfield; } # 참고 https://wallel.com/select-box-input-box-style-%..

$("[선택자], [선택자], [선택자]").EventMethod(); 어떠한 선택자들이 같은 이벤트의 함수를 실행한다고 한다면 위와 같이 선택자를 여러개 묶어 같이 실행할 수 있습니다. 예를 들어 클래스명이 다른 슬라이드가 있는데 이것을 같은 슬라이드 플러그인 이벤트로 묶고 싶다거나 datepicker 와 같이 달력 기능이 있는 부분을 한번에 묶고 싶다면 사용할 수 있겠습니다. 아래 예시를 보면 어떻게 작성하는지 더 쉽게 이해하실 수 있을 것 같네요. 예를 들어 클릭 이벤트를 여러개의 선택자로 묶고 싶다면 아래와 같이 작성하면 되겠습니다. $(".box01, .box02, #box01, #box02, div, p").click(function(){ //....... }) 선택자로는 클래스명, 아이디명,..

$(selector).on(event, childSelector, data, function, map); 제이쿼리의 on 메서드 활용의 기본형은 다음과 같습니다. $(selector).on(event, function(){ // ..... }); // selector : 이벤트를 적용할 태그나 아이디, 클래스를 선택 // event : 제이쿼리 이벤트 (ex - click, mouseenter, mouseleave 등.) 이벤트를 여러게 연결 하려면 다음과 같이 작성하면 됩니다. $(selector).on({ click: function() { // ..... }, mouseenter: function() { // ..... }, mouseleave: function() { // ..... } }); 위..
jQuery를 사용할때 어떠한 객체의 크기값을 가져오기 위해 아래와 같은 방법을 사용한다. $('.box').width(); // box 클래스의 가로크기 값을 가져온다 $('.box').height(); // box 클래스의 세로크기 값을 가져온다 하지만 위에서의 값을 가져오는 방법의 문제점은 객체에 padding값이나 border값이 있다면 그것을 제외한 순수 가로,세로값을 가져오기 때문에 실제의 크기값을 가져오지는 못한다. 예를 들어 border:1px padding:10px width:100px height:100px .box{ width:100px; height:100px; border:1px solid #000; padding:10px;} 위와 같이 box 클래스를 가진 객체의 실제 width..