내일배움캠프 동영상 강의/내배캠_ JavaScript 문법 종합반 10

break continue

반복문에서 루프의 흐름을 제어할 때 사용되는 키워드이다. breakfor, while, do...while과 같은 반복문에서 사용할 수 있음즉시 반복을 중단하고 루프를 완전히 빠져나감특정 조건이 만족되면 루프를 종료나머지 코드를 건너뛰고 다음 코드로 넘어감 continue 반복문의 현재 반복만 건너뛰고, 다음 반복을 계속 진행해당 루프의 나머지 코드는 건너뛰고, 바로 다음 반복으로 넘어감   즉, break문은 반복문을 즉시 종료하고 반복문 바깥의 코드로 이동하고continue문은: 현재 반복을 중단하고, 다음 반복을 계속 진행합니다

for문

for문사용 방법for (초기값; 조건식; 증감식) { } for (let i = 0; i   console.log(i); }// 0 // 1 // 2 // 3 // 4 // 5 // 6 // 7 // 8 // 9  배열 길이 사용하기const arr = ["one", "two", "three", "four", "five"]; for (let i = 0; i .length; i++) {   console.log(i);   console.log(arr[i]); }// 0 // "one" // 1 // "two" // 2 // "three" // 3 // "four" // 4 // "five" for ~ in문 객체의 속성을 출력하는 문법key는 객체 안의 키 사용 방법for (let key ..

배열 2

forEach 사용 방법 배열.forEach(콜백 함수) 별도로 return되는 값은 없음 안의 로직이 실행되기만 함 콜백 함수 매개변수 자리에 들어가는 함수 (콜백 함수의) 매개변수에는 배열의 요소들이 순회함 for문과 비슷 let NotMini = ["OverTheTop", "Paradise", "Seaon2", "Back", "Top Seed"]; NotMini.forEach(function (item) {   console.log("item입니다.=>" + item);   // item입니다.=>OverTheTop   // item입니다.=>Paradise   // item입니다.=>Seaon2   // item입니다.=>Back   // item입니다.=>Top Seed });  map 배열 내..

배열 1

배열 인덱스(index)를 가짐 인덱스는 0부터 시작 인덱스 순서가 중요 배열 생성하는 방법변수 = [ ]; 콤마로 요소들을 구분 배열 요소에 접근하는 방법변수 [인덱스 번호] // 크기 지정 let number = new Array(5); console.log(number); // [ ]  배열 메소드push( )마지막 요소를 추가하는 메소드 let IfntConcert = ["LV", "장동우 에어라인", "식목일", "REBOOT", "다시 시작"]; console.log(IfntConcert); // 'LV', '장동우 에어라인', '식목일', 'REBOOT', '다시 시작' ] IfntConcert.push("무한대집회 IV"); console.log(IfntConcert); // [ 'LV',..

객체

객체를 생성하는 방법let 변수 = {    키: "문자열인 값",    키: 숫자,    키: true 나 false    키: 함수,    키: 배열    키: 객체}; let eundong = {// 문자열     name: "은동",// 숫자     age: 5,// 불리언     large: false,// 함수     function ( ) { },}; // 객체(에 객체 추가)let myDog = {     name : "은동이",     gender : "female",    birthday: "180830",    color: "white",    white : {    pink : "first favorite",    purple: "second favorite" },}; // 객체에 ..

연산자

연산자+더하기 연산자우선순위는 문자열console.log(1+1); // 2console.log(1+"1"); // 11 -빼기 연산자우선 순위는 숫자console.log(1 - "2"); // -1console.log(1 - 2); // -1 *곱하기 연산자우선 순위는 숫자console.log(2*3)  // 6console.log(2:*3); // 6 / 나누기 연산자console.log(4/2); // 2console.log("4"/2); // 2  %나머지 연산자나누기 연산자 (/) vs 나머지 연산자 (%) console.log(5/2); // 2.5 console.log(5%2; // 1 등호연산자 (=) let x = 10; 더하기 등호 연산자(+=)x += 5;x = x+5와 같음 빼기 등..

데이터 타입, 문자열( 길이 확인, 결합, 자르기, 검색, 대체, 분할, 형 변환)

숫자 (정수)let num = 10;console.log(10);  // 10 console.log(typeof num);  // number실수 (float)let num2 = 3.14; console.log(num2); // 3.14 console.log(typeof num2); // number 지수형(Exp)let num3  = 2.5e5; console.log(num3); // 250000 console.log(typeof num3); // number NAN(: Not a Number)let num4 = "Hello" / 2; // NAN Infinity: 무한대let num5 = 1 / 0; console.log(num5); // Infinity console.log(typeof num5);..

변수와 상수

콘솔 보는방법: 상단 Terminal → New Terminal → node 파일명 입력 콘솔창 모두 지우는 방법: clear 입력  주석사용 방법: //코드를 처리하지 않음 변수값을 메모리에 저장 및 읽어들여서 재사용 변수명:저장된 값의 고유 이름 변수의 값: 변수에 저장된 값 변수 할당: 변수에 값을 저장하는 행위 변수 선언:변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조:변수에 할당된 값을 읽어오는 것 변수를 선언할 수 있는 세가지 방법varletconst

자바스크립트 소개

프로그래밍 언어0과 1밖만 아는 컴퓨터에게 대화를 시도한 방법브라우저 동작 스크립트 언어크롬, 마이크로소프트 엣지 객체지향 프로그래밍이 가능객체를 생성하고 관리하는데 강점이 있음복잡한 기능 구현 가능 객체지향절차지향묶어서 처리순서대로 처리한 번에 묶어서 처리(함수를 객체라는 그룹으로)(객체는 상태와 행동을 가지고있으며 상태는 객체의 속성(프로퍼티(property)라고도 함)첫번째 일 처리 후 두번째 일 처리재활용 가능-      프론트앤드(FrontEnx) + 백앤드(BackEnd) + 디비(MongoDB) = 풀스택(FullStack) UX (User Experience)사용자 경험사용자들이 얼마나 프로그램을 사용하는가

JavaScript 요약시리즈 1부

2번array.splice(start, delCount, item1, item2..);start: 시작할 때 인덱스 지정, 배열의 변경을 시작할 인덱스 지정delcount: 제거/ 변경할 요소의 개수item: 배열에 추가할 요소   3번undefined: 변수는 선언되었지만 값이 할당되지 않은, 아무런 값도 부여되지 않은 상태ex) let x;      console.log(x); // undefined object: 여러 값들을 키와 값을 쌍으로 저장할 수 있는 복합 데이터 타입으로 객체는 중괄호({ })로 정의- 다른 데이터 타입과는 다르게 복잡한 구조를 표현- 객체 아네는 문자열, 숫자, 배열, 다른 객체등 다양한 타입의 데이터를 포함ex) let myFriend = [ {name:'Eundong'..