web sprit

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..

작업 시 브라우저 자동완성 기능으로 보안이나 UI면에서 방해 요소로 작용합니다. 자동완성을 막기 위해 아래와 같은 속성을 추가 해야 합니다. 속성값으로는 on 과 off이 있습니다. on은 default 값으로 기존에 입력한 내용의 값이 있다면 자동완성 기능으로 화면에 목록으로 표시 됩니다. 이 기능을 비활성화 하고 싶다면 off 값을 넣어주면 됩니다. 개별마다 autocomplete 값을 off으로 주면 너무 번거로울 수 있습니다. form 요소 전체에 autocomplete 값을 off으로 주고 싶다면 아래와 같이 적용해 주면 됩니다. ............. * 부연설명 name : Form 태그를 통해 다른 페이지로 값을 전송할 경우 name 속성을 이용합니다.

빌드연습이나 건물 심시티 연습할때나 사용해야겠다... show me the money 가스와 미네랄을 10000 생성 operation cwal 건물과 유닛을 빨리 생성 modieval man 유닛 업그레이드 something for nothing 모두 업그레이드