선택n집중

디바이스의 종류가 점점 다양해 지고있다.핸드폰 , 탭 , 테블릿 , 노트북 , 확장되어 최근에는 키오스크까지.즉 , ui 를 점차적으로 반응형에 맞춰 제작하게 된다. 네트워크가 어떻게 작용되는지 알아야 한다.브라우저를 통해 최정 유저가 사용하는데,웹 브라우저 안에 어떤 기능이 있을까 ? 브라우저를 통해 네트워크 안의 통신기능을 이용한다고 볼 수 있겠다.주소를 통해 통신받은 주소의 html 과 css 와 javascript를 번역하여 브라우저를 통해 보여준다.우리가 만들어 놓은 구문들을 컴퓨터 용어로 읽을 수 있게 번역해주는 역할을 브라우저가 하게된다. 자동로그인 , 검색 기록, 검색 추천이 뜬다는 것은어디선가 기억하고 저장되어있다는 뜻.브라우저가 저장하고 기억하고 있다는 뜻이다. 즉 , 브라우저는 통신의..

변수 선언 let, const, var구문을 이용한 변수의 선언 호이스팅( Hoisting )의 의미 호이스팅이란 컴파일 과정에서 선언 및 정의 위치와 관계 없이변수나 함수의 선언 및 정의부를 코드의 최상단으로 끌어 올리는 것을 의미하는데,변수나 함수의 선언은 컴파일 단계에서 메모리에 저장되지만 실제 물리적 코드의 위치가 변경되어 저장되는 것은 아님. 스코프( Scope ) (범위를 말함.) 함수 스코프( var구문 )- 함수 외부에서 선언된 변수는 전역변수로함수 내부에서 선언된 변수만 지역변수로 인식하여,일반적인 블럭 스코프에서는 전역 변수로 인식. 블럭 스코프( let, const구문 )- 변수가 선언된 블럭, 구문, 표현식 내에서 유효한 범위를 가지는 지역변수로 인식되며, var과 달리 중복 선언 ..

string.trim(): string문자열의 양쪽 공백 제거. 문자열 양쪽 끝의 공백을 제거한 새로운 문자열을 반환. 여기서 공백은 space, tab, NBSP, 개행문자(\n).string.trimStart(): stringstring.trimEnd(): string양쪽 끝의 공백제거를 주로 쓰지만, 앞과 뒤를 따로 사용할 수도 있다.const str1 = ' Removes Whitespace from\n';const str2 = 'both ends of a String';console.log(str1);console.log(str1.trim());console.log(str1.trim() + str2); 영어 대소문자의 변환string.toLowerCase(): string string.t..

가볍게 알아보는 배열'use strict';let str = '@ Javascript &';for (let i = 0; i - 문자열에 대한 배열 인덱싱을 제공한다는 것을 알 수 있다.console.log('@ Javascript &'[0]); console.log('@ Javascript &'[str.length - 1]);-문자열 자체에 대한 배열 인덱싱도 가능하다. * 배열 연산법  : 첫주소 + 인덱스 *타입크기 * 배열 접근 3요소 : 1. 첫주소 2. 인덱스 3.인덱스 종료값(배열 길이-1)배열 리터럴 생성, 삭제의 특징 let ar1 = []; let ar2 = ar1; console.log(ar1.length);console.log(ar1[0]); ..

문제 : 이와 같이 두정수의 값 비교를 할것.큰수를 출력하게하고 , 같으면 같다고 출력하게 할것.    요점값을 받을 두 창이 필요하다.마지막에 값을 판단하여 창을 띄우는데 2가지 방향으로 제시된다.  답안+'use strict';let n1, n2;n1 = +prompt('정수1 : ');n2 = +prompt('정수2 : ');if (n1 === n2) { alert('두 수는 같음');} else { alert(`큰 수는 ${n1 > n2 ? n1 : n2}`);}  부족했던점처음에 else에 대하는 조건을 처음으로 이런식으로 직관적으로 쓰게 되었다. if (num1num2){ alert(`큰 수는 ${num1} 입니다.`) }else{ alert(`두..

if (value == 0) break;  == (equal) : 피연산자들의 값만 비교. 단, 숫자형태의 문자열은 다른 숫자 타입의 값과 비교시 숫자 타입으로 형변환되어 비교.따라서 입력된 문자열 '0'과 '확인' 버튼을 눌렀을 때 반환되는 빈 문자열 ('')은 모두 숫자 0으로 변환되어 비교.단,원시값 중 빈 문자열('')과 false 만 추상 동등 비교(==) 시 0 으로 변환되어 평가.숫자 형태의 문자열과 숫자 형태가 아닌 모든 문자열은 복합 대입 연산자에 의해 문자열 결합 연산 처리되는 것을 확인 가능. === (strict equal) : 피연산자들의 값뿐만 아니라, 타입까지 포함하여 비교. 따라서 이 때에는 숫자 형태의 문자열이더라도 다른 숫자 타입과 비교시 형변환이 되지 않아 무한루프 탈출..

누적합 구하기 원리*현재 누적 합 = 과거 누적합 + 현재 대상값. ( K = K + N) 최초의 상황일 때 과거 누적합이 없기 때문에 최초 가상 누적합에 의미없는 수(0)를 넣어 선언.누적합에 해당하는 변수선언 , 현대 대상값에 해당하는 변수 선언,최초 가상 누적합에 초기화.가 필요함을 알수 있음. 'use strict';// 1부터 10 까지의 누적합을 입력받아 출력해보자.let tot =0 , min, max; //최초 가상 누적합min= +prompt(`작은값 : `);max= +prompt(`큰값 : `);for (let i = min; i 최소값을 최대값까지 반복하게 될것이고,합계를 저장할 저장공간을 마련한다.최초의 가상누적합이 존재하지 않기 때문에 0의 의미없는 수를 넣어서 선언.시작 : 최..

for 문 형식 : for ( 초기식 ; 조건식 ; 증감식 ){반복실행블럭}for ( 처음 ; 끝 ; 규칙 )반복(회전)수 결정 조건 : 1) 처음 2) 끝 3) 일정한규칙 끝을 비워두면 무한루프가 형성됨.탈출 조건을 걸어야 함.if (탈출 조건 ) break; true 일때 반복.( 0이 아닌 수를 true )false 일때 반복 끝. (0이 false) 반복 루트 : 초기식(처음) > 조건식(끝이니 아니니?) > 반복실행블럭(실행해볼게) >증감식(끝이아니니, 끝까지 가보자) > 조건식(아직도 끝이 아니니?) > 반복실행블럭(또 실행해볼게)  // 34 ~ -68for (let i = 35; i > -68;){ i--; console.log(i); }// 241 ~ 169..

조건문 if 자바와 형식이 비슷하나,자바에서는 true 또는 false 로 표현되고,자바 스크립트에서는 0이 false , 0이 아닌 수를 true로 판단 하는 차이가 있음. 추후 숫자를 이용해 값을 판단하게 될때 ,0 이라는 숫자가 필요한데 조건문을 통해 false로 빠지는 상황이 생길 수 있음. else 가 따로 없다면 그 외의 조건에 대해서 실행되지 않기 때문에,else는 필요에 의해 사용할 수 있다. if (조건문){} 아닐때는 실행되지 않음.if(조건문){조건 참이면 실행}else{아닐때 실행}if(조건문1){조건1이 참이면 조건 2로}else if(조건문 2){조건 2가 참이면 실행}if(조건문1){조건1이 참이면 조건 2로}else if(조건문 2){조건 2가 참이면 실행} else{ 아닐때..

백틱 `` (키보드상에 tab 위의 ~키)문자열 및 내장된 표현식을 허용하는 문자열 리터럴.문자열을 줄내림을 하더라도 , 하나의 문자열로 인식함. 자바와 같이 %d 로 표현이 가능함. 단 , 실수표현은 불가하다.+연산시 자동 문자열로 변환되어 문자열 결합 연산이 적용되는 것이지,타입 확장의 개념이 아님에 유의할것.산술 연산 적용시 자바와 같이 / 와 % 가 있는것이아니라 나누기 결과 값이 실수로 표현.실수로 표현되는것을 나중에 메서드와 함수를 통해 정수로 표현이 가능하다.  자리 표시자 ${} 다양한 표현식을 직접 표현이 가능하다.자바의 우변과 같이 변수나 숫자를 사용할 수 있다고 생각하면 됨.함수 호출과 같은 표현 식도 가능하다. console.log(`n1 = ${7}, n2 = ${9} 출력완료`)..