JS

gsap 라이브러리를 사용하여 요소가 순차적으로 나타나는 에니메이션을 구현할 수 있다.Click! 라이브러리 사용법HTML파일에 JS 파일를을 연동시키고 라이브러리를 추가한다.Click! 라이브러리 사용법순차적으로 보여주고 싶은 요소에 같은 클라스이름을 설정한다.요소를

JS를 조금 더 간편하게 사용하기위한 라이브러리 모음 사용법: 각각의 사이트에서 빈태그모양의 아이콘 ()을 클릭하여 script를 복사 .html파일의 head부분에 붙여넣음 💡html페이지에 연결한 js파일에서 라이브러리를 활용하기 때문에 기존js 파일 scri

증감연산자 이해하다가 머리 돌아버리는 줄 알았다 개념은 '++' 일때는 1을 더해주고, '--'일때는 1을 빼준다. 곱하기와 나누기는 존재하지 않음. 증감연산자가 앞에 붙는경우 👉 1을 먼저 더하거나 빼고 대입 증감연산자가 뒤에 붙는경우 👉 대입을 먼저하고 더

Click! 결과보기 gogo HTML 코드 >애니메이션을 추가하고 싶은 태그에 클라스지정. JS 코드

시작;while(조건식){동작문;종료식}예)기본형식For (시작;조건식;종료식) {동작문;}\*\* 처음에 시작-조건식-동작문-종료식순으로 작동된후, 조건식-동작문-종료식이 반복됨. 예)

Math. floor() : 소수점 아래 숫자 제거Math.ceil() : 소수점 이하를 올림Math.round() : 소수점 이하를 반올림Math.random() : 0~1사이의 무작위 소수Math.min() : 최소값Math.max() : 최대값1\. Math.ra

💡포인트 주사위 이미지 파일명을 숫자별로 설정한다. 예) JS에 Math.객체를 이용해 1-6까지 랜덤숫자를 만들어준다. Click!참고 setAttribute()메서드로 속성의 값을 변경해준다. : setAttribute('속성명','변경해줄 값') HTML 코

팝업창이 뜨며 지문입력 문구가 텍스트박스와 함께 뜬다.텍스트박스에 입력된 값은 String 형식으로 저장이 됨숫자로 바꾸고 싶으면 Number(입력된값)으로.👉N을 꼭 대문자로 써야한다.\*\*을 사용한다예) 2의4제곱 => 2\*\*4괄호가 있으면 괄호사이의 값이

1. break 반복문을 중간에 빠져나갈 때 사용 무한루프와 함께 많이 사용 루프를 한개만 빠져나감 예) 2. continue

1. 기본 형태 2. 자바스크립트에서의 선언 함수로 어떤 명령을 처리할지 알려주는것. 3. 함수 호출 함수를 사용하는것. 함수이름과 괄호가 필요 4.매개변수(parameter)와 인자(argument) 함수를 실행하기 위한 값. 5. 리턴 5-1. 함수를 호출해

함수에 파라미터로 들어가는 함수순차적으로 실행시키고 싶을때 사용함수안에 직접 명령을 입력할 수 도 있지만, 이미 다른곳에 만들어 놓은 함수도 콜백 함수로 넣을 수 있음. -> 함수명만 추가 function 함수명(){}함수명을 임의로 지정할 수 있음콜백함수가 필요한

변수란 다양한 값을 보관할 수 있는 저장공간. const와 let 처럼 블럭안에 선언된 로컬상수나 변수들은 블럭을 벗어날 수 없다. 컴퓨터가 코드를 읽고 소프트웨어를 돌릴때 필요한 작업을 메모리로 올리는데, 그때 코드가 저장되는 영역이 있다. 자바스크립트와 같은 전

다차원배열(multi-dimensional array) 배열안에 배열을 넣을수있다. 다양한 접근법 slice 원본배열을 변형시키지 않고 원하는 배열 중, 원하는 부분만 가져올 수 있다. 그러므로 새로운 변수를 선언해 주어야한다. >slice(start,en

배열에서 indexOf()함수로 특정 문자를 포함한 요소만 골라낼 수 있다.

▪️ 배열을 string 으로 변경: join() *() 안에는 연결할 문자를 넣는다. > > ▪️ string을 배열로 변경: split() *() 안에는 두개의 인자가 들어가는데, 첫번째는 나누어줄 문자, 두번째는 전달 받고싶은 요소의 수(생략가능)

▪️ 주어진 배열에 기존배열을 합쳐 새로운 배열을 반환 concat() 원본배열은 변하지 않으며, 새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않음. 중복된 요소가 있어도 상관없이 배열을 합쳐줌 > javascript // 배열속에 배열이

Dot NotationBracket Notation변수를 사용한 객체 속성 접근1 & 2 번째 방법3번째 방법

if 와 else if와 같은 기능▶️if 문▶️switch-case

replace() 사용법