코비누나의 개발일지💻🐶

1) Array 객체의 메소드 1. push( ) 배열의 요소를 추가한다. (맨 마지막 인덱스에 추가된다.) 2. pop( ) 배열의 마지막 주소에 있는 값을 제거한다. let popArr = [10,"hi",7.23,true,180]; console.log(popArr.pop()); //180 console.log(popArr); //[10, "hi", 7.23, true] 3. shift( ) 배열의 첫번째 주소에 있는 값을 제거한다. arr1.shift(); console.log("shift : "+arr1); //shift : 10,3.5,true,여자 4. concat( ) 두 개의 배열을 합친다. 통째로 새로운 배열 객체로 만들어진다. 배열명1.concat(배열명2); let arr2 = ['..

1) 배열(Array) - 이름과 인덱스로 참조되는 정렬된 값의 집합이다. - 배열을 구성하는 각각의 값을 배열 요소라고 한다. - 배열에서의 위치를 가리키는 숫자를 인덱스라고 한다. 2) 배열 생성, 추가 방법 생성하기 1. let 배열명 = [요소1, 요소2, ...] ; 2. let 배열명 = Array( 요소1, 요소2, ... ) ; 3. let 배열명 = new Array( 요소1, 요소2, ... ) ; ** 변수는 var, const 도 된다. 추가하기 1. 배열명[인덱스] = 추가할값; 2. 배열명[배열명.length] = 추가할값; 3. 배열명.push(값); 3) 자바스크립트 배열의 특징 - 배열 요소의 타입이 고정되어 있지 않다. let arr = [1, 1.5, true, "김사과..

1) 조건문 - 프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문 - if문 / if~else문 / if~else if문 / switch문 2) 조건문 - if문 / if~else문 / if~else if문 - 조건의 범위가 있을 때 - 조건식의 결과가 참일 때 수행함 1. if문 / if~else문 if(조건식){ 조건식의 결과가 참일 때 실행할 문장; ... }else{ 조건식의 결과가 거짓일 때 실행할 문장; } 2. if~else if문 if(조건식1){ 조건식1의 결과가 참일 때 실행할 문장; }else if(조건식2){ 조건식2의 결과가 참일 때 실행할 문장; }else if(조건식3){ 조건식3의 결과가 참일 때 실행할 문장; } ... else{ 모든 조..

1) 산술 연산자 - 사칙 연산 및 기본적인 연산을 하는 연산자 + : 덧셈 - : 뺄셈 * : 곱셈 / : 나눗셈 % : 나머지 ** : 거듭제곱 => 2**2 = 4 ▼10과 3을 입력했을 때▼ 2) 비교 연산자 - 피연산자 사이의 상대적인 크기를 판단하여 참 또는 거짓을 반환함 > : 크다 = : 크거나 같다 조건식이 참이면 결과1 실행, 조건식이 거짓이면 결과2 실행됨

1) 대화상자 1. alert( ) - 사용자에게 메시지를 보여주고 확인을 기다림 alert("메시지"); ▼실행결과▼ 2. confirm( ) - 사용자에게 메시지를 보여주고 확인이나 취소를 누르면 그 결과를 불린값으로 반환 const 상수명 = confirm("메시지"); // 상수에 true 또는 false가 저장 const result = confirm('확인 또는 취소를 눌러주세요'); console.log(result); 3. prompt( ) - 사용자에게 메시지를 보여주고 사용자가 입력한 문자열을 반환 const 상수명 = prompt("메시지"); // 상수에 입력한 문자열이 저장 ▼입력값 => 이름 : 채린 / 수1 : 10 / 수2 : 20▼

1) 타입 변환 - 변수는 타입이 고정되어있지 않다. - 변수에 다른 타입의 값을 대입해준다. let a = 10; // 숫자형 ... a = "자바스크립트"; // 문자열형 1. 자동 타입 변환(암시적) - 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용한다. const a = "20"; // 문자열형 const b = "10"; // 문자열형 let result = a+b; // 2010 => 여기서 + 는 연결연산자를 뜻한다. result = a-b; // 10 => 자동 타입 변환된다. result = a*b; // 200 => 자동 타입 변환된다. result = a/b; // 2 => 자동 타입 변환된다. const c = "자바스크립트"; result = c-..

1) 데이터 타입 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 1. 숫자형(number) - 다른 언어와 달리 정수와 실수를 따로 구분하지 않는다. - 모든 수를 실수 하나로만 표현한다. 2. 문자열형(string) - 문자열형은 따옴표로 둘러싸인 문자의 집합을 뜻한다. ** ` (백쿼트) 사용법 ** (`${변수}`); //10+5=15 을 출력하는 두가지 방법 console.log(num1 + "+" + num2 + "=" + (num1+num2)); console.log(`${num1}+${num2}=${num1+num2}`); 3. 불린형(boolean) - 참(true) 또는 거짓(false)으로 표현되는 값이다. const b1 = true; // 값이 있으면 true const b2 =..

1) 상수(constant) - 한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없음 const 상수명; 상수명 = 값; -------> 상수를 새로운 값으로 재정의한다면 위와 같은 에러가 발생한다. 2) 올바른 상수 사용법 const 상수명 = 값; const num1 = 10;

1) 프로그래밍이란? - 컴퓨터의 프로그램을 작성하는 일 - 작성 방법의 결정, 코딩, 에러 수정 등의 작업을 말함 2) 변수(Variable) - 데이터를 저장할 수 있는 메모리 공간 1. 변수 사용법(let) let 변수명; // 변수를 선언 변수명 = 값; // 변수를 초기화 let num; num = 10; let num1 = 10; 2. 변수 사용법(var) - 예전부터 사용했던 변수 선언방법, 현재는 사용하지 않음 var num; num = 10; var num1 = 10; **var 변수를 사용하지 않는 이유** 더보기 1. 같은 이름의 변수를 선언할 수 있음 2. 지역변수와 전역변수의 구별이 모호함 3) use strict - strict mode를 사용한다는 의미 - 코드를 엄격하게 사용..

1) 자바스크립트의 역사 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어진 언어이다. * 이름 변천사 : 모카(Mocha) -> 라이브 스크립트(LiveScript) -> 자바스크립트(JavaScript) * 국제 표준안 버전 : ECMA Script 6 -> 현재 자바스크립트 최신 버전 2) 자바스크립트의 주요 특징 1. 웹의 동작(동적)을 구현하기 위한 언어다. 2. 객체 기반의 스크립트 언어이다. 3. 웹 브라우저에서 동작함. 단, node.js 환경은 서버(운영체제)에서 동작한다. 4. 웹 브라우저에 자바스크립트 엔진(인터프리터)이 내장되어 있기 때문에 사용이 가능하다. 5. HTML문서 내에서 태그 내에서 작성된다. 6. 대소문자를 구별하고 세미콜론(;) 생략..