Code-Jaram blog

Element 조작 메소드 prepend(): 대상 태그 안에서 앞에 추가 append():대상 태그 안에서 뒤에 추가 after(): 대상 태그 뒤에 추가 2. Element 접근 메소드 [실습1]입력값에 따라 관련 이미지 출력하기 3. 애니메이션 효과: animate({css 속성: 값}), 애니메이션 실행시간, 이징종류); -애니메이션 실행시간: ms(밀리세컨드) 단위 예)1초=1000; -이징(easing): 애니메이션 효과의 변화 속도 [AJAX] AJAX(Asynchronous JavaScript and XML) -필요한 데이터만 웹서버에 요청해서 받은 후 -비동기 통신: 요청을 처리하는 중에도 다른 작업 처리 가능 -동기 통신: client가 서버에 요청하고 서버의 응답이 올 때까지 다른 작..

jQuery: 자바스크립트를 간편하게 사용할 수 있도록 고안된 라이브러리 2. jQuery 불러오기(import) 1)jQuery 다운로드 jQuery 홈페이지: https://jquery.com/ jQuery 다운로드: jQuery 3.7.0(compressed version) 우측마우스- 다른 이름으로 저장-JavaScript workspace 폴더에 다운로드 태그에 태그 만들어서 src에서 파일 상대경로 작성하기 2)CDN 활용하여 사용하기 jQuery 다운로드 클릭 Using jQuery with a CDN 찾기 https://releases.jquery.com/ 방문 jQuery Core 3.7.0(min version) 소스코드 복사하여 태그 내에 붙여넣기 3. jQuery 문법: $(태그명 ..

함수 1)함수 선언식: 함수명으로 호출 함수 선언 function 함수명(매개변수1, 매개변수 2…) { 실행문; return; } 함수 호출: 함수명(인수1, 인수2…); -return값이 있는 경우 함수 호출하여 console.log로 출력 -return값이 없는 경우 함수만 호출 2)함수 표현식: 함수명이 없는 익명함수, 변수를 통해 함수 호출 함수 선언 변수키워드 변수명=function(매개변수1, 매개변수2…){ 실행문 return; } 함수 호출: 변수명(인수1, 인수2…) [실습] 2. 백틱(``): 문자열과 변수명을 함께 출력하기 위한 도구 변수 출력 -` `안에 문자열과 변수 작성 -템플릿 문자열: ${변수명} 멀티라인(개행): 문자열 입력 시 Enter로 개행하면 반영됨 3. 함수 호이..

JS_02_배열 배열: 여러 개의 데이터를 하나의 묶음으로 관리하는 자료구조 인덱스와 인덱스에 대응하는 데이터로 이루어진 구조(인덱스 0부터 시작) 배열의 크기를 지정하더라도 값을 추가하면 자동으로 공간 할당 배열에 서로 다른 타입의 데이터를 저장할 수 있음 2. 배열의 선언 및 생성 1)배열의 선언방식 변수 키워드 배열명=[] 변수 키워드 배열명=new Array(); 2)배열의 생성방식 배열명=[값1, 값2, 값3…] 배열명=new Array(값1, 값2, 값3…) 3. 배열의 크기 확인: 배열명.length 4. 배열의 반복문 1)for문: for(시작값, 끝값, 증가값){실행문} 2)for of문: for(변수명 of 배열명){실행문} 3)forEach문: 배열명.forEach((매개변수)=>{실..

JS_01_자바스크립트 기초 1. JavaScript: 웹페이지를 동적으로 프로그래밍적으로 제어하기 위해 만들어진 언어 - 활용분야: 웹프로그래밍(Back-End, Front-End) APP, DB, 머신러닝/딥러닝, AR/VR 2. JavaScript의 특징 모든 웹브라우저에서 동작함 웹브라우저에서 실행결과를 즉시 확인 가능 다양한 용도의 프로그램 개발 다양한 자바스크립트 공개 API 다양한 라이브러리와 프레임워크 3. JavaScript 사용하기: 태그 위에 태그 만들기 [실습1] 태그 사용하여 스타일 적용하기 태그 안에 태그로 함수 만들기 -html 태그에 style 적용하는 방법: document.querySelector(‘태그명’).style. -배경색, 글자색 변경하는 함수 -원래대로 되돌리는..