오늘은 Javascript의 if, loop, function에 대해서 공부해보았다.

잊지 말아야 할 내용

• 자바스크립트 이벤트 생명주기 (Life Cycle)
• 호이스팅
• 컴파일 방식(자바스크립트는 인터프리터 방식으로 위에서 순차적으로 내려옴)

조건문

if ( 조건문 ) {

실행문1;

실행문2;

실행문3;

} else if ( 조건문 2 ) {

실행문1-1;

실행문2-1;

실행문3-1;

} else {

실행문4;

실행문5;

}

반복문

• for 문

  for ( 초기값; 조건; 증가식 ) { 실행문; 조건문; 반복문; 함수; ...}

• 초기값 : for 문에서 사용하는 반복 조건값을 초기화
• 조건 : 조건이 true 동안에 for 문이 반복
• 증가식 : for문이 반복되는 동안 초기값 증가

• white문

• white (조건) {
  실행구문; for문; while문; 함수; 선언; break; continue; ..... }
  

• do ~ while문

• do{ 실행구문; break; continue; } while(조건);

함수(function)

• 어떤 목적을 가지고 작성한 코드를 모아놓은 블록문
• 각 명령의 시작과 끝을 명확히 구분할 수 있음
• 함수를 정의한다 :
  • 블록문을 구성한다.
  • function 키워드
  • 식별자
  • 소괄호
• 코드의 재활용이 가능
• function 함수명(매개변수) {
  실행구문;
  함수;
  로직;
  변수;
  [return 값;]
  }
• 함수 표현식
  • 익명 함수
    • 변수에 바로 할당
    • let 변수명 = fucntiion (매개변수){ }
    • 변수명(매개변수,,,,,)
    • 변수명(10, 20)
    • function sum(매개변수1, 매개변수2) {}, sum(10, 20)
  • 네이밍 함수
    • 변수에 할당하는 함수에 식별자가 있을 때
    • const 변수명 = function 이름() {}
  • 즉시 실행 함수
    • (function(){실행구문;}(인수));
    • (function(매개변수,,,,){실행구문;,,,}(인수));
    • 페이지가 로딩될 때 즉시 실행
    • jQuery
  • 화살표 함수
    • ES6에 정의
    • 오로지 익명함수에만 정의
    • () => {}
    • const sum = () => {로직};
      sum();
    • //onclick="(e) => {e.target.value}"//