Javascript

HTML은 페이지의 골격을 만들고, CSS를 이용해 스타일링을 한다여기에 여러가지 동작을 추가하기 위해서 JavaScript를 사용한다.Js는 1995년도에 넷스케이프 커뮤니케이션즈 코퍼레이션의 브랜던 아이크가 모카라는 이름으로,나중에는 라이브 스크립트라는 이름으로 개

어떻게 자바스크립트가 우리의 브라우저와 컴퓨터 환경에서 동작할까?바로 브라우저 안에 내장되어 있는 자바스크립트 엔진 덕분이다 자바스크립트 엔진이 런타임 시(동작하는 동안) JS 코드를 한 줄씩 번역해서 실행해 준다(=인터프리터)다른 프로그래밍 언어에서는 컴파일러가 이

브라우저마다 각각 다른 자바스크립트 엔진을 가지고 있는데크롬과 엣지는 V8, 사파리는 JavaScript Core, 파이어폭스는 SpiderMonkey라는 엔진을 가지고 있다.이 엔진들은 ECMAScript라는 하나의 JS문법 표준사항(규격사항)을 통해서 구현돼있다.

위키피디아에서 검색해 본 자바스크립트 정의 (한글 번역 및 요약본)자바스크립트는 가벼운 스크립팅 언어이고 인터프리터를 이용해서 런타임 시 코드를 한 줄 한 줄씩 번역해서바로 실행하는 프로그래밍 언어이다, 1급 함수를 가지고 있으며웹 페이지를 만드는 것뿐만 아니라 브라우

컴퓨터를 구성하는 중요한 요소 3가지하드디스크 - 파일 또는 앱을 저장하는 저장장치CPU - 저장장치에서 데이터를 읽어와서 계산을 처리하는 연산장치메모리 - 데이터를 임시적으로 빠르게 읽고 쓰는 기억장치컴퓨터에서 사용자가 문서 파일을 열면하드디스크에 저장된 파일을 CP

App을 실행하면 크게 3가지의 이벤트가 일어난다1\. 입력(Input) : 사용자가 키보드를 눌러 입력하거나 마우스를 클릭 2\. 처리(Process) : 개발자가 작성한 로직(JS문서)대로 처리3\. 출력(Output) : 처리 결과를 모니터에 보여주거나 데이터를

데이터 타입은 크게 2가지로 단일 데이터인 원시타입과 복합 데이터인 객체타입으로 나뉜다원시(Primitive) 타입은 number, string, boolean, null, undefined, symbol객체(Object) 타입은 object, function이 있다.

문자열 타입을 쓰는 방법은 간단하다Ex) let myName = '홍길동';이제 myName을 출력하면 홍길동이 출력된다.만약 '홍길동' 으로 따옴표를 같이 출력하고 싶다면let myName = "'홍길동'" 처럼 외부에 쓰여진 따옴표와 반대되는 따옴표를 넣어주면된다.

불리언 타입은 참과 거짓 (true and false) 두가지만 존재한다.일반 변수는 변수이름을 지을 때 명사를 사용하지만참과 거짓을 담고있는 변수는 is+형용사를 사용한다Ex) let isFree = true; let isActivated = false ;값에 !!

null - 메모리에 null(공백)이라는 값을 할당undefine - 변수이름만 선언되어 있고 메모리 공간에 할당되지 않은 상태let activeItem; => 아직 활성화된 아이템이 있는지 없는지 모르는 상태activeItem = null; => 활성화된 아이템이

\-복합적인 데이터를 담을 수 있는 객체는 연관이 있는 데이터(number,string,boolean)들을 함께 묶어서 보관할 수 있다\-객체(복합데이터)는 { key : value } 형태로 나타낸다.Ex) { id: 1234, key: 'secret-key', }\

원시타입은 메모리셀 안에 값이 바로 들어가있고 변수이름이 메모리주소 자체를 가리키고있다객체는 메모리셀 안에 실제로 객체가 들어있는 메모리 주소를 보관하고 있고 값 자체가 아닌 참조값(=메모리주소,레퍼런스)을 가지고 있다.copy by value값이 복사되는 원시타입 E

let 과 constlet은 재할당이 가능하다Ex) let a = 1;a=2; ⭕️(프로그래밍을 할 때 let보다는 const를 선호하는 것이 좋다.)\-const(상수)는 재할당이 불가능하다Ex) const text = 'hello';text = 'hi'; ❌\-상수

java나 c++는 개발자가 작성한 코드를 컴파일러를 이용해서 컴파일을 모두 마친 후 실행하는정적 타입 언어이다javascript는 앱이 동작할 때 코드를 한줄씩 번역해서 실행하는 동적 타입 언어이다\-typeof를 이용한 동적타입 예제let variable;varia

리터럴(Literal)이란 코드에서 값을 나타내는 표기법이다예를 들어 변수에 123을 할당하면 숫자 리터럴따옴표를 묶어서'123'을 할당하면 문자열을 나타내는 리터럴이 된다(배열 리터럴, 객체 리터럴, 함수 리터럴, 템플릿 리터럴문자열 양식 리터럴 등등)코드에서 최소로

산술은 덧셈, 뺄셈, 곱셈, 나눗셈 등 사칙연산을 하는것 을 말한다그리고 산술연산자는 산술식을 구성하는 요소 또는 기호를 뜻한다.산술연산자의 종류: 더하기: 빼기: 곱하기/ : 나누기% : 나머지 값\*\* : 지수 (거듭제곱)\+연산자 주의점let text = '두개

단항 연산자는양을 나타내는 +음을 나타내는 -부정을 나타내는 !가 있다.단항 연산자 Ex)//양수를 음수로 또는 음수를 양수로 변환한다.let a = 5;a = -a; //마이너스 단항 연산자를 붙이면 a에 -1을 곱한 것과 같다.console.log(a) => -5

변수에 값을 할당을 해주는 '='연산자Ex) let a = 1; // a에 1을 할당축약 버전a +=2; // a = a + 2a -=2; // a = a - 2(+ 곱하기 나누기 제곱 모두 축약해서 사용 가능하다)

let a = 0;a++; // 증감 연산자를 사용하면 변수 자기 자신에 1을 더한것과 같다 Ex) a = a + 1;a--; // a = a - 1과 같다.주의a++는 필요한 연산을 하고, 그 뒤 값을 증가시킨다.\++a는 값을 먼저 증가하고, 필요한 연산을 한다.E

대소 관계 비교 연산자는특정한 값과 값을 비교하는데 쓰인다.2>3 //2가 3보다 큰가? => false 2<3 //2가 3보다 작은가? => true3>=3 //3이 3보다 크거나 같은가? => 3이 3보다 크지는 않지만 같기 때문에 => true'크거(또는 작

연산자 우선순위는 덧셈,뺄셈보다 곱셈,나눗셈이 더 높다Ex) let a = 2; let b = 3;let result = a + b \* 4 => 결과 14만약 왼쪽부터 순서대로 연산하고 싶다면 괄호를 쓰면 된다.(괄호를 써주면 우선순위가 제일 높아진다)Ex) ((a+

동등 비교 관계 연산자'=='는 값만 같다면 true가 나온다Ex) console.log(2 == 2)는 숫자가 같기 때문에 true<주의> console.log(2 =='2')는 타입이 다르지만 숫자2와 문자열2를비교할 때 문자열 2가 자동으로 숫자열로 변환되어

조건문이란 해당하는 조건에 맞는다면 코드 블록 안에 있는 코드를 실행시키고조건에 맞지 않다면 넘어가는, 흐름을 제어하는 제어문 중 하나이다Ex)if(조건 1){ } //조건 1에 맞는다면 실행else if(조건 2){ } //조건 1이 안 맞는다면 조건 2로 넘어옴el

삼항 조건 연산자는 조건식이 참인 경우 첫번째 표현식이 실행되고 조건식이 거짓인 경우 두번째 표현식이 실행된다 => 조건식 ? 첫번째표현식 : 두번째표현식 Ex)if문과 삼항연산자 let fruit = 'orange'; if(fruit === 'apple'){ c

if, else if를 반복적으로 사용해야하는 경우, 특정한 범위 내에서 검사한다면switch문으로 대체해서 깔끔하게 작성하는것이 좋다switch문 예시)let day = 1;let dayName;switch (day) { case 0:

반복문(loop statement)for(변수선언문; 조건식; 증감식) { }실행순서:1.변수선언문2.조건식의 값이 참이면 { } 코드블럭을 수행3.증감식을 수행4.조건식이 거짓이 될 때까지 2번과 3번을 반복함for문에서는 간편하게 i라는 변수를 사용한다.증감식은 i

while(조건){}조건이 false가 될때까지 {} 코드를 반복 실행5 4 3 2 1 0이 출력되고 반복문이 종료된다for문과 다르게 while문은 while문 밖에서 변수선언식을 쓰고, 증감식은 코드블럭 안에 써주었다.for문과 동일하게 break와 continue

제어문과 함께 자주 쓰이는 논리연산자(Logical operator) 3가지1\. && 그리고2\. || 또는3\. ! 부정(단항연산자에서 온것)!! 불리언값으로 변한 (단항연산자 응용버전)num이 0보다는 크지만 9보다 작지 않음으로 false로 간주되어 출력되지 않

app의 주된 일들은 입력과 처리 그리고 출력이 있다.여기서 처리를 할 때 처리해야 하는 데이터들을 임시로 보호해 두는 곳이 바로 변수이고,데이터들을 처리하기 위해 다양한 연산자를 사용한다이렇게 처리를 위한 다양한 코드들을 관련이 있는 것들끼리 묶은 것을 함수라고 한다

add라는 함수를 정의하면 함수명 add에는 함수가 정의된 메모리주소를 가지고있다 Ex)0x11sum이라는 변수에 add라는 함수명을 할당하게되면sum도 함수가 정의된 메모리의 주소를 가지게된다. Ex) sum = 0x11;따라서 sum(1,2);와 같이 함수를 호출하