윤시의 블로그

💡함수란?코드를 작성하다보면, 유사한 동작(기능)을 하는 코드가 여러 곳에서 필요할 때가 있음.EX) 로그인 & 로그아웃 시 나타나는 안내 메시지함수는 불필요한 중복 없이 유사한 동작을 여러 번 호출할 수 있게 함.함수의 주요 용도 ⇒ 중복 코드 피하기💡함수 선언function showMessage() { alert( '안녕하세요!' );}함수 선언 방식→ funtion 함수명 ( 매개 변수 ) { 동작 내용 }function 함수명(매개변수) { // 동작 내용}function 키워드로 함수 선언을 시작함수명은 함수의 이름이며, 이를 통해 함수를 호출할 수 있음괄호 () 안에는 매개변수를 넣습니다. 매개변수가 여러 개일 경우, 각 매개변수를 콤마로 구분함함수 본문은 {} 중괄호로 감싸서, 함수가..

투두리스트를 만들며 새로고침 할 때마다화면에 명언을 랜덤으로 출력하는 코드 정리  // 1. 명언(quote)과 저자(author)를 저장한 배열을 생성// 배열 내 각 항목은 quote와 author 속성을 가진 객체const quotes = [ { quote: "The way to get started is to quit talking and begin doing.", author: "Walt Disney", }, { quote: "Life is what happens when you're busy making other plans.", author: "John Lennon", }, { quote: "The world is a book and those who do..

1. Login const LoginInput = document.querySelctor('#login-form input');const loginButton = document.querySelector('#login-form button');// 사용자가 로그인 버튼을 클릭했을 때 실행될 함수 정의function onLoginBtnClick() { console.log(loginInput.value);}// 로그인 버튼에 'click' 이벤트 리스너를 추가하고, 클릭 시 위에서 정의한 함수 실행loginButton.addEventListener('click', onLoginBtnClcik);  1) JavaScript에서 submit 이벤트 처리하기   태그를 사용하여 입력 폼을 구현할 때, 사용자가 ..

1. Alert UI 디자인 html 파일알림창 css 파일.alert-box { 디자인 요소} UI를 평소에 숨기고 싶다면 display: none / visibility: hidden다시 보여주고 싶다면 display : block / visibility: visible  2. 버튼 누르면 Alert UI 보여주기버튼document.getElementById('아이디').style.display = ' ';=> '아이디명'을 클릭했을 때 보여주기  3. function 문법function 자유롭게작명() { 축약할 긴 코드} 알림창알림창 버튼Alert창을 여는 코드를 function을 사용해서 축약 function 알림창열기(구멍) { document.getByElementById('alert').s..