[KDT]FCFE - 1주5일 - 2. JAVASCRIPT

Keunyeong Lee·2021년 11월 26일
0
post-thumbnail

Part04 JAVASCRIPT

01. Javascript 첫 만남

자바스크립트를 사용하는 방법

script 태그 안에 작성

: html 문서 내 head 태그 내, 필요시 body 태그 내 특정 위치에 사용

.js 파일 따로 두기

<script src="script.js"></script>

console 사용하기

웹 페이지 내 개발자 창에서 console 창을 열어 사용하기

02. Javascript 자료형과 변수

HTML 요소의 내용 바꾸기

document.querySelector("선택자").innerHTML = "내용";

자료형 (type)

type of ~

자료형 확인하기

typeof " Hello ";
// " string "

string

: 문자열

number

: 숫자

변수

let

: 변수마다 선언은 한 번, 값은 이후 변경 가능

상수

const

++, -- : 1씩 증가 / 감소 연산자

+=, -=, *=, /=, %= : 각각의 연산을 수행하여 대입

03. Javascript Boolean 자료형과 조건문

boolean

: 참 / 거짓 ( true / false )

!

: 부정연산자

==, ===

: 동등, 일치 연산자

  • 동등 연산자는 같은 타입으로 바꿔서 비교

  • 일치 연산자는 타입도 같은지 비교

!=, !==

: 부정 연산자, 불일치 연산자

, >=, <, <=

: 비교 연산자

&&

: and 연산자

둘 다 true 일 때 true 반환

둘 중 하나만 false 여도 false 반환

||

: or 연산자

둘 중 하나만 true 이면 true 반환

둘 다 false 일 때 false 반환

조건문

if(ture){ console.log('true 입니다.'); }

소괄호 안의 조건이 true 일 때 중괄호의 내용 실행.

else

if 문에서 조건이 true가 아닐 때 실행

else if

if 조건이 아닐때 다른 조건 실행

삼항 연산자

(조건) ? (참이면 실행) : (거짓이면 실행);

04. Javascript 배열과 반복문 1

배열 ( Array )

let array = [ 1, 2, 3, 4, 5 ];

여러가지 자료형을 배열에 담을 수 있다.

array.length

: 배열의 크기 반환

array.indexOf(2);

: 특정 값이 배열의 몇번째에 있는지 위치 반환 (0 번째 부터 시작)

array[2] = '이순신';

: 배열의 특정된 위치에 있는 내용을 변경.

array.push('김유신');

: 배열에 요소 삽입.

array.concat([2,3,4]);
array.concat(otherArray);

: 배열에 배열 이어 붙이기.

array.splice(#, n);

: #번째 위치 부터 n개 요소 자르기

profile
🏃🏽 동적인 개발자

0개의 댓글