김코드의 웹디자인 세상

https://y-seon97.tistory.com/47 ❏ css - 드롭다운 메뉴만들기 (dropDown-menu) 안녕하세요! 오늘은 웹 페이지에 사용하는 드롭다운 메뉴를 만들어보도록 하겠습니다! 메뉴가 아래로 드롭다운이 되도록 자바스크립트를 넣어서 만들어 보도록 하겠습니다~ ٩( *˙0˙*)۶ ✎ hrml y-seon97.tistory.com 지난시간에는 드롭다운 메뉴의 틀과 css를 적용하는것까지 해볼 수 있었습니다. 오늘은 메뉴바가 아래로 드롭다운이 될 수 있도록 자바스크립트 코드를 작성해보고 입력해보는 것까지 해보도록 하겠습니다! ✎ js const toggleMenu = () => document.body.classList.toggle("open"); 코드가 비교적 쉽죠? 그런 후 html..

안녕하세요! 오늘은 내장 객체를 배워보면서 응용으로 프로그램을 만들어보았습니다. Math.random함수를 사용하여 만들어보았네요! Math.random함수로 특정 범위의 랜덤 한 정수 값을 생성시켜 반환하는 함수입니다. function getRandomInteger(min, max){ return Math.floor(Math.random() * (max - min + 1)) + min; } 위의 함수는 랜덤 정수값에 대한 최솟값과 최댓값을 파라미터로 전달하면, 최솟값과 최댓값 사이의 정수를 반환하는 함수입니다. 이 함수를 기반으로 코드를 작성해보았습니다 function getRandomInteger(min, max) { return Math.floor(Math.random() * (max - min +..

안녕하세요! 이번 시간에는 자바스크립트의 나머지 내장 객체에 대해서 알아보겠습니다. (ง˙∇˙)ว 5, Date 객체 자바스크립트에서 닐짜와 시간을 다른 객체입니다. 사용자 브라우저의 타임존을 기준으로 날짜와 시간을 보여줍니다. - Date 생성자 Date 객체는 다음과 같이 4가지 방법으로 생성할 수 있습니다. ➀ 사용자 브라우저의 시간을 가져오는 경우 let now = new Date(); console.log(now); ➁ 특정날짜로 시간을 지정하는 경우 let d = new Date(2022, 11, 12, 15, 46, 48, 0); console.log(d) ➂ millisecond let d2 = new Date(0); let d3 = new Date(100000000000); ➃ 날짜 문자..

안녕하세요! 저번 시간에는 자바스크립트의 내장 객체 중 object객체와 string객체에 대해서 알아보았습니다. 그럼 이번시간에는 내장 객체 중 Number객체와 Array객체에 대해서 알아보겠습니다! ( *˘╰╯˘*) 3. Number객체 Number객체는 숫자를 다룰 때 유용한 프로퍼티와 함수를 제공하는 레퍼 객체입니다. 레퍼 객체는 원시 타입의 값을 감싸는 형태의 객체입니다. 자바스크립트에서는 정수와 실수를 따로 구분하지 않고 모든 수를 하나의 실수 하나로 표현하며 64비트 부동 소수점 수로 저장됩니다. - toString() 숫자형 데이터를 문자형 데이터로 변환해주는 함수입니다. let a = 123; // 숫자형 데이터 a.toString(); // 문자형 데이터 (123).toString()..