Learn & Record

1. 기본 매개변수 - 매개 변수에 기본 값을 지정. 매개 변수가 들어오지 않는 경우에 기본 값으로 대체 - 기본 매개 변수와 일반 매개 변수를 섞어서 사용할 경우에는 기본 매개 변수가 오른쪽으로 가야됨 2. 이름 충돌 문제 - 자바 스크립트에서 선언적 함수 보다 익명함수를 생성하고 바로 호출하는 패턴이 많은 이유 : 이름 충돌 방지 - 다른 프로그램에 비해 자바 스크립트는 - 1) 라이브러리를 많이 사용하고 - 2) 한 페이지에 사용하는 프로그램이 여러개의 파일로 나누어져 있거나 여러개로 분리되어 있어서 - 다른 프로그래밍 언어보다 이름 충돌되는 경우가 많음 - 익명함수를 사용해서 이름이 중복되는 함수를 만드는 것을 방지하게 됨 /* 이름 충돌 문제 발생 */ /* 다른 곳에서 가져온 자바스크립트 코드..

1. 나머지 매개변수 rest parameter /* 나머지 매개변수 : rest parameter 가변 매개변수 함수 : 호출할 때 매개변수의 갯수가 고정적이지 않는 함수 */ - 자바 스크립트에서는 이러한 함수를 구현할 때 '나머지 매개변수'를 사용 - 함수 매개변수 앞에 마침표 3개(...)를 입력하면 매개변수가 배열로 들어옴 function sample(...items) { console.log(items); } sample(1,2); // [1,2] sample(1,2,3); // [1,2,3] sample(1,2,3,4); // [1,2,3,4] function sample2nd(items) { console.log(items) } sample2nd([1,2]) sample2nd([1,2,3]..

1. while 반복문 - if 조건문과 형태가 매우 비슷. 다른 점은 문장을 한 번만 실행하고 끝내는 것이 아니라 불 표현식이 true면 계속해서 문장을 실행한다는 점 - while 반복문의 경우 조건이 변하지 않는다면 무한히 반복 실행하므로 - 조건을 거짓으로 만들 수 있는 문장이 포함되어 있어야 함 - 반복문이 무한 반복 되는 것을 무한 루프 infinite loop 2. while문으로 배열 출력하기 - while 반복문과 for 반복문은 서로 대체해서 사용할 수 없음 - 보통 특정 횟수 반복할 때 for, - 조건에 큰 비중이 있을 때는 while. 예) 특정 시간동안 어떤 데이터를 받을 때 까지 3. 연습문제 /* 커피 1잔을 300원에 판매하는 커피자판기가 있습니다. 이 커피자판기에 돈을 넣..

1. 활용 나이 계산하기 (결과 값 표시하기) - 변수 선언 - 이름은 의미가 있게 만든다 - 단어의 연결일 때는 뒤의 단어의 첫글자를 대문자로 한다.(카멜법) - 선언을 할 수 없는 이름도 있다 - 문자, 밑줄, 달러기호, 숫자만 사용 할 수 있고, 숫자는 앞에 오지 못한다. 나이 계산하기 (결과 값 표시하기) - thisYear을 프로그램이 실행되는 시점의 연도를 가지고 오도록 - birthYear을 사용자에게 입력을 받도록 나이 계산하기 (결과 값 표시하기) 2. 산술연산자 3. 복합대입 연산자 4. 증감연산자 : 복합 대입 연산자를 약간 간략하게 사용한 형태 - a++ : 기존의 변수 값에 1을 더함. 후위 - ++a : 기존의 변수 값에 1을 더함. 전위 - a-- : 기존의 변수 값에 1을 뺌..

1. flex 자식 요소의 배치방법 지정하기 - 특징은 float, inline-block 처럼 배치할 요소에 속성을 지정하는 것이 아니라 부모 요소(컨테이너)에 속성을 지정 - display : flex - 자신은 블록 속성을 유지하면서 자식 요소에 flex 환경 설정 - display : inline-flex - 자신은 인라인 속성으로 변경하면서 자식 요소에 flex 환경 설정 - flex-direction - 자식 요소의 정렬 방향 변경하기 - flex-direction : row - flex의 기본축을 가로로 지정. 주축을 가로로, 교차축을 세로로 지정. 기본값 - flex-direction : column - flex의 기본축을 세로로 지정. 주축을 세로로 교차축을 가로로 지정. - flex-d..

1. Table 테이블 - 표는 웹 페이지에서 자료를 정리 때 자주 사용하는 요소, 실제는 게시판이나 회원 가입 페이지의 레이아웃 만들 때 사용 - 기본적으로 몇줄(=행), 몇칸(=열) 이라고 불리움 (행, 열) | 표를 이용한 형태를 만들 때 사용하는 태그 - table 구조 - table > tr > td - 칸의 기본적인 성격 y축상의 middle - table 관련 태그 - table : table 전체를 감싸는 태그 - tr("table row") : 테이블의 행을 의미하는 태그, 자손으로 th나 td가 반드시 있어야 한다 - td("table data") : 테이블의 일반 행(칸)을 의미하는 태그, 부모인 tr안에 있어야 한다 - base style : 왼쪽정렬 (text-align:left)..