본문 바로가기

전체 글

(135)
JS기초_5.1(객체기본) 항해99 온보딩 커리큘럼 5일차 객체 실존하는 사물을 의미. 이름(name)과 값(value)로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입. 배열도 객체라고 할 수 있다. 객체 생성 키: 값 속성과 메소드 배열 내부의 값을 요소라고 하고 객체 내부에 있는 값은 속성이라고 한다. 객체의 속성도 모든 형태의 자료형을 가질 수 있다. const object = { number: 273, string: '구름', boolean: true, array: [52, 273, 103, 32], method: function () { } } 동적 객체 속성 추가 / 삭제 하기 동적 속성 추가 객체.속성 = 값 동적 속정 제거 delete 객체.속성 키워드 정리 요소란 배열 내부의 값을 의미 속성은 객체 내부의 ..
JS기초_4.2(함수 고급) 자바스크립트 함수의 특성 콜백 함수 함수 안에 함수를 넣는다 forEach() : 배열 내부의 요소를 사용해 콜백 함수 요청 map() : 콜백 함수에서 리턴한 값들을 기반으로 새로운 배열을 만든다 filter() : 콜백 함수에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만든다 화살표 함수 단순 콜백 함수를 쉽게 입력하기 위해 사용. function 키워드 대신 (=>)를 사용. (매개변수) => { } (매개변수) => 리턴값 타이머 함수 함수 이름 설명 setTimeout(함수, 시간) 특정 시간 후에 함수를 한 번 호출 setInterval(함수, 시간) 특정 시간마다 함수를 호출 clearTimeout(타이머_ID) setTimeout() 함수로 설정한 타이머 제거 clearInte..
JS기초_4.1(함수기초) 함수의 기본형태 익명함수 function () {} 선언적 함수 function 함수() { } let 함수 = function () {}; 매개변수와 리턴값 function 함수 (매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 나머지 매개변수 개수가 고정적이지 않은 가변 매개변수 함수를 자바스크립트에서 구현할 때 나머지 매개변수를 사용 매개변수 앞에 마침표 3개를 입력하면 매개변수들이 배열로 들어온다 function 함수 이름(...나머지 매개변수) { } function sample(...items) { console.log(items) } sample(1, 2) sample(1, 2, 3) sample(1, 2, 3, 4) //실행결과 [1, 2] [1, 2, 3] [1, 2..
JS기초_3.2(반복문) 항해99 온보딩 커리큘럼 3일차 반복문 for in 반복문 for (const 반복변수 in 배열 또는 객체) { // 반복 변수에는 요소의 인덱스가 들어온다 문장 // 이를 활용해서 배열 요소에 접근할 수 있다 } const todos = ['코딩공부', '운동', '간헐적단식'] for (const i in todos) { console.log(`${i}번째 할 일: ${todos[i]}`) } //출력 0번째 할 일: 코딩공부 1번째 할 일: 운동 2번째 할 일: 간헐적단식 for of 반복문 for (const 반복변수 of 배열 또는 객체) { //반복 변수에 요소의 값이 들어간다 문장 } const todos = ['코딩공부', '운동', '간헐적단식'] for (const todo of to..
JS 기초_3.1(배열) 항해99 온보딩 커리큘럼 3일차 배열 > const str = '안녕하세요' > str[2] 하 > str[str.length-1] 요 안 녕 하 세 요 [0] [1] [2] [3] [4] ※배열 요소의 순서(인덱스)와 개수(length) 헷갈리지 말기 배열만들기 [요소, 요소, 요소, ... ,요소] 배열 요소 접근하기 array[인덱스] > const numbers = [89, 10, 22, 27] > numbers[0] // 자바스크립트는 순서를 0부터 센다 89 > numbers[1] 10 > numbers[1+1] //괄호안에서 연산 가능 22 배열 요소 개수 확인하기 array.length > const fruits = ['배', '사과', '딸기', '바나나'] > fruits.length ..
JS 기초_2(조건문) 항해99 14기 온보딩 커리큘럼 2일차 if 조건문 if 조건문은 조건에 따라 코드를 실행하거나 실행하지 않도록 하기 위해 사용하는 구문이다 else 구문은 if 조건문 뒤에 사용하며, if 조건문이 거짓일 때 사용한다 중첩 조건문은 조건문을 중첩해서 사용하는 경우를 의미한다 if else if 조건문은 중첩 조건문에서 중괄호를 생략한 형태로, 겹치지 않는 3가지 이상의 조건으로 나눌 때 사용한다 Q1. 사용자에게 숫자를 입력받아 양수, 0, 음수를 구분하는 프로그램 만들기 const a = Number(prompt('숫자를 입력해주세요.', '')) if (a > 0) { alert('양수입니다') } else if (a < 0) { alert('음수입니다') } else { alert('0 입니다.'..
JS 기초_1 항해99 14기 온보딩 커리큘럼 1일차 자바스크립트 개요 자바스크립트란 웹 브라우저에서 작동하는 프로그래밍 언어 ECMAScript란 유럽컴퓨터제조협회에서 표준화한 자바스크립트의 공식 명칭 웹 애플리케이션이란 기존의 웹 페이지보다 많은 기능을 구현한 웹 페이지를 말한다. 개발환경 설치와 코드 실행 개발환경이란 개발을 할 수 있는 환경을 의미 텍스트 에디터란 코드를 작성할 수 있는 프로그램 ex) vs code(비주얼 스튜디오 코드) 구글 크롬 개발자 도구란 구글 크롬이 개발자를 위해 오류 확인 등의 기능을 제공하는 고두 기본용어 표현식이란 값을 만들어내는 간단한 코드를 말한다 문장이란 하나 이상의 표현식이 모여 구성되는 것으로, 코드를 읽어 들이는 기본 단위 키워드란 프로그래밍 언어가 처음 만들어질 때 ..