단비의 코딩 공부 blog

1. HTML previous next Manifest Manifest Manifest Manifest Manifest Manifest Manifest Manifest 2. CSS .carousel_view{width: 100%; height: 31rem; margin: auto; position: relative; display: flex;} .carousel_control{position: absolute; z-index: 1; height: 31rem; width: 4rem; background-color: rgba(221, 221, 221, 0.5); display: table; display: none;} .carousel_control:first-of-type{left: 0;} .carouse..

//외부 영역 클릭 시 팝업 닫기 $(document).mouseup(function (e){ if($(".alramPopup").has(e.target).length === 0){ $(".alramPopup").hide(); } }); //ESC 키 누를시 팝업 닫기 $(document).keydown(function(e){ //keyCode 구 브라우저, which 현재 브라우저 var code = e.keyCode || e.which; if (code == 27) { // 27은 ESC 키번호 $('.alramPopup').hide(); } });

1. html No. 구분 발신자 관련 업무 경험 획득 숙련도 요청 제목 요청일 완료일 답변상태 진행상황 내용 내용 내용 내용 0.1 내용 2023년 05월 2023년 05월 미답변 진행중 관련업무경험 내용 내용 내용 내용 내용 숙련도 내용2 내용 내용 내용 내용 완료 내용 내용 메세지 보내기 2. css table, tr, th, td{height: 44px;} th, td{padding-left: 12px; position: relative;} table{width: 100%; border-radius: 12px; border-collapse: separate; border-spacing: 0;} table .selected{background-color: #CBC8C2;} thead tr th{bo..

9. async & await - 직관적인 비 동기 처리 코드 작성하기 // async // function hello() { // return "hello"; // } function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } async function helloAsync() { await delay(3000); return "hello Async"; } async function main() { const res = await helloAsync(); console.log(res); } main(); // console.log(hello()); // console.log(helloAsync()); 10. A..

7. 동기 / 비동기 function taskA(a, b, cb) { // console.log("A 작업 끝"); setTimeout(() => { const res = a + b; cb(res); //console.log("A TASK END"); }, 3000); } function taskB(a, cb){ setTimeout(() => { const res = a * 2; cb(res); }, 1000); } function taskC(a, cb){ setTimeout(() => { const res = a * -1; cb(res); }, 2000); } taskA(3,4, (res) =>{ console.log("A TASK RESULT : ", res); }); taskB(7, (res) =>..

4. 조건문 업그레이드 function isKoreanFood(food){ //if(food === '불고기' || food === '비빔밥' || food === '떡볶이') { if(['불고기','떡볶이','비빔밥'].includes(food)) { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); // const getMeal = (mealType) => { // if(mealType === '한식')return "불고기"; // if(mealType === '양식')return "파스타"; // i..

1. Truthy & Falsy const getName = (person) => { if (person === undefined || person === null) { return "객체가 아닙니다"; } return person.name; }; let person = null; const name = getName(person); console.log(name); //////////////////////////////////////// -> const getName = (person) => { if (!person) { //false NOT => True return "객체가 아닙니다"; } return person.name; }; let person; const name = getName(perso..

1. html 댓글 많은 뉴스 $$_Title_$$_1 $$_Title_$$_2 $$_Title_$$_3 2.CSS 3.JS