영은 개발 정리

2023.04.18 - [Java Script/Vue.js] - [Vue] v-bind:class #0418수업 #1교시 2023.04.18 - [Java Script/Vue.js] - [Vue] v-bind:class, 조건문 #0418수업 #3교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 복사, 대체 #0418수업 #3교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 부모자식 요소 #0418수업 #4교시 2023.04.18 - [Java Script/JQuery] - [JQuery] each, toggleClass #0418수업 #4교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 함수 #0..

HTML 삽입 미리보기할 수 없는 소스 hide 숨김 show 보임 toggle 숨김/보임 fade-in 페이드인 fade-out 페이드아웃(점점사라짐) fadeToggle 페이드인/아웃 fadeTo(0.1) 서서히 투명도 0.1 fadeTo(0.5) 서서히 투명도 0.5 delay 지연 slide down 슬라이드 다운 slide up 슬라이드 업 slideToggle 슬라이드 업/다운 stop 정지 finish 중지

HTML 삽입 미리보기할 수 없는 소스 크기 구하기

HTML 삽입 미리보기할 수 없는 소스 css가 기준 자바 데이터베이스 HTML CSS 자바스크립트 제이쿼리 vue.js 노잼 siblings - 형제 요소 next - 다음 형제 요소 nextAll - 다음 모든 형제 요소 nextUntil - 선택 요소 전까지 prev - 이전 형제 요소 prevAll - 이전 모든 형제 요소 prevUntil - 선택 요소 전까지 first - 처음 last - 마지막 eq - 인덱스(음수 가능, 뒤부터) filter - odd, even has - 가지고 있는거 slice - 해당 인덱스 포함 보다 큰거

// add() : 요소 추가 // each() : for문 대신 각각 접근 // toggleClass() : on off 가 반복하여 실행 자바스크립트 C언어 자바 click

parent() : 부모 요소 선택 parents() : 조상 요소 선택 parentsUntil() : 매개변수로 넘긴 요소 전까지의 조상 선택 자바스크립트 C언어 자바 click // children() : 자식 요소 찾기 // find() : 자식 요소를 선택함 // find("*") : 자손 요소 모두 찾기 // children() : 자식 요소 찾기 // find() : 자식 요소를 선택함 // find("*") : 자손 요소 모두 찾기 $(function() { $("#btn").on("click", function(){ $("#list").find("*").css("border","1px solid red") }) })

1. 버튼을 클릭하면 'c언어' 텍스트를 복사해서 list 마지막 요소로 넣기 2. 버튼을 클릭하면 'c언어' 텍스트를 복사해서 li 태그의 텍스트를 대체하기 자바스크립트 C언어 자바 click(복사) click(대체)

ERN.json 파일 내용 [ {"stu_no":"20153075 ","stu_name":"옥한빛","stu_dept":"기계","stu_grade":1,"avg":61} ,{"stu_no":"20153088 ","stu_name":"이태연","stu_dept":"기계","stu_grade":1,"avg":69.5} ,{"stu_no":"20143054 ","stu_name":"유가인","stu_dept":"기계","stu_grade":2,"avg":41} ,{"stu_no":"20152088 ","stu_name":"조민우","stu_dept":"전기전자","stu_grade":1,"avg":45} ,{"stu_no":"20132003 ","stu_name":"박희철","stu_dept":"전기전자",..

No. 학번 이름 학과 학년 키 몸무게 {{index + 1}} {{item.stu_no}} {{item.stu_name}} {{item.stu_dept}} {{item.stu_grade}} {{item.stu_height}} {{item.stu_weight}} {{index + 1}} {{item.stu_no}} {{item.stu_name}} {{item.stu_dept}} {{item.stu_grade}} {{item.stu_height}} {{item.stu_weight}}

1교시 Vue.js 복습 문제 풀기 Vue.js 복습 문제 풀기2 2교시 Vue.js 복습 문제 풀기3 (0414 7교시 유사문제, 참조) Vue @v-bind:value 3교시 Vue 리스트의 값 삭제 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 #0417수업 #1교시 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 - 검색, 체크박스, 삭제 #0417수업 #2교시 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 - 추가, 삭제 #0417수업 #4교시