석봉노트 석봉노트

DEV/javascript

• Javascript 반복문 forEach, for in, for of 사용법

  DEV/javascript 2022. 2. 25. 14:49

  ///////////////////////// // 1. forEach const forEachTest = () => { console.log("[forEachTest]Start!"); // Array, Set, Map 지원... const arr = ['석봉', '시봉', '정훈']; arr.forEach(function(data){ console.log("forEach ?? : ", data); }); } ///////////////////////// // 2. for in : *객체 순환 const forInTest = () => { console.log("[forInTest]Start!"); const obj = { '1' : '석봉', '2' : '시봉', '3' : '정훈', } for (le..

  Read More
• Javascript 함수, 화살표 함수 선언 방법

  DEV/javascript 2022. 2. 25. 14:16

  // 함수 선언 function test() { console.log("Start!"); } // 화살표 함수 선언 const test = () => { console.log("Start!"); }

  Read More
• Javascript 빈 값 체크

  DEV/javascript 2022. 2. 25. 13:59

  /** * 빈 객체(또는 빈 배열) 체크 * @param {object|Array} param * @returns */ const isEmpty = (param) => { if (param == null || param === undefined) { return true; } if (param === "undefined" || param === "UNDEFINED" || param === "null" || param === "NULL" || param.length == 0) { return true; } return false; }

  Read More
• Bootstrap 모달(Modal) 기본 사용법

  DEV/javascript 2022. 2. 22. 15:30

  Bootstrap은 다양한 기능을 제공한다. 이번 프로젝트에서 많이 활용한 모달은 간단하게 정리했다. 우선 모달은 무엇인가? 팝업(Popup) : 현재 화면에 다른 화면을 하나의 창(Browser)으로 보여주는 기능 모달(Modal) : 화면 위에 하나의 작은 화면을 더 만들어 부가적인 일들을 처리할 수 있게 만드는 기능 https://7942yongdae.tistory.com/104 Javascript - 간단하게 CSS를 활용한 모달창 만들기 [Modal / Dialog] 화면을 개발할 때 자주 나오는 구성 요소 중 하나가 바로 모달(Modal) 창입니다. 팝업(Popup) 창과 약간 혼동해서 쓰는 경향이 있기는 한데 Modal과 Popup는 개념이 다릅니다. 팝업(Popup)은 현재 화면에 7942..

  Read More
• Bootstrap 알림, 경고(Alert) 기본 사용법

  DEV/javascript 2022. 2. 21. 17:56

  부트스트랩은 다행이도 이쁜 Alert도 지원한다. 다음과 같은 기본적인 예시 또한 친절하게 알려준다. Holy guacamole! You should check in on some of those fields below. × 아주 훌륭하다. 나는 약간 수정하여 사용하였다. HTML 샘플 테스트 입니다! ALERT TEST Alert? test.js "use strict" // 실행 $(function(){ // ★ 방법 1 // alert이 없을 때 버튼을 누르면 alert을 띄움 // alert이 있을 때 버튼을 누르면 alert을 제거 $(document).on('click', '#tBtn', function(){ // if (alert에 d-none class가 있는 경우) if($('#tAlert..

  Read More