본문 바로가기
#7-1 / checkbox,radio 핸들링 ⚡ 전체선택 (checkbox)- 전체선택 체크박스는 핸들링만을 위한 기능(편의) / 해당 체크박스 데이터는 보내진 않는다 전체선택 선택1 선택2 선택3 선택4 선택5 ⚡ agree ( radio )radio태그 특성 : name 기준 / id로 컨트롤시 어려움 발생함(radio는 id를 쓰지 않고 핸들링할수 있는 유일한 태그 )동일한 name일 경우 배열 형태의 기준으로 변경된다.(name이 동일하면 보이진 않지만 배열화가 된다.) 전체동의 동의함 동의안함 동의함 동의안함 동의함 동의안함 2024. 4. 26.
#6-2 / HTML + Javascript(video,input value(로그인)) ⚡Video tag ⚡ input + Javascirpt 활용 ⚡ 로그인 페이지 활성화- 유일하게 submit과 reset에 onclick 작성X => submit은 상위 form태그에 onSubmit="return 함수명()"에 작성- 작동 실패 조건에 return false; 해야 action이 작동하지 않는다 아이디 : 패스워드 : 상위 form태그에 onSubmit=""에 작성 return을 활용하여 method와 action을 컨트롤함 기본적으로 return; 또는 return true; form 이름을 활용한 submit() 사용시 데이터는 전송된다. --.. 2024. 4. 25.
#6-1 / 배열,랜덤함수 ✅ 배열배열 : array (1차원 , 2차원.. 다차원 배열)배열 번호는 0부터 시작데이터를 나열 시켜서 연속성있게  구성된 구조데이터베이스에 아주 중요하다배열 데이터는 삽입,삭제,수정이 가능하다(유동성)⚡ 1차원 배열var data = [10,5,16,22,8]; //배열 리스트 데이터(1차 배열)console.log(data[3]); //배열 출력 방식-배열 번호로 출력/*--------반복문을 이용한 배열 데이터 출력--------*/var ea = data.length; //배열 갯수 확인var f;for(f=0; f ⚡ 2차원 배열//2차배열의 기본 구조(복합, 문자 많이 사용)var data = [ //각 데이터 갯수가 동일해야함 ["홍길동","이순신","강감찬"], ["일반회원.. 2024. 4. 25.
#5-2 / Js(함수) Js 파일 연동 및 함수 활용   ⚡ js파일 로드 ⚡함수 -함수명은 동일한 이름 x-함수 - 일반함수 : 호출형태-  이벤트 핸들링 함수 : 이벤트를 발생 (ex- 로그인 버튼)-  이벤트 버블링 함수 : 하위 > 상위로 전달하는 형태 (인자값 전달)-  버블링 함수 : (ex- 전체선택 클릭시 하위 체크박스 모두선택)-  이벤트 캡쳐링 합수 : 상위 > 하위로 전달하는 형태 (ex- body태그에서 -> div태그로 출력)-  캡쳐링 함수 : ?-  return 함수 : 부모 함수에서 자식 함수를 호출과 동시에 결과값을 return받는 형태function abc(){ // abc 함수를 설정 console.log('test1212121'); //출력값}abc(); //.. 2024. 4. 24.

티스토리툴바