기록저장소

참고) kamang-it.tistory.com/entry/css%EC%A7%80%EC%98%A5%EC%97%90%EC%84%9C-%ED%83%88%EC%B6%9C%ED%95%98%EC%9E%906-css%EB%A1%9C-%EC%82%BC%EA%B0%81%ED%98%95%EC%9D%84-%EA%B7%B8%EB%A0%A4%EB%B3%B4%EC%9E%90?category=772188 css지옥에서 탈출하자(6) - css로 삼각형을 그려보자 이 시리즈는 필자가 웹프로그래밍을 겪으면서 생각처럼 잘안되고 짜증나는 css를 효율적이게 쓰기위해서 만든 시리즈이다. 여기에 들어온 여러분들도 이 쓰레기 같은 css의 고통을 같이 덜수 있� kamang-it.tistory.com nanati.me/css-balloons-..

참고) csslayout.io/patterns CSS Layout ∙ Explore Hit the Subscribe button for the latest news on my tools. No spam. Ever! © 2020 Nguyen Huu Phuoc. All rights reserved csslayout.io

$(function(){ //전체선택 체크박스 클릭 $("#allCheck").click(function(){ //만약 전체 선택 체크박스가 체크된상태일경우 if($("#allCheck").prop("checked")) { //해당화면에 전체 checkbox들을 체크해준다 $("input[type=checkbox]").prop("checked",true); // 전체선택 체크박스가 해제된 경우 } else { //해당화면에 모든 checkbox들의 체크를해제시킨다. $("input[type=checkbox]").prop("checked",false); } }) }) 전체선택 : 참고) roqkffhwk.tistory.com/34 jquery 체크박스 전체 선택/해제 샘플소스 jQuery attr / pr..

- 윈도우팝업 var windowPop = window.open(url, windowName, [windowFeatures]); windowPop (반환값) : 반환값이 없으면 null리턴 url (주소) : 새창이 보여질 주소, 갑싱 비어있을경우 빈창 ex) pop1.html, pop2.do windowName (팝업이름) : 팝업창의 이름, 동일한 팝업창이 열려있을 경우 해당팝업창의 내용이 초기상태로 바뀜 windowFeatures (팝업속성, 옵션) : 크기, 스크롤 등 ex) width, height, left, top, scrollbars, resizable, location(주소창 표시여부) .btn 클릭시 popup.html 윈도우 팝업 _ 크기 위치값 등 설정 $(".btn").click(..

//HTML 체크 //기본체크박스없애기 .checkboxWrap input[type = "checkbox"] {display:none;} //label 속성변경 .ckeckboxWrap input[type = "checkbox"] + label{ display:inline-block; cursor:pointer; } //새로운 디자인 .checkboxWrap input[type = "checkbox"]:checked + label{ background:url(../img/img.jpg) no-repeat center; background-size:cover; } 참고) ithub.tistory.com/229 checkbox 디자인 변경하는 방법 안녕하세요. 웹 작업을 하거나 하이브리드앱을 만들때 chec..

input 비활성화 disabled _ form 내부에서 전송불가능 readOnly _ form 내부에서 전송가능 아이콘삽입 - 1개 //input css background: url(images/icon.png) no-repeat 7px 7px; - 2개 //input css background: url(image/icon.png), url(image/check.png) background-repeat: no-repeat; background-position: left top, right bottom; 최소, 최대 글자수 설정 - 최소글자수 - 최대글자수 박스선택시 테두리 설정 - 테두리 색상 변경 input:focus {outline:2px solid #d50000;} - 테두리 없애기 input:f..

jqueryui.com/datepicker/#date-range Datepicker | jQuery UI Datepicker Select a date from a popup or inline calendar The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (b jqueryui.com www.daterangepicker.com/ Date Range Picker — JavaScript Date & Time P..

현재 시간을 기본값으로 설정하기 여러개일 경우 id값 구별하기 - month 타입에 현재 월 설정하기 - date 타입에 현재 일 설정하기 - time 타입에 현재 시간 설정하기 - datetime-local 타입에 현재 날짜, 시간 세팅하기 document. getElementById() : 주어진 문자열과 일치하는 id속성을 가진 요소를 찾고 element객체에 반환 document. querySelector() : id가 없는 요소 Date : 시간의 특정 지점을 나타내는 Date객체 생성 JS Date 객체 생성(초기화) : new 연산자 사용 toISOString() : 단순화한 확장 ISO형식의 문자열 반환, 반환값은 항상 24글자 또는 27글자 slice( begin, end ) : 원본 배..

syntactic sugar async & await _ clear style of using promise :) 1. async function fetchUser(){ //if) do network request in 10secs.. return 'ellie'; } const user = fetchUser(); console.log(user); //promise function fetchUser(){ return new Promise((resolve, reject)=>{ //do network request in 10secs.. resolve('ellie'); }); } const user = fetchUser(); user.then(console.log); console.log(user); //asy..

'use strict'; Promise is a JavaScript object for asynchronous operation : 비동기 간편처리obj 1) State: pending -> fulfilled or rejected 2) Producer vs Consumer 1. Producer _ when new Promise is created, the executor runs automatically. const promise = new Promise((resolve, reject) => { //doing some heavy work(network, read files) console.log('doing something...'); setTimeout(()=>{ //resolve('ellie'); r..