No sweet without sweat

HTML 삽입 미리보기할 수 없는 소스 #백엔드 #카카오톡 #프론트엔드 #자바 #HTML

10) 부모 요소 선택자 인접 관계 선택자 리스트1 리스트1-1 리스트1-2 리스트2 리스트3 ​ 출력값: ​ 11) 하위 요소 선택자 인접 관계 선택자 내용1 하위 요소 선택자 내용2 ​ 출력값: ​ ​ 12) 자식 요소 선택자 인접 관계 선택자 내용1 자식 요소 선택자 내용2 ​ 출력 : ​ 13) 형(이전) /동생(다음) 요소 선택자 -prev -next 인접 관계 선택자 내용1 내용2 내용3 내용4 ​ 출력: ​ 14. 전체 형(이전) / 동생(다음) 요소 선택자 -prevAll -nextAll 인접 관게 선택자 내용1 내용2 내용3 내용4 ​ 출력: ​ ​ 15. 전체 형제 요소 선택자 - siblings 인접 관계 선택자 내용1 내용2 내용3 내용4 ​ 출력값: ​ ​ 16. 범위 제한 전체 ..

1. 선택자 - HTML 요소를 선턱하여 가져옴. - 제이쿼리 선택자는 css 선택자와 마찬가지로 디자인 속성을 적용할 때 사용할 수 있으며, '동적' 스타일을 적용할 수 있다.(HTML - 정적) ​ 1) 문서 객체 모델(DOM - Document Object Model) : HTML 문서 객체 구조 좋아하는 FOOD 한식 김치 불고기 과일쥬스 사과 토마토 실행 창 : HTML 삽입 미리보기할 수 없는 소스 ​ 2) 선택자 사용 제목 출력값 : HTML 삽입 미리보기할 수 없는 소스 ​ 3) 직접선택자 제이쿼리 선택자 직접 선택자 출력 값: ​ 4) 아이디 선택자 제이쿼리 선택자 직접 선택자 ​ * 체이닝 기법: 한객체에 다양한 메서드를 줄줄이 이어서 사용 $(요소 선택).css(속성1, 값1).css..

​ ​ ​ 1. 인라인 방식으로 띄우기 - 인라인 방식 : 태그내에 직접 코드를 작성 onclick ="aㅣert('클릭')" - 이처럼 큰따옴표 안에 작은따옴표로 묶어줘야한다. 결과창 : 위 클릭을 누르면 다음과 출력문이 나온다. ​ 2. 외부 실행위치 가져오기 document.getElementById("btn").addEventListener("click",function(){ alert("내부방식 클릭!") }) 이처럼 소괄호, 중괄호가 많은데 자세히 보고해야 오류가 나지 않는다. ​ ​ 문제 1 - 외 / 내부 태그가 모두가 가져와질까? 정답은 X이다 src가 body 맨아래에 위치해 있어야한다. 이는 java를 생각하면 쉬운데, 맨 위 코드가 실행이 되면 아래 코드가 실행이 안되듯이 똑같은 방..

​ Visual Studio Code를 활용해 JS구현하기 ​ 문제 1. 아래와 같은 페이지를 구현해라 ​ 답: ​ ​ Front-end Developer는 색깔로 봤을때 하이퍼텍스트임을 확인하실 수 있습니다. 그렇다면 a태그 활용! (* href = #은 아무것도 입력안할때 사용됩니다.) ​ 그리고 이렇게 색을 주기위해서는 를 무조건 사용해주시는게 중요합니다. ​ getElementById(아이디명).addEventlistener("원하는기능", function() 데이터의 재할당 ok / 변수명의 재선언 ok - 강력한 변수 선언 : let -> 데이터의 재할당 ok / 변수명의 재선언 X - 상수선언 : CONST -> 데이터 재할당 NO / 상수명의 재선언 NO ​ ​ 7. 형변환 parseint..

내용1 내용2 내용3 옵션1 옵션2 옵션3 독서 자전거 등산 남성 여성