Hello 100A

mb_strlen 함수 문자열의 길이 값 구하는 함수 echo mb_strlen(‘test’); //4 를 출력 substr 문자열 위치 값 알아내기 echo substr(’test’, 0, 1); //t 를 출력 substr 함수는 시작 위치가 0임

const area = { "동서울":["관악구", "강남구", "성동구","중량구"], "북서울":["강북구", "성북구", "도봉구", "노원구"] }; let index = []; for (var x in area) { index.push(x); } index.sort(function (a, b) { return a == b ? 0 : (a > b ? 1 : -1); }); document.querySelector('.text').innerText=area[index[1]][3];

마우스 오버시 수직으로 flip 되는 아주아주 간단한 css소스 입니다. HTML FRONT BACK CSS .content{ width:500px; height:100vh; background:#333; margin:0 auto; } .circle{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:300px; perspective: 600px; } .circle .front, .circle .back{ position:absolute; top:0; left:0; width:100%; height:100%; backface-visibility: hidden; border-radius:50px;..

사이드바 모바일이나 반응형 웹에서 자주 사용하는 사이드바입니다. 사이드바는 css 만으로 동작이 되니 사이드바만 사용시에는 js파일이 없으셔도 됩니다. 아코디언메뉴는 jquery로 작업했으며 1.4.4로 작업했습니다. 사이드바 width는 70%이며 사이즈 변경시에는 .sidebar 에서 width와 left 값 둘다 변경하셔야합니다 html코드입니다. HELLO hello1 hello2 hello3 hello4 hello5 hello6 GOODBYE bye1 bye2 bye3 GOODNIGHT goodnight1 goodnight2 goodnight3 css코드입니다. .content{height:100vh; background:#ccc; margin:0 auto; position:relative;} ..

초간단 progress bar 소스입니다. Click me! .progress-area{ width:500px; height:50px; background:#e1e1e1; border:3px solid #b1b1b1; margin:30px; position:relative; } .progress{ position:absolute; width:100%; height:100%; left:0; top:0; } .progress.on{ background:#b1b1b1; animation:progress 3s linear; animation-fill-mode:forwards; } .btn{ width:200px; height:50px; background:#b1b1b1; text-align:center; lin..