본문 바로가기

웹코딩 배우기293

자바스크립트 - ISO 날짜 See the Pen ISO Date by nilgi (@nilgi) on CodePen. • ISO "2024-02-24" - 국제표준 • 짧은 날짜 "02/24/2024" • 긴 날짤 "Feb 24 2024" or "24 Feb 1982" const idate = new Date("2024-02-24"); • ISO는 일을 입력하지 않아도 된다. 결과는 01일을 표시한다. const idate1 = new Date("2024-02"); • ISO는 년도만 쓸 수 있다. 01월 01일을 표시한다. const idate2 = new Date("2024"); • ISO 날짜와 시간 표시 방법 const ids1 = new Date("2024-02-24T12:24:24Z"); // (YYYY-MM-DDTHH.. 2022. 10. 20.
vertical-align 요소 수직 정렬 See the Pen vertical-align by nilgi (@nilgi) on CodePen. vertical-align: baseline; vertical-align: sub; vertical-align: super; vertical-align: top; vertical-align: middle; vertical-align: bottom; vertical-align: text-bottom; vertical-align: 28px; vertical-align: -28px; 2022. 10. 18.
자바스크립트 - 날짜 표시 방법 See the Pen 날짜 표시 방법 by nilgi (@nilgi) on CodePen. const d = new Date(); document.getElementById("grd").innerHTML = d; // 기본 document.getElementById("grd1").innerHTML = d1.toString(); // GMT(Greenwich Mean Time) 방식 표시 document.getElementById("grd2").innerHTML = d2.toUTCString(); // UTC(Universal Time Coordinated) 방식 표시 document.getElementById("grd3").innerHTML = d2.toDateString(); // 읽기 쉬운 방식 표시.. 2022. 10. 11.
자바스크립트 날짜 규칙 2 See the Pen Date() #2 by nilgi (@nilgi) on CodePen. const gd = new Date("February 24, 2024 12:24:00"); // "날짜"로 쓰면 원하는 날짜를 입력할 수 있다. const gd1 = new Date(0); // 컴퓨터 시작 날짜는 1970년 1월 1월. 생각보다 젊네? const gd2 = new Date(-100000000); const gd3 = new Date(100000000); // 숫자 하나는 밀리초다. -밀리초는 1970년 1월 1일 이전이고 +밀리초는 1970년 1월 1일 이후다. 2022. 10. 6.
자바스크립트 날짜 규칙 1 new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) const sba = new Date(1982, 6, 24, 12, 24, 12, 24); - 자바의 순서는 0부터 시작하므로 1월은 0이고 12월 11이다. 17월은 5월이다. new Date(년, 월, 일, 시, 분, 초) // 여섯 개의 숫자로 지정 new Date(년, 월, 일, 시, 분) new Date(년, 월, 일, 시) new Date(년, 월, 일) new Date(년, 월) // 월은 생략할 수 없으며 숫자 하나는 밀리초로 표시한다. new Date(82, 6, 24); // 두 자리 연도는 19xx로 표시 n.. 2022. 10. 4.
자바스크립트 - Date() 날짜 See the Pen Date() by nilgi (@nilgi) on CodePen. • new Date(); document.getElementById("d_y").innerHTML = dy.getFullYear() + "년"; document.getElementById("d_m").innerHTML = dm.getMonth() + 1 + "월"; document.getElementById("d_d").innerHTML = dd.getDate() + "일"; document.getElementById("d_h").innerHTML = dh.getHours() + "시"; document.getElementById("d_mi").innerHTML = dmi.getMinutes() + "분"; docum.. 2022. 9. 29.
자바스크립트 - key, entries, includes : 요소 반환 표시 See the Pen key, entries, includes by nilgi (@nilgi) on CodePen. • key() : 요소를 반환하여 키로 표시 const keys = car.keys(); • entries() : 요소를 반환하여 키와 값으로 표시 const c1 = car1.entries(); • includes() : 요소가 배열에 있는지 확인 car2.includes("lexus"); 2022. 9. 22.
자바스크립트 - indexOf, lastIndexOf : 요소 위치 See the Pen indexOf(), lastindexOf() by nilgi (@nilgi) on CodePen. • indexOf(): 요소 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng1 = name1.indexOf("닐기") + 1; // 요소가 없을 때 -1로 표현 // 요소가 두 번 이상 나오면 첫 번째 위치 표시 • lastindexOf(): 요소 마지막 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng2 = name2.lastIndexOf("닐기") + 1; // indexOf는 i가 소문자고 lastIndexOf는 i가 대문자. // 자바에서 순서는 0부터 시작하므로 +1을 해준다. 2022. 9. 20.
CSS - 배경 그라디언트(그라데이션) See the Pen 배경 그라디언트 by nilgi (@nilgi) on CodePen. .g1 {background-image: linear-gradient(0deg, red, white);} .g2 {background-image: linear-gradient(45deg, red, white);} .g3 {background-image: linear-gradient(90deg, red, white);} .g4 {background-image: linear-gradient(180deg, red, white);} .g5 {background-image:-webkit-linear-gradient(left top, blue, white);} .g6 {background-image:-webkit-linear.. 2022. 9. 20.
자바스크립트 - 요소 찾기 find, findIndex See the Pen find(), findIndex() by nilgi (@nilgi) on CodePen. • find(): 요소 찾기 let gf1 = no1.find(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소를 표시 • findIndex(): 요소를 찾고 그 요소의 위치 표시 document.getElementById("gr_fi").innerHTML = no2.findIndex(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소의 위치 표시 2022. 9. 15.
자바스크립트 - every(); some(); See the Pen every(): 모든 요소 검사 by nilgi (@nilgi) on CodePen. • every(): 모든 요소 검사 let every_num = gr_nums.every(myFunction); function myFunction(value) { return value > 100; } • some(): 일부 요소 검사 let some_num = gr_nums1.some(myFunction); function myFunction(value) { return value > 50; } 2022. 9. 13.

티스토리툴바