개린이 개발노트

dataset HTML 내부에 속성을 추가 (개발자만 사용하는 사용자의 정의 속성) dataset으로 설정한 값은 문자로 나타남! (혹시나 숫자타입으로 비교하게 되면 작동이 안되니까 그런것 까지 방지하려면 숫자로 형변환을 시켜야 훨씬더 안전하게 이용가능) 알림창이 뜨는데 일정시간이 지나면 자동으로 사라지는 알림창 만들기 n-5초 뒤에 사라지는 알림창 n-4 n-3 n-2 n-1 n초 뒤 사라지는 알림창 5초뒤에 사라지는 알림창 css는대충만들어서 생략~ let t= 5; setInterval(function() { t--; document.querySelector('.time').innerHTML = t; },1000); setTimeout(hideBlock, 5000); W function hideBl..

주로 print, println만 쓰다가 갑자기 printf 를쓰니 머릿속이 새하얘지며 기억이 안났다. printf 는 서식이 있는 출력으로 지시를 통해 변수의 값을 여러 가지 형식으로 바꿔서 출력할 수 있다. ex) System.out.printf ("출력 서식", 출력할 내용); %d 정수형 출력 %s 문자형 출력 %f 실수형 출력 %c 문자열 출력 %n 줄 바꿈 %b boolean 출력 예제 2. printf예제 } public class PrintTest { public static void main(String[] args) { int a = 3; char b = 'A'; String c = "Code"; System.out.printf("a = %d %n",a); System.out.print..

장바구니 만들기 장바구니 img { height: 200px; } let fruits = [ {name: 'apple', memo: '빨개요'}, {name: 'mango', memo: '달달함'}, {name: 'melon', memo: '맛있음'}, ]; /* for(let i=0; i { let second = ` ${data.name} ${data.memo} 담기 `; $('.row').eq(0).append(second); }) $('.cart').on('click', function(e) { let name = $(e.target).siblings('h5').html(); if(localStorage.getItem('name') != null) { let temp = localStorage.g..

코드 필요하신분 복붙하시라우~!

let div= document.createElement('div'); div.className = 'alert'; /**첫줄에 div태그를 만들고 3번쨰줄에 class를 만든것임*/ div.innerHTML = 'ㅎㅇ'; /**이너html은 태그까지 다 인식해주기때문에 안에 태그까지 다 입력가능 */ document.body.append(div); 개발자 도구를 열어보면 무엇을 만들었는지 더 자세히 확인가능하다 ↓ 태그.append: 해당 태그 끝에 추가 태그.prepend: 맨앞에 추가 태그.before: (해당)태그 이전에 삽입 태그.after:(해당)태그 이후에 삽입 ol.before('이전'); ol.after('이후'); let a = document.createElement('li'); a...

데이터자격시험 (dataq.or.kr) 데이터자격시험 www.dataq.or.kr SQLD 원서접수일, 시험일 등이 발표되었습니다. 자세한 내용은 ↑

반응형 웹 menu1 menu2 menu3 menu4 menu5 반응형 웹은 미디어쿼리를 사용하여 스타일링 합니다. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus qui ducimus dignissimos quisquam, error quos hic quis, o dit molestias, vitae ex pariatur. Laborum commodi, asperiores officia optio sapiente nesciunt amet. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde laborum doloremque, fuga necessitatibus ra..

Download - Sublime Text Download - Sublime Text Sublime Text 4 has been released, and contains significant improvements over this version. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evalu www.sublimetext.com

그리드 시스템: 한 요소가 차지할 크기를 해상도 별로 따로 지정가능. 그리드시스템 클래스명은 col-lg-*, col-md-*, col-sm-*, col-xs-*,이다. 컬럼 라지, 컬럼 미디음, 컬럼 스몰, 컬럼 엑스스몰

CSS · 부트스트랩 (bootstrapk.com) 반응형웹 확인 가능 ↓ CSS · 부트스트랩 에 약간의 패딩과 수평 구분선이 있는 기본 스타일의 .table 클래스를 추가하세요. 그건 매우 불필요해 보이지만, 캘린더와 날짜선택기 같은 플러그인들을 위해 테이블이 널리 사용되는 것을 감 bootstrapk.com 콤포넌트 · 부트스트랩 (bootstrapk.com) 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam..