Heestory

국비 내용 정리 DAY01 1.체크박스 클릭시 이미지 보이게 2.select 구문의 option 선택시 해당 이미지 보이게 3.버튼 클릭시 이미지 변경 4.배열 메소드 5.css 적용하기 6.computed test03. : 클릭시 이미지 보이게 & 안 보이게 하기 CheckBox의 type : true, false 로 구분 v-show : true,false에 따라 보여질지 결정 -> 체크박스 클릭시 이미지가 보인다. test07. select, option 사용 : 옵션 선택시 사진 변하기 & ref 속성 [자식 요소에 JavaScript를 이용해 직접 접근해야 하는 경우가 있습니다. 이 경우, ref 속성을 이용해 레퍼런스 ID를 자식 컴포넌트나 HTML 요소에 부여함으로써 직접 접근할 수 있습니다..

1.회원 가입 폼(기본) -아이디,비번 입력 확인 -아이디,비번 미입력시 제출 안되게 : return true 2.같은 예제-제이쿼리 이용해서 아이디,비번 입력 확인하기 을 두어 alert 대신 글자 안내로 실행시 화면↓ 3.preventDefault / Serialize -preventDefault : 주로 a태그가 눌러도 hfer링크로 이동하지 않게 하거나 form안에서 submit 역할의 버튼을 눌렀을 때 submit은 작동하나 페이지가 넘어가는 동작을 막게 하고 싶을 때 -Serialize : 전송되는 파라미터 값들을 쿼리스트링 문자열로 만들어줌 let param="id="+id+"&pwd="+pwd; 위처럼 진행시 아래처럼 submit 진행은 되지만 페이지가 넘어가지 않은 상태로 존재, cons..

src : 이미지의 경로 var,let > 정수 변경시 parseInt 1.prop/attr -value 값을 지정해 줄 때 쓰임 or img 변경시에 쓰임(+attr) 4.CSS처리하기 & 클래스 적용하기 -addClass(className) : 선택한 요소에 클래스 값을 추가하기 removeClass() >이런식으로 적용시 box에 mystyle의 상자가 생김 6.html -innerHTML과 같은 존재 -each구문 & 배열 사용법 8.append/appendTo/prepend/prependTo ①append : 뒤에서 순서대로 ex) 1 2 3 4 // $(target).append(추가할 내용) ②appendTo //$(추가할 내용).appendTo(target); -추가될 컨텐츠와 타켓의 위치..