본문 바로가기

프론트엔드

 (18)
혼공스 Day 9 Ch 04-1. 배열 배열(array)은 여러 자료를 묶어서 활용할 수 있는 특수한 자료입니다. 배열 만들기 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형입니다. 👉 배열은 대괄호를 사용해 생성하고 내부의 값을 쉼표로 구분 👉 배열 내부에 들어 있는 값을 요소(element)라고 함 e.g. [요소, 요소, 요소, ... , 요소] > const array = [273, 'string', true, function () { }, {}, [273, 103]] undefined > array (6) [273, 'string', true, ƒ, {…}, Array(2)] 👉 (6) → 요소 개수 [273, 'string', true, ƒ, {…}, Array(2)] → 요소 배열 요소에 접근하..
혼공스 Day 8 Ch 03-2. switch 조건문과 짧은 조건문 switch 조건문 switch (자료) { case 조건A: break case 조건B: break // default 생략가능 default: break } 👉 홀수와 짝수를 구분하는 switch 조건문 예제 코드 👉 break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드 조건부 연산자 자바스크립트에는 조건문과 비슷한 역할을 하는 조건부 연산자가 있습니다. 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 👉 자바스크립트에서 항을 3개 갖는 유일한 조건부 연산자 (삼항 연산자) 짝수와 홀수 구분하기 (누적 예제) 끝자리로 구분하는 방법 🤪 input[input.lenghth-1] 부분이 헷갈렸다. 👉 [input.leng..
혼공스 Day 7 Ch 03-1. if 조건문 if 조건문 if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문입니다. 👉 조건은 불 자료형을 의미 👉 비교 연산자와 논리 연산자를 활용해 조건을 만듦 if 조건문은 자바스크립트에서 가장 일반적인 조건문입니다. if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } const date = new Date() 👉 현재 날짜와 시간을 갖는 객체 생성 const hour = date.getHours() const minute = date.getMinutes() 👉 현재 시간과 분의 값을 출력하는 메소드 const month = date.getMonth() + 1 ✍️ getMonth() 메소드의 경우 월을 0~11 사이로 출력하기 때문에 +1..
Ch. 02-3, Q4 반지름 입력 받아 넓이 둘레 구하기 혼공스 p.126, Q4 🧐 Question 왜 [비어있는 변수]를 만들까?? 처음부터 이렇게 변수에 값을 넣어 선언해도 똑같은 결과가 나오는데... 그냥 보기 좋게 나열하기 위함일까?
혼공스 Day 6 Ch 02-3. 자료형 변환 문자열 입력 문자열 자료형을 입력할 때 사용하는 함수 : prompt() 👉 prompt (메시지 문자열, 기본 입력 문자열) 1. input 상수를 선언 2. 사용자로부터 입력 받은 내용을 경고창에 출력 불 입력 불 자료형을 사용하는 함수 : confirm() 👉 confirm(메시지 문자열) 👉 [확인] 버튼을 클릭하면 true를 리턴 [취소] 버튼을 클릭하면 false를 리턴 숫자 자료형으로 변환하기 다른 자료형을 숫자 자료형으로 변환하는 함수 : Number(자료) 👉 숫자가 적혀 있는 문자열을 숫자로 변환 e.g. > Number("25") 273 >typeof(Number("25")) "number" 👉 숫자로 변환할 수 없는 문자열의 경우 NaN(Not a Nu..
혼공스 Day 5 Ch 02-2. 상수와 변수 상수 (constant) 상수는 '항상 같은 수'라는 의미로 값에 이름을 한 번 붙이면 값을 수정할 수 없습니다. 👉 저장 효율(성능)이 좋아 실제로 변수보다 더 많이 사용 상수를 만드는 과정을 '선언'이라고 표현하고, const 키워드 사용 👉 const 이름 = 값 e.g. > const 이름 = 오늘도코딩 undefined > 이름 오늘도코딩 A. Identifier has already declared (구문 오류) 의미 : 식별자가 이미 사용되고 있습니다. 👉 상수는 한 번만 선언할 수 있음 B. Missing initializer in const declaration (구문 오류) 의미 : 상수 선언에 값이 없습니다. 👉 상수는 반드시 값을 함께 지정 해줘야 함 C..
혼공스 Day 4 Ch 02-1. 기본 자료형 (3/3) 불(Boolean) 자료형 A. 불 만들기 불은 자바스크립트에서 참과 거짓 값을 표현할 때 사용 👉 볼 자료형은 true와 false 두가지 형태로 표현 비교 연산자 : 두 대상을 비교할 수 있음 연산자 설명 연산자 설명 === 양쪽이 같음 !== 양쪽이 다름 > 왼쪽이 더 큼 = 왼쪽이 더 크거나 같음 '앵무새' → false B. 불 부정 연산자 논리 부정 연산자는 ! 기호를 사용 👉 참을 거짓으로, 거짓을 참으로 바꿈 e.g. !true → false C. 불 논리합/논리곱 연산자 논리합 연산자(||) : 양쪽 변의 값 중 하나만 true여도 true를 결과로 냄 논리곱 연산자(&&) : 양쪽 변의 값이 모두 true일 때 true를 결과로 내고, 이외에는 모..
혼공스 Day 3 Ch 02-1. 기본 자료형 (2/3) 문자열 자료형 B. 문자열 연산자 & 문자열 길이 구하기 문자열 연결 연산자 👉 문자열 + 문자열 → 문자열 연결 연산자 문자 선택 연산자 👉 문자열[인덱스] → 문자 한개 문자열 길이 👉 문자열.length → 문자 개수 숫자 자료형 기본적인 사칙 연산과 같다. e.g. 5 + 6 * 3 → 23 (5+18임으로 23의 결과 값이 나온다) 👉 % 연산자는 좌변을 우변으로 나눈 나머지를 출력한다 e.g. 11 % 3 → 2 (11/3은 3으로 나누고 나머지 2) Q & A Q1. HTML & 자바스크립트는 무슨 관계인가? A1. 자바스크립트는 단독으로 사용이 가능하나, 초보자의 경우 HTML 파일과 결합하여 사용하는 것이 더 쉽다. 그래서 파일 확장자를 OO.ht..

티스토리툴바