Basic Js

알아두면 편한 코드펜 사용법 코드 삽입하는 곳 html, css코드 결과 값 화면에 출력 js 실행시 결과 값 노출 저장, 환경설정, 펜 레이아웃, 핀 js 결과 값 기록 모두 지우기 4-1. save진행 시 코드펜 메인의 해당영역에 저장됨 4-2. js가 자동으

console.log란? console.log는 괄호 안의 메세지를 콘솔창에 출력하는 명령어다 > 입력방식 : console.log(출력할 대상); 값을 넣거나 만드는 것이 아니다 오직 확인하는 것뿐 절대 코드에 영향을 주지 않는다 디버깅 역할도 한다

변수와 값 변수 : 데이터 값을 저장할 공간 변수선언 : 변수의 성격을 지정한다 값 : 컴퓨터에 입력되는 값 > 입력방식 : 변수선언 변수 = 값; ex. var x = 10; 변수선언의 대표적인 세 가지 var : 변수 타입을 지정해 주지 않아도된다 boole

데이터 타입이란? 해당 데이터가 메모리에 어떻게 저장되고, 프로그램에서 어떻게 처리되어야 하는지를 명시적으로 알려주는 역할 데이터 타입의 종류 크게 기본 타입 (Primitive Type)과 참조 타입 (Reference Type) 두가지로 나뉜다 1. 기본 타입

입력 방식 따옴표, 쌍따옴표 모두 사용 가능하지만 꼭 앞뒤로 넣어주자 > let string = '문자입니다', "문자입니다" 중간에 띄어쓰기도 가능하다 > let string = '문자 입니다' 주의할점 : 숫자와 문자를 헷갈리지 말자 >- console.log('2

함수란? 데이터 타입으로는 한 기능을 실행을 할 수 없다 숫자계열 : 정수(0,1,-1…), 실수(0.5) 논리계열 : true/false 문장계열 : (””) → 실행할 수 없는 데이터는 ();를 못쓴다 > 하지만 실행을 할 수있는 데이터를 만드는 것이 함수이다

return이란? 원래 함수는 기능을 실현하는 요소이며 값을 남기지 않는다 하지만 함수에 값을 남겨 활용할 때 사용하는 것이 return이다 > 입력방법: return 값; 함수를 값 처럼 사용하기 > 입력방법 : var c = plus(); 이처럼 한 변수안에 함

인자값 함수를 실행할 때 매개변수에 실행될 값을 지정해주는것 > 입력방법 : 매개변수(값, 값..); 여기서 중요한 건 지역변수와 전역변수의 차이를 꼭 알아야한다 지역변수와 전역변수 지역변수 : 함수 안의 변수, 함수가 끝나면 함수 밖에선 못쓴다 전역변수 : 함수

조건문이란? 조건을 주고 해당 조건에 따른 결과값을 얻는 코드 > 입력방식 : if (조건) {결과} : 만약에 >else if (조건) {결과} : 또는 >else {결과} : 나머지 → 조건이 필요없다 이중 조건문 조건이 여러개일때 사용하며 else if는 여러

비교연산자란? 비교연산자는 말 그대로 값을 비교하여 참과 거짓을 판단하는 것 결과값은 boolean타입으로 나온다 > == : 값이 같으면 true === : 값이 같고, 같은 타입이면 true != : 값이 다르면 true !== : 값이 다르거나, 타입이 다르면

크게 세가지 논리 연산자 ||, &&, !가 있다 ||(or) '또는' 이라는 뜻으로 두 개의 조건 중 하나라도 참이면 코드가 실행된다 &&(and) '그리고'라는 뜻으로 두 개의 조건 모두 참이어야 실행된다 !(not) '아니다'라는 뜻이지만 현재 값의 반대의 값

똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문 크게 while과 for가 있다 > while 입력방법 : 변수의값 + while ( 조건 ){ 실행문 } + 다음스텝 > > for 입력방법 : for ( 변수의 값; 조건; 스텝 ) { 실행문

배열이란? 연관된 데이터들을 모아서 관리하기 위해서 사용되는 데이터 타입 > 입력방법 : var 변수 = [ ]; > 배열 값 입력방법 : 변수[순번] = 값; 위 배열을 아래처럼 입력할 수 있다 var ages=([10, 20, 30]) 배열의 [ ]를 index

예제 1. 모든 배열에 값을 1씩 더하기 우선 배열을 만들자 > 출력할 배열의 값에 1씩 더하는 코드를 만들자 > 배열의 전체의 인덱스를 모두 가는 반복문을 만들자 > 2번을 3번안에 넣자 > 예제2. 배열의 모든 값을 불러와보자 우선 배열을 만든다 > 배

배열안의 평균값을 구해보자 밑에 있는 배열 값의 평균값을 구할거야 > console.log(lottopick([7, 11, 24, 27, 36, 40])); 우선 총합을 구하자 - 반복문 > for(var i=0; i // 그럼 sum이 0이되어야 총합이 나오고 나누

객체(object)란? 변수나, 함수 등을 담는 폴더 역할 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합 > 객체 입력방법 : var 변수 = { key, value, property}; > > 변수 안에 또 다른 변수 객체의 k

this 같은 객체 안에 있는 변수를 불러올 때 쓴다 > 예제 1. 객체 안의 this를 사용해 자기소개를 해보자 > 객체 안에 하위 객체 값 만들기 > 객체 속성 삭제 delete를 앞에 붙이면 된다 > 객체와 반복문 배열에 있는 값을 가져올 때, 객체의 속성