web sprit

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 모두 업그레이드

사이트에서 받았지만 나중에 또 까먹고 찾을꺼 같다. 여기다 우선 저장합니다. 누군가 필요한 사람이 있을테니 필요하신분은 다운받아 가세요. 크기제한때문에 분할압축 했습니다.

일하다 우연히 알게 되었습니다. 오랫동안 일을 했는데도 아직 모르는게 많네요... ㅎ textarea 태그에 css로 height 값을 주어도 크롬은 오른쪽 하단을 마우스로 잡고 아래로 드래그하면 길이가 늘어나는데요. 수동으로 잡고 width나 height를 늘리는 것을 막는 css 속성이 있어 소개하려 합니다. 방법은 아래와 같습니다. textarea{ resize: none; } 위와 같이 적용하면 크롬에서 조정하는 부분이 사라지고 마우스로 제어할 수 없게 됩니다. 감사합니다. ^^

소스트리는 git을 활용하기 위한 GUI 툴로 기존 커맨드라인 명령어로 git을 관리하기보다는 보다 편하고 직관적인 화면을 제공합니다. 이러한 편이성을 제공해주는 소스트리 설치방법에 관해 정리해 봅니다. 우선 소스트리 사이트로 이동합니다. Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com 사이트로 이동하면 다운받을 수 있는 버튼이 존재합니다. 저는 Window 환경에서 설치하도록 하겠습니다. 아래와 같이 윈도우용 버튼을 ..

VSCode의 장점이라고 하면 툴안에서 명령어를 실행할 수 있는 터미널이 존재 하고 있습니다. 터미널이라는 용어는 맥북에서 컴퓨터의 명령어를 사용할 수 있는 툴 명칭인데요, 윈도우는 cmd라는 것이 있죠. 기타 그 밖에 powershell, Cmder 등등 많은 프로그램이 존재하는데 여기서는 터미널이라고 통칭하겠습니다. 기존 VSCode 연결되어 있는 터미널은 powershell로 되어있는데, 이것을 Cmder 로 변경하려 합니다. 1. 설정이동. 단추키(ctrl + ,)를 이용하거나 VSCode 화면에서 하단 왼쪽의 톱니 바퀴모양을 클릭하고 Settings를 클릭합니다. 2. settings.json 파일 열고 내용 기입. Settings에 들어오면 settings.json으로 들어가서 소스를 추가 해..