본문 바로가기

Dev.FrontEnd/JavaScript

[첫번째] JavaScript - Basic / 기본적인 핵심 문법






C언어로 기초적인 문법사항들에 대해 숙지가 된 상태라
강의 들으면서 필기한 내용을 대충 정리해서 올렸다.
프롤로그 편에서 다룰 문제들이다.


-기본적인 핵심 문법(거의 모든 프로그래밍 언어들이 비슷한 문법구조로 이루어 지는 부분들)
숫자와 문자
변수
주석
줄바꿈과 여백
비교
조건문
반복문
함수
배열
---

자바스크립트(이하 JS) 생활코딩 수업내용//


Math. 을 이용하면 보다 복잡한 수학 계산도 가능하다.(Math 메소드라고 한다.)
JS에서는 큰따옴표나 작은따옴표가 붙지 않는 숫자는 숫자로 인식.

숫자와는 반대로 문자의 경우에는 큰따옴표 혹은 작은 따옴표로 감싸야 한다.
큰 따옴표로 시작했으면 큰 따옴표로 끝나야하고
작은 따옴표로 시작했으면 작은 따옴표로 끝나야 한다.

typeof -> string / number
줄바꿈은 C와 같다. \n
문자의 길이를 구할때는 문자 뒤에 .length 를 붙이면 된다.(정말 많이 사용된다!)
""+""로 문자열끼리 이어줄 수 있다.(jQuery 에서 많이 사용된다.)

JS에서 변수는 var 로 시작한다! 변수를 선언할때 사용한다.
JS에서는 변수의 타입이 없다. 그냥 변수는 var이다. 정말 편하다.

== 는 형태만 같으면 true
=== 는 데이터 형식도 같아야 true
!= 와 !== 의 차이도 이와 같다.

조건문 문법 구조가 c랑 똑같다.
0일 경우 false 0이 아닌 값은 true로 간주된다.
반복문도 while , for
c랑 구조가 똑같다.

함수의 정의
function numbering(){
<<함수내용>>
}
function 은 함수를 정의하는 함수
function 뒤에는 함수의 이름을 적어준다.
함수 이름 뒤에 ()에는 함수에서 사용할 인자를 입력해준다,
c랑 비슷한 구조이다.
return 뒤에 오느 값은 함수에서 정의한 인자들이 함수 내용에 따라 나오는 내용을 반환하는 값을 적어준다,

다른 형식으로 함수를 정의할 수도 있다.
var numbering = function(){
<<함수내용>>
}
numbering();
이 구조;
이구조가 Event를 정의할 때 많이 사용된다.

배열이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다.
C언어에서는 같은 데이터 타입의 변수들만 배열로 지정할 수 있었다.
var member = ['a','b','c']
var 선언 member라는 배열의 이름 정의 그리고 [] 로 묶어주고 안의 원소들은 ''로 감싸주고 ,로 구분한다.
배열 이름.length 는 배열에 담긴 값의 숫자를 알려준다.
ex) for(i = 0 ; i < members.length ; i++){
       }
이런 형식으로 반복문과 배열을 조합하여 사용한다.

배열의 요소를 불러올땐
member[i] 형식을 이용한다.

배열에서 요소를 추가 / 제거할 때는 li 함수를 이용한다. .으로 뒤에 오는 것과 함께 사용한다.

배열에 요소를 추가할 땐
li.push ->  원소를 뒤에 추가.
li.concat -> 여러 개의 원소를 추가. li.concat(['f','g']);
li.unshift -> 맨 앞에 원소 추가. 기존에 있던 원소들의 색인은 1씩 증가한다.
li.splice(2,0,Z) -> 2번째 인덱스 부터 0개를 제거하고 Z를 삽입한다.

배열에서 요소를 제거할 땐
li.shift -> 배열의 첫번째 원소를 제거
li.pop -> 배열의 마지막 원소를 제거

배열을 정렬
li.sort -> 오름차순

li.reverse -> 원래 정렬되있는 규칙에 역순




프롤로그 끝//


(생활코딩 이고잉님 감사합니다^^)

-..-