web동곤

1) jQuery 탐색(sideways)2) 요소생성3)삽입관련메서드4)복제관련 메서드5) 요소제거 및 잘라내기6)each7) is메서드8) 이벤트핸들러8-1)click , dbclick8-2) on메서드이용8-3)일회성이벤트 one8-4)간단예제8-5)기본이벤트 무시8-6)이벤트발생요소 검색8-7)시각적효과 1) jQuery 탐색(sideways) $("선택자").silbling() 선택자의요소와 같은레벨의 다른요소 모두선택  $("선택자" ).silbling("선택자2")선택자의요소와 같은레벨의 다른요소 중선택자2의요소만 선택 next()해당태그 다음의 태그 nextAll()해당태그 다음의 태그 모두 $("선택자").nextUntil("선택자2")선택자이후~선택자2까지 선택 prev() : 해당태그 ..

1)요소선택자1-1)아이디선택자1-2)태그선택자1-3)클래스선택자1-4)자손,후손 선택자1-5)속성선택자1-6)입력양식선택자1-7)checked상태 선택자1-8)selected상태 선택자 2)필터링2-1)필터링관련 선택자2-2)필터링관련메서드2-3)nth 3)요소탐색3-1)부모관련3-2)자식관련   1) 요소jqery를 사용하는 2가지방법  1)다운로드방식  2) CDN 1-1) 아이디선택자 $(#id명) 선택자를이용한 요소선택 아이디선택자 고유한 아이디값을 가진 요소 " 하나만"을 선택하고자 할 떄 테스트1 테스트2 일반적인 JS로 아이디를 조회하는것과 객체의형태가 다를것임  1-2) 태그선택자    $("태그명")  * 태그 선택자 JAVAMa..

1) 타자게임 2) 그림맞추기게임 3) jquery3-1)정의3-2) 불러오기3-3)간단한사용 예 4) JS 예제 1)타자게임 점수:  2) 같은 그림 찾기 2 X 2 4X4 6X6 Suffle function : 사진섞기function shuffle(){ //사진섞기 model = ["S_1.jpg","S_1.jpg","S_2.jpg","S_2.jpg", "S_3.jpg","S_3.jpg","S_4.jpg","S_4.jpg", "S_5.jpg","S_5.jpg","S_6...

1)BOM1-1)screen1-2)history1-3) location1-4)window2) imageMove3) game3-1) 야구게임(이해해보자) 1)BOM  BOM : browser object Model(브라우저객체모델)         1. 브라우저의 구성요소를 객체로 처리할 수 있는 기능         ==> 브라우저의 구성요소가 이미 객체로 생성되어있음(내장객체)        2.BOM객체         1) window : 브라우저 창을 의미 , 최상위 객체임(생략가능)         2)screen : 화면을 의미 (화면의너비/높이 등 처리)         3)history : 방문경로를 저장 . (뒤/앞) 이동가능         4)location : 현재브라우저 경로         5..

1)함수1-1)date + setInterval1-2) 시간관련함수2) 이벤트 2-1) 기본이벤트2-2)인라인2-3)표준2-4) 정리2-5) 예제 3) 다양한 이벤트3-1)key Event3-2) 태그의 기본이벤트3-3)submit event 4)배열4-1)배열의선언 4-2 )배열에 값저장4-3)배열관련메서드 (indexOf) 5) 예제 2025.03.20 - [JavaScript] - 부트캠프34일차(JS[요소조회출력, 문자열,Math, 조건문]) 부트캠프34일차(JS[요소조회출력, 문자열,Math, 조건문])1) 요소출력1-1) id속성값 이용1-2)태그이름 이용1-3)name속성 이용1-4)class속성값 이용1-5)선택자를 이용1-6) 정리2)문자열2-1)기본메서드2-2)문자열관련 HTML(비권장..

1) 요소출력1-1) id속성값 이용1-2)태그이름 이용1-3)name속성 이용1-4)class속성값 이용1-5)선택자를 이용1-6) 정리2)문자열2-1)기본메서드2-2)문자열관련 HTML(비권장) 3)Math3-1)숫자관련메서드3-2)문자열 숫자간의 산술,형변환3-3) 예제 4)조건문 반복문4-1) 조건문4-2) 반복문4-3) 예제 5) 최종예제1) 요소출력1-1) id속성값 이용해 조회 overflow : auto; --> 영역의 범위이상이 되면              내부에서 태그를 만듬(벗어나지않음) HTML 요소에 접근하기(태그객체 조회) 아이디 속성을 이용해 조회하기 아이디로 접근 JS코드function accessId(){ //divEl : 태그 객체 요소(El..

3)자바스크립트3-1) 자바스크립트 시작3-2) 정리와 예시3-3) 자료형과 변수3-4)연산자3-5)데이터입출력1) 출력2)입력 3-6) 예제   3) 자바스크립트역할웹페이지 기능 구현특징한줄씩 읽으며실행되는 인터프리터언어 , 웹에서 실행되며 사용자가 웹과 상호작용 할 수있게 도와줌접근제한자의 개념이없다소스가외부공개되므로 보안에취약변수선언 필요X (초기화시 자료형결정됨) 인터프리터  언어한 구문씩 기계어로 해석해가면서 실행하는 언어미리 번역하지않기때문에 속도가느린편                            오류발생시 수정이편함3-1) 자바스크립트 시작기본형식1)표현법2) 특징HTML에서 제공하는 internal 방식1) 특징가장 일반적인 방식html 파일내 자바스크립트 개요 ..