본문 바로가기

반응형

Javascript

(32)
배열 _ Array( ) 1. 배열이란? 하나의 변수 안에 여러개의 데이터를 그룹하하여 저장하는 기본 구조 변수의 값이 할당 될 때 결정되기 떄문에 할당하기 전까지는 숫자, 문자열, 배열 등의 구분이 없다. ex) let Arr = [ 1, 2, 3, 4, true, false, "hello", "Javascript" ];ᅠᅠᅠ-->ᅠᅠᅠ선언과 할당을 동시에 할 수 있다. 2. 클래스를 사용한 배열 ex) let Arr = new Array( 1, 2, 3, 4, true, false, "hello", "Javascript" ); ᅠᅠᅠᅠ-->ᅠᅠᅠ [ 1, 2, 3, 4, true, false, "hello", "Javascript" ] " new Array() " 로 배열을 지정할때 괄호안에 숫자 값 하나만 명시되면 숫자 값..
반복문 속의 반복문 _ if-if, if-for, for-if, for-for 1. if - if 구조 특정 조건이 참으로 반판되어 중괄호( {} )안으로 진입했을때, 상세 조건을 판별한다. if ( 조건식 ) { ᅠᅠif ( 조건식 ) { ᅠᅠ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ } else if ( 조건식 ) { ᅠᅠif ( 조건식 ) { ᅠᅠ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ ᅠᅠ } else { ᅠᅠ } } else { ᅠᅠ if ( 조건식 ) { ᅠᅠ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ ᅠᅠ } else if ( 조건식 ) { ᅠᅠ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ ᅠᅠ } else { ᅠᅠ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ ᅠᅠ..
반복문 while, for 1. 반복문 while문 주어진 조건이 참을 충족하는 동안 계속 수행되는 반복문이다. 반복문 안에서 만들어진 변수는 리셋된다. 초기식 while( 조건식 ) { ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ・・・ᅠ반복적으로 실행될 구문ᅠ・・・ ; ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ증감식 ; } 초기식, 조건식, 증감식의 요소를 모두 충족해야 성립된다. 중괄호( {} )안에서 선언되는 변수나 상수는 그 안에서만 유효하다. --> 새로운 회차의 반복에서는 기존 변수는 삭제되고 새롭게 생성된다. 2. 반복문 for문 초기식, 조건식, 증감식이 모두 하나의 괄호()안에 명시되는 반복문이다. for (초기식 ; 조건식 ; 증감식){ ᅠᅠᅠ・・・・ } 초기식을 실행 조건식이 참인 경우 중괄호( {} )안을 1회 실행 후 증감식을 실행 후 다시 조건식으로..
조건문 if, if~else, if~else if~else, switch 1. 조건문 if문 주어진 조건식이 참인 경우에만 중괄호( {} )안을 실행하는 구문 if ( 조건식 ) { ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ } 논리값을 사용할 경우 -> true 혹은 false를 저장하고 있는 변수를 조건으로 지정 const a = true ; if ( a ){ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ }ᅠᅠᅠ-->ᅠᅠᅠa가 true이므로 중괄호 안의 명령이 실행됌 const b = false ; if ( b ){ ᅠᅠ・・・ 조건이 참인 경우에 실행할 명령 ・・・ }ᅠᅠᅠ-->ᅠᅠᅠb가 false이므로 중괄호 안의 명령이 실행되지 않음 숫자형값을 사용할 경우 -> 0은 false, 0이 아닌 모든 숫자는 true를 반환 const a = 123 ; if (..
산술연산자(사칙연산자), 대입연산자, 단항연산자, 증감연산자, 비교연산자, 논리연산자, 삼항연산자 1. 산술연산자(사칙연산자) 일반적인 덧셈,뺄셈,곱셈,나눗셈에 사용되는 기호 산술연산자(사칙연산자) 종류 + 더하기 - 빼기 * 곱하기 / 나누기 % 나누고 정수를 제외한 나머지 값 일반적인 나눗셈 : 몫이 소수점까지 있는 경우 연산할 수 있는 최대한의 자리수까지 계산 나눠떨어지지 않는 나눗셈 : 처리 가능한 범위 안에서 최대한의 소수점 자리수까지 계산 2. 대입연산자 좌변에 우변을 대입한다는 의미의 " = " 연산자 연산 결과를 새로운 변수에 대입해준다. ᅠlet a = 1+2; console.log(a);ᅠᅠᅠ-->ᅠᅠᅠ3; 이미 생성된 변수의 값을 다른 값으로 변경해준다. ᅠlet b = 0; b = 7; console.log(b);ᅠᅠᅠ-->ᅠᅠᅠ7 연산 결과를 변수 스스로에게 덮어씌우는게 가능하..
상수(constant) _ 형식문자(%d, %s, %o, %j) 1. 상수란? 수식에서 변하지 않는 값으로 선언과 동시에 값을 할당해줘야 한다. π(파이), homepage URL, const ・・・ ex) const home_url = "ᅠ・・・・ᅠ";ᅠᅠconst myName = "leanna";ᅠᅠ-->ᅠ선언과 동시에 값을 할당 2. 상수 console.log(typeof 변수 이름);ᅠᅠ-->ᅠ변수 이름의 type을 알려줌 TYPE의 종류 number 숫자 string 문자 boolean true / false object 객체(function_함수, Array_배열, Date_날짜ᅠ・・・) null object의 종류로 임의로 비워둔 상태 undefined 선언만하고 값은 할당되지 않은 상태 3. 형식문자 데이터를 입/출력 할 때, 컴퓨터가 그 Type을 인..
변수 _ 전역변수 var, 지역변수 let 1. 변수란? 데이터를 저장할 수 있는 메모리상의 공간 영어, 숫자, 언더바(_), $ 기호만 사용가능하고, 첫글자는 숫자로 시작할 수 없다. 컴퓨터의 2진수 -> 0과 1 두개의 정보를 표현하는데 이것이 1bit이다. 2진수가 7개 모이면 알파벳 1글자 or 숫자 1글자와 같다.하지만 영어 외에 다른 글자를 표현하려면 부호를 의미하는 1bit를 추가하여 총 8개가 되면 모든 언어를 표현할 수 있게 된다. ᅠᅠ8bit = 1byte ᅠᅠ1024byte = 1kbyte ᅠᅠ1024kbyte = 1mbyte ᅠᅠ1024mbyte = 1gbyte 자바스크립트 내부의 주석처리는 한 줄 이내이면 // 으로 표시하고 두 줄 이상이면 /*ᅠ・・・ᅠ*/ 으로 표시한다. 2. 변수의 스코프 변수가 처음 만들어진 위치를 ..
자바스크립트 설치 및 visual studio window - "win" + "R" --> cmd 화면 오픈 mac os - 터미널 오픈 1. 오픈한 cmd나 터미널에서 "node --version"을 확인한다. node.js의 버전을 확인 2. "Visual Studio" 설치(최신 버전으로) 한다. https://visualstudio.microsoft.com/ko/free-developer-offers/ 무료 개발자 소프트웨어 및 서비스 - Visual Studio 무료 제공: Visual Studio Community, Visual Studio Code, VSTS 및 Dev Essentials. visualstudio.microsoft.com 3. Visual Studio에서 유용하게 사용되는 "extension" 설치 ᅠᅠ"Color Hig..