잡단한것들/코딩연습장 (23) 썸네일형 리스트형 랜덤 문자열 url 만들기 public static String randomUrl() { String url = ""; for(int i=0; i 35) { url += (char)(temp + 61); } else { url += (char)(temp + 55); } } return url; } fun randomUrl(): String { var url = "" repeat(8) { val temp = (Math.random() * 62).toInt() when { temp url += temp temp > 35 -> url += (temp + 61).toChar() else -> url += (temp + 55).toChar() } } return url } 확실히 코틀린 코드가 더 깔끔한듯 자바로 자료구조 구현하기 ArrayList public class ArrayList { private int capacity = 100; private Object[] arr = new Object[capacity]; private int size = 0; void add(Object o) { if (this.size >= this.arr.length) { Object[] newArr = new Object[this.size * 2]; System.arraycopy(this.arr, 0, newArr, 0, this.arr.length); this.arr = newArr; } arr[this.size] = o; this.size++; } void remove(int idx) { System.arraycopy(this.arr, i.. 검색 자동완성 구현 submit input { border: unset; background-color: #e9e9e9; padding: 0.5em; } button { border: unset; background-color: #268ef0; padding: 0.5em; color: #fff; cursor: pointer; } .autocomplete-list { list-style: none; padding: unset; margin: unset; position: absolute; width: 100%; } .autocomplete-list li { border: 1px solid #e9e9e9; } .autocomplete-list li:hover { background-color: #f3f3f3; } .autoco.. 팝업 오픈 팝업 오픈 클로즈 팝업!!! 팝업 닫기 key이벤트 테스트 Vue2-datepicker 한글 커스텀하기 https://www.npmjs.com/package/vue2-datepicker vue2-datepicker A Datepicker Component For Vue2 www.npmjs.com 깃레포지토리에 가면 언어 설정하는 법에 관해 더 자세하게 나와있다. 스타일링은 vue2-datepicker/scss/index.scss 파일 안의 클래스 이름 확인 후 오버라이딩시켜주면 된다. 다만, 지역scope가 아닌 전역으로 스타일을 적용해줘야 한다. ~ 당일 1개월 1년 조회 // 스크립트 작성 // 스타일 커스텀 [JS] yyyy-mm-dd형태로 만들기 (Date객체 활용하기) Date객체를 파라미터로 받아 yyyy-mm-dd꼴로 반환해주는 함수를 만들기 1 2 3 4 5 6 7 8 9 const dateFormatter = date => { const year = date.getFullYear(); const month = 1 + date.getMonth() >= 10 ? 1 + date.getMonth() : '0' + (date.getMonth() + 1); const day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate(); return `${year}-${month}-${day}`; }; 응용편 dateFormatter함수를 이용하여 기간 산정 함수를 만들어보자 1 2 3 4 5 6 7 8 9 10 11 c.. 자바스크립트 비동기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function delay(ms) { return new Promise(r => { setTimeout(r, ms) }); } function getApple() { return '🍏'; } async function getBanana() { await delay(2000); return '🍌'; } async function pickFruit() { const apple = await getApple(); const banana = await getBanana(); return `${apple} + ${banana}` } pickFruit().then(console.log); Colored by Color Script.. 이전 1 2 3 다음
