전체 글 210

자바스크립트>함수 기초(아이디,비번) & 이벤트리스너

버튼1 누르면 '아이디입력하세요' 라는 alert 박스가 떠야함버튼2 누르면 '비번입력하세요' 라는 alert 박스가 떠야함  구현방법은 2개가 있겠군요1. 미리 html로 alert 박스를 2개 만들어놓고 버튼1 누르면 박스1 띄우기~버튼2 누르면 박스2 띄우기~ 이렇게 짜도 되겠지만 이러면 나중에 alert 박스가 100종 필요하면 어떻게 되겠습니까. 끔찍하군요 2. 기존에 있던 alert 박스를 재사용하는겁니다.버튼1 누르면 alert 박스 안의 제목을 "아이디입력하세요"로 바꾸고 alert 박스 띄우기 버튼2 누르면 alert 박스 안의 제목을 "아이디입력하세요"로 바꾸고 alert 박스 띄우기 이러면 효율적일듯요 자바스크립트가 가장 잘하는게 html 변경이니까 제목 바꾸는건 일도 아님     H..

자바스크립트 2024.07.07

자바스크립트> function 문법

function에 사용가능한 파라미터 문법  파라미터라고 하면 어려우니까 구멍이라고 합시다.함수내에 구멍을 뚫어줄 수 있습니다.  function 알림창열기(구멍){ document.getElementById('alert').style.display = 구멍;}지금 함수 내에 구멍을 뚫었습니다.구멍을 뚫는 법은1. () 소괄호 내에 아무 글자나 적고2. {} 중괄호 내에도 같은 글자 아무데나 적으면 됩니다.    구멍을 왜 뚫냐고요?-> 구멍을 뚫으면 함수를 업그레이드해서 사용할 수 있습니다.  구멍이 뚫려있으면 이제 함수를 쓸 때 그냥 쓰는게 아니라소괄호 내에 뭔가 문자나 숫자등을 입력해서 사용가능합니다.    설명하다 function 알림창열기(구멍){ document.getElementById(..

자바스크립트 2024.07.07

자바스크립트 function 문법 & 디버깅 에러

function (일명 함수) 라는 문법이 있는데 이 문법 쓰는 이유부터 알고 지나가봅시다. 함수는 길고 더러운 코드 한 단어로 축약하고 싶을 때 쓰는 문법입니다.간지나는 개발자말로 표현하면 특정 기능을 다음에도 쓰기 위해 모듈화해놓는 문법 인데어려우니 그냥 긴 코드 짧은 단어로 축약하고 싶을 때 쓰는 문법이라고 외우면 됩니다.  function 자유롭게작명(){ 축약하고 싶은 긴 코드}1. function 키워드 쓰고 소괄호, 중괄호 붙이면 됩니다.2. 그리고 소괄호 왼쪽에 작명하고3. 긴 코드를 중괄호 안에 담으면 코드 축약 끝입니다.그럼 이제 자유롭게작명() 이거 쓸 때 마다 그 자리에 긴 코드가 실행됩니다.진짜임 실험해보셈       Alert 여는 코드 function으로 축약해보기 버튼의 o..

자바스크립트 2024.07.07