웹 개발자 스터디

while(){ } - while의 () 가 true 일 동안 내용을 반복해서 실행합니다. - 반복문의 조건에는 비교 뿐만 아니라 표현식, 변수 등이 올 수 있습니다. - 조건은 while에 의해 평가되고 불린 값으로 변경됩니다. do{ } while() - do-while의 경우 먼저 내용을 한번 실행 후 조건에 따라 반복합니다. for - 시작, 조건, 단계로 구성되어져 있습니다. - 시작 값에 따라 조건이 true 이면 내용을 실행하고 단계의 과정을 거쳐 수행되어집니다. - 상황에 따라 시작값, 조건, 단계를 각각 생략해 줄 수 있습니다. 보통은 조건이 false가 되면 종료됩니다. 도중 반복문을 종료 하고 싶을 경우 어떠한 조건일 때 break;를 실행하게 하변 빠져나옵니다. continue는 현..

?? 를 사용하면 null도 아니고 undefined도 아닌 값을 정할 수 있습니다. ex) a ?? b : a가 null도 아니고 undefined도 아니면 a 이고 나머지는 b입니다. 값이 할당 되어져야 하는 변수를 사용하려면 ??이 || 보다 더 적합합니다. ex) 0이 필요할 경우 example = 0 example || 100; // 100 example ?? 100; // 0 ?? 는 연산 우선순위가 낮기 때문에 우선적으로 사용해야 하면 ()를 사용해주어야 합니다. ?? 는 안정성 이슈로 인해 && 혹은 || 함께 사용하지 못합니다.

자바스크립트 논리 연산자는 &&, ||, ! 이 있습니다. || (OR) - 둘 중 하나라도 true가 있을 경우 true를 반환합니다. - 피연산자가 boolean이 아닐 경우 형변환을 수행합니다. - 여러 개가 있을 경우 왼쪽부터 변환 하며 수행 후 true가 나오면 해당 피연산자의 변환 전 값을 반환하고 false( 끝까지 갔을 경우) 일 경우 마지막 피연산자의 변환전 값을 반환합니다. - 이러한 기능을 이용해 피연산자 중 값이 모두 없을 경우 특정한 값을 출력할 수 있습니다. - 단락효과를 이용해 왼쪽 조건에 의해 오른쪽값을 실행하고자 할 때 사용할 수 있습니다. &&(AND) - 두 연산자 모두 true 일 경우에만 true를 반환합니다. - 타입에 대해 제약이 없습니다. - 여러 개가 있을 경..

조건을 사용할 경우 if 와 ? 를 사용합니다. if문의 ()의 조건을 판단하여 true 일 경우 실행하게 됩니다. if문의 ()의 조건에서는 형변환을 하기 때문에 0, "", null, undefined, NaN 를 사용하면 항상 false가 나오기 때문에 주의 해야합니다. if문 뒤의 else는 조건이 false일 경우 수행되어집니다. 여러 조건의 경우 else if 를 사용하여 나타내며 마지막 else의 경우 선택사항입니다. 조건에 따라 다른 값을 변수에 할당 할 경우 ?를 사용하면 간단하게 표현이 가능합니다. ex) exmaple > 20 ? true : false; ? 연산자를 여러개 사용하여 여러 조건을 나타낼 수도 있습니다.

기본 비교 연산자는 자바스크립트에서 사용이 가능합니다. ex) > , = ,

피연산자 : 연산의 대상이 되는 것을 의미합니다. #다항 : 피연산자가 두개이상인 연산을 말합니다. #단항 : 피연산자가 한개인 연산을 말합니다. 연산자 : 연산을 수행하는 역할을 합니다. 연산자에는 +, -, /, *, %, ** 이 있습니다. % : 나눗셈의 나머지를 반환해줍니다. ** : 거듭제곱을 하는 연산자 입니다. +는 문자열을 합해주는 기능을 가지고 있으며 피연산자 중 한개라도 문자열이 있으면 문자열을 합해주는 기능을 수행합니다. +는 숫자형이 아닌 타입의 단항식일 경우 숫자형으로 변환해주는 기능을 수행합니다. =는 할당 연산자로 값을 할당하는 기능을 수행합니다. 할당 연산자는 체이닝을 통해 여러개의 동일한 값을 여러개의 변수에 할당할 수 있습니다. 증감/감소 연산자로 ++ / -- 가 있으..

alert - 사용자가 '확인'을 누를 때 까지 메시지를 보여주는 창을 띄워줍니다. - 메시지 창을 모달 창이라 하며 모달 창 바깥의 버튼 같은 것을 누를 수 없으며 확인 버튼을 눌러야 사용이 가능합니다. prompt - prompt(title, [default]) 의 형태로 사용됩니다. - title은 사용자에게 보여줄 문자열이고 default는 필수가 아닌 선택값이며 초기값을 의미합니다. - 텍스트 메시지와 입력필드, 확인, 취소 버튼이 있는 창을 띄워줍니다. confirm - confirm(question)의 형태로 사용됩니다. - 매개변수로 받은 question을 보여주며 확인과 취소 버튼이 있는 창의 띄워줍니다. - 확인의 경우 true, 취소의 false 를 반환합니다.

자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있습니다. 상황에 따라 문자열일 수 있고 숫자일 수 있습니다. 숫자형 - 정수와 부동소수점 숫자를 나타냅니다. - 대표적인 연산자는 *, /, +, - 등이 있습니다. - Infinity, NaN 등 도 숫자에 포합됩니다. BigInt - (2^53 -1) 보다 큰 값 혹은 -(2^53 -1)보다 작은 정수는 숫자형을 통해 표현할 수 없습니다. - 이러한 경우에는 BigInt 형을 이용해 표현할 수 있으며 정수 리터럴 끝에 n을 붙여 사용할 수 있습니다. 문자형 - 따옴표로 묶어 문자열을 표현할 수 있습니다. - 역따옴표로 변수나 표현식을 감싼후 ${~~}를 넣어주면 변수나 표현식을 문자열 중간에 쉽게 넣을 수 있습니다. 불린형 - true와 fa..

대다수의 자바스크립트 애플리케이션은 사용자나 서버로부터 입력받은 정보를 처리하는 방식으로 동작합니다. 변수 - 데이터를 저장할 때 사용하는 저장소 입니다. - let 키워드를 사용하여 변수를 생성할 수 있습니다. - var 키워드도 변수를 생성할 수 있지만 요즘에는 거의 쓰이지 않는 방식입니다. - let 키워드를 사용해 동일한 명의 변수를 두개 이상 생성하면 에러가 발생합니다. - 예전 방식에는 키워드 없이 변수 할당이 가능했으며 'use strict'를 사용할 경우 에러가 발생합니다. 상수 - const 키워드를 사용해 변하지 않는 상수를 생성할 수 있습니다. - 상수는 보통 대문자로 변수명을 설정해 구분합니다.

자바스크립트의 정의 - 스크립트 언어로 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. - 스크립트는 컴파일 없이 작성과 실행이 가능합니다. - 브라우저에는 자바스크립트를 실행할 수 있는 자바스크립트 가상 머신이 내장되어져있습니다. #엔진 동작 방식 1) 엔진이 스크립트를 읽습니다.(파싱) 2) 읽어 들인 스크립트를 기계어로 전환합니다.(컴파일) 3) 기계어로 전환된 코드가 실행이 되고 각 단계별로 최적화를 수행하여 실행 속도는 빨라집니다. 브라우저의 제약사항 - 자바스크립트는 디바이스와 사용작용시 사용자의 명시적인 허가가 필요하고 운영체제가 지원하는 기능을 브라우저가 직접쓰지 못하게 되어져있습니다. - 데이터 교환에 동의하는 자바스크립트 코드 없이 각 페이지 끼리 데이터를 교환 할 수 없습니다.