TIL - 주석표시법 / JS 함수와 배열의 기초

haileyself·2019년 8월 18일
0

안녕하세요 !
오늘은 제가 배운 내용 중

HTML, Javascript, CSS에 주석을 표시하는 방법과 Javascript에서 자주 등장하는
함수와 배열에 대한 기초적인 공부 내용을 정리해보려고 합니다 !

1. 주석다는 법

1. HTML

  • 표기방식
    :
  • 주석 여러줄 잡는 단축키 : Ctrl + ‘/’

3. CSS주석

  • 표기방식: / 내용 /

2. Javascript의 함수

1. 함수정의

2. 함수호출

함수가 정의되면 바로 실행되는 것이 아니다. 함수를 무조건 호출해야 함

Ex. 함수이름 (parameter) ;

3. 참고사항

  • parameter 는 매개변수로 데이터를 기다리는 값이다!
    값을 가지고 있지않은 그냥 빈 데이터 상자라고 생각하면 된다.함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수이며,
    매개변수는 함수 내에서만 사용됨
    parameter에 들어가는 value값을 우리는 argument(인자)라고 부른다.
    호출할 때 괄호값에 arugment가 들어가고, 함수로 값을 전달해준다.

  • 함수는 return을 하게 되면 함수가 종료된다. 함수는 이름으로 정의하게 되면, 윈도우 안에 메모리 키워드로 저장된다.함수가 상황에 맞게 값이 달라지게 하고 싶으면,parameter와 argument를 사용한다.
    parameter로 변수이름을 지정해서 빈 저장소를 만들어주고, 그에 해당하는 argument값을 넣어줘서 해당 argument값이 출력될 수 있도록 한다.

  • alert msg로 “김개발님 로그인성공!” 이라는 메세지가 뜬다.
    여기서 name이 parameter / 함수호출때 사용된 “김개발”은 argument !

  • 함수에는 return이라는 게 있는데, return ~ 설정하면 함수가 실행되면
    return하라는 값을 함수실행이 끝나면 리턴해준다.
    모든 함수가 return하는 것은 아님! 리턴하는 것도 있고 아닌 것도 있다.
    함수 안에서 또 함수를 호출할 수도 있다 !(콜백함수라고하는데,,나중에 더자세히 설명을^^!!)
    알고리즘에서 반환한다~가 나오면 return을 활용하는 것이라고 생각하면 됨

3. Javascript의 배열

: 변수가 몇천개 되어야하는 값이 있을 때, 변수를 그렇게 많은 수로 지정할 수는 없음
여러개의 값을 넣을 수 있는 저장소같은 게 바로 배열!

1. 배열 정의

  • 이렇게 만들어주면 데이터값이 빈 배열이 생성된다.

2. 배열의 데이터

배열은 데이터로 다양한 데이터들을 가져올 수 있다.

  • 숫자, string, 다른 배열까지 배열안으로 들어 올 수 있고, 배열 안에 들은 데이터 요소들도 element라고 부른다.

3. 배열의 특징

  • 배열은 [ ] 배열 안에 들어있는 element들에게 index를 부여해준다!
  • index는 순서라고 생각하면 되고, 0부터 시작한다!
  • 배열은 index로 데이터 값을 가져올 수 있음 ! b는 1번째, c는 2번째 !
  • 배열은 요소가 몇개들어있는지도 알 수 있음

4. 배열 조작방법

  • 배열에 요소추가하는 법
    : 배열은 아무데이터도 없이 빈값으로 정의할 수 있다. 데이터를 넣어주는
    방법이 다양하다!
    (1) 가장 기본적인 방법

(2) array.push

  • array.push를 사용하면 배열의 맨 끝자리에 데이터 값을 넣을 수 있음

(3) array.unshift

  • array.unshift를 사용하면 배열의 맨 앞자리에 데이터 값을 넣을 수 있음
  • 배열에서 요소삭제하는 법
    (1) array.pop();
    * pop method를 사용하면 맨 뒤에 있는 element 제거 가능

4.추가 참고사항들

  • 자바스크립트에서 조건문을 ‘같다’ 의미로 작성할 때는 보통 strict 동등연산자 ‘===’를 사용함!
    = : ~를 변경한다, 할당한다의 의미
    == : 동등연산자 (데이터종류가 달라도 됨)
    === : 엄격한 동등연산자 (데이터 종류, 값 완전 같아야 함)
profile
Keep on my way ! :)

0개의 댓글