Programming/JavaScript 4

[JS] 2주 학습 톺아보기 - 기본 정리

1 시작하기 1.1 태그 생성 ♬ 나의 인생 영화 영화 등록하기 ♬ 버튼을 누르면 hey()를 출력해라라고 명령을 내림 2 기본 문법 2.1 console.log 나의 인생 영화 영화 등록하기 ♬ console.log를 입력했을 때는 콘솔창에 값이 출력됨 예제 1) 실행 결과 : 7 예제 2) 실행 결과 : 김치우동 예제 3) 실행 결과 : 참치 예제 4) 실행 결과 : 4 예제 5) 실행 결과 : 짱구 예제 6) 실행 결과 : 짱구 2.2 JQuery 연습 - 함수, 반복문, 조건문 2.2.1 시작하기 2.2.2 함수 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 테스트 ♬ JQuery에서는 'id'를 사용 2.2.3 반복문 ♬ 이건 반복문 2.2.4 조건문 ♬ 조건문. age를 ..

[JS] 조건문 / 연산자 / 반복문

1 조건문(Conditional) 1.1 조건문이란? - 주어진 조건에 따라 동작하도록 만드는 문법 1.2 문법 1) if if(true) { alert('result : true'); } 2) 1.1 연산자(Operator) - 연산을 수행하기 위한 것 1.2 연산자의 종류 1.2.1 비교연산자(Comparison Operator) 1) 비교의 결과 - 조건문에는 반드시 비교연산자 (Comparison Operator)가 필요함 - 비교의 결과는 boolean. 즉, true 또는 false 2) 비교연산자 > = 2) 실행결과 : false 예제 6 !undefined 실행결과 : true (undefined는 falsy로 취급) 예제 7 !'Hello' 실행결과 : false (문자열은 truthy..

[JS] 배열(Array)

1 배열 1.1 배열이란? - 여러 자료를 묶어서 활용할 수 있게 만들어 주는 것 - 다수의 자료를 저장하려면 변수를 여러 개 설정해야 하는 불편함이 있어 배열을 사용함 (하나의 변수에 여러개의 데이터) 1.2 배열 생성하기 var fruit = ['apple', 'cherry', 'strawberry'] 대괄호[] 안에 콤마(,)로 나열한다. 세 개의 데이터가 들어있는데, 이를 원소(Element)라고 한다. 1.3 인덱스(index) var fruit = ['apple', 'cherry', 'strawberry'] alert(fruit[0]); 실행결과 : ['apple'] 0부터 시작하기 때문에 해당 예제에서는 apple이라는 문자열을 출력하게 되며, 이 숫자를 색인(index)이라고 함 1.4 배..

[JS] 주석 / 식별자와 클래스 / 변수와 상수 / 문자열

1 주석 1.1 JavaScript 주석 1) 한 줄 주석 //이 줄만 주석으로 처리됨 var love = ['animal', 'game', 'music']; //주석 앞에 쓴 코드들은 주석 처리 안됨 2) 여러 줄 주석 /* var love = ['animal', 'game', 'music']; 줄이 바뀌어도 주석으로 처리됨 닫기 전까지 계속계속 주석임 닫아줘야 함*/ var love = ['animal', 'game', 'music']; 닫은 후에는 정상 입력 2 식별자(Identifier)와 클래스(Class) 2.1 식별자란? - 구성요소나 기능을 구별하기 위해 사용함 (주로 변수명이나 함수명 등으로 사용) 2.2 식별자 정의 규칙 1) 예약어 사용 불가 2) 숫자로 시작 불가 3) 특수문자는 _..