개념 내용 요약10장 함수(Function)더보기10.1 함수란함수(function)어떤 목적을 가지고 작성한 코드를 모아 둔 블록문여러 줄의 코드를 하나의 단위로 묶어 재사용 가능함수를 정의한다function 키워드, 식별자, 소괄호, 블록문을 사용해 함수를 생성하는 것함수를 정의하면코드를 새로 작성하지 않고 정의한 함수를 호출하여 사용 가능코드 수정 및 관리가 쉬워 유지 보수에 유리10.2 함수를 정의하는 방법1. 함수 선언문으로 함수 정의하기function 키워드를 사용해 함수를 정의하는 방법function 함수명() {}특징가장 기본적인 함수 정의 방식함수 호이스팅의 영향을 받음2. 함수 표현식으로 함수 정의하기함수를 변수에 할당해 정의하는 방법네이밍 함수변수에 할당된 함수에 식별자가 있는 경우c..

개념 내용 요약더보기9.5 반복문 다루기반복문은 동일한 코드를 여러 번 실행해야 할 때 사용하는 핵심 제어 구조이다.이번 절에서는 for문과 배열, for…in문, break문, continue문의 동작 원리와 주의사항을 정리한다.5. for 문과 배열개념배열과 같은 자료형은 반복 횟수의 기준으로 사용할 수 있다.배열의 길이(length)를 활용하면 배열의 모든 요소를 순차적으로 처리할 수 있다.기본 형식for (초기식; 조건식; 증감식) { 실행문;}배열과 for문 예제let fruits = ["apple", "banana", "orange"];for (let i = 0; i 실행 흐름i = 0으로 초기화i 조건이 참이면 배열 요소 출력i++ 증가조건이 거짓이 될 때까지 반복특징배열의 순서가 보장된다..

내용 정리더보기9.5 반복문 다루기반복문(loop)이란?반복문(loop)은 지정한 조건이 참(true)으로 평가되는 동안지정한 블록문을 반복해서 실행하는 제어문입니다.1. while 문개념특정 조건을 만족하는 동안 블록문을 반복 실행조건식이 거짓(false)이 되면 반복 종료기본 형식while(조건식){ // 조건식이 참이면 실행}예제: while 문으로 0에서 n까지의 합 구하기파일명: WhileTon.htmlwhile 문으로 0에서 n까지 합핵심 포인트prompt()가 리턴하는 값은 문자열숫자 연산을 위해 parseInt()로 형 변환 필수2. 무한 반복문개념반복문의 조건이 항상 참(true) 으로 평가되어반복문이 끝나지 않고 무한히 실행되는 반복문while(true) { // 무한 반복}반드시 ..

내용 정리더보기9.4 조건문 다루기자바스크립트에서 조건문은 특정 조건에 따라 서로 다른 코드를 실행하기 위해 사용됩니다.대표적인 조건문에는 if, else if, else, 그리고 switch 문이 있습니다.1. if, else, else if 문if 문if 문은 조건식이 참(true) 으로 평가될 경우, 중괄호 {} 안의 코드를 실행하는 조건문입니다.형식if (조건식) { // 조건식이 참이면 실행}조건식은 true 또는 false로 평가되는 식조건식이 참이면 블록문 실행, 거짓이면 실행하지 않음블록문 (block statement)한 개 이상의 자바스크립트 코드를 중괄호 {}로 묶은 것블록 또는 코드 블록이라고 부름조건문, 반복문 등에서 함께 사용됨else 문else 문은 if 문의 조건식이 거짓(..

자바스크립트로 웹 동작 구현하기웹 페이지에서 동적인 동작을 구현하기 위해 자바스크립트(JavaScript)를 사용한다.아래 내용은 자바스크립트의 기본 개념과 문법을 정리한 것이다.Part 3. 자바스크립트 기초8.1 자바스크립트 코드 작성 방법내부 스크립트 방법 (internal script)HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성외부 스크립트 방법 (external script)별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성이 파일을 HTML 문서에서 script 태그로 연결script 태그의 사용 위치script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록body 태그가 끝나기 전에 사용2. 자바스크립트 코드 실행하기웹 브라우저의 ..

CSS Grid의 auto-fill, auto-fit, repeat 정리1. repeat() 함수1-1. repeat()란Grid 레이아웃에서 행(row) 또는 열(column)의 반복을 간단하게 작성하기 위한 함수같은 크기의 트랙을 여러 개 만들 때 사용1-2. repeat() 기본 문법grid-template-columns: repeat(반복횟수, 트랙크기);1-3. repeat() 사용 예grid-template-columns: repeat(3, 200px);200px 너비의 열을 3개 생성grid-template-columns: repeat(4, 1fr);동일한 비율의 열을 4개 생성1-4. repeat()의 특징코드 가독성 향상반복되는 트랙 정의를 간결하게 작성 가능auto-fill, auto-..