JavaScript를 글로 배워보자

console.log()를 사용하면 값은 콘솔을 통해 계산, 출력된다. 주석(comment) : //를 사용하면 한 줄의 내용이 비활성화 된다. /와 /로 여러줄의 내용을 비활성화 시킬 수 도 있다.자바스크립트에는 7가지 종류의 데이터 타입이 있다.

알림창을 띄워주는 함수(사용자에게 안내하고 싶은 텍스트를 보여줌) 개발자가 확인하고 싶은 내용을 출력하는 함수. 브라우저에 내장된 '개발자 도구'를 통해 콘솔창을 확인 할 수 있다.

if문은 조건이 참일때, 작업을 실행시킨다.if...else문은 조건에 따라 이분법적인 작업을 실행시킨다. if의 조건이 참이라면 if문 안에 있는 작업을 실행, 거짓이라면 else의 작업을 실행한다.추가적인 조건은 else if문을 이용하여 더할 수 있다.비교 연산자

함수는 특정한 작업을 수행하도록 하는 구문들을 모아놓은 재사용가능한 그룹들이다.매개변수(parameter)는 함수를 선언할 때 사용되는 변수로 함수가 불릴 때는 그 자리에 인자(argument)가 들어온다.함수를 부르고 싶을 때ES6에서는 기본값 매개변수(default

배열이란 자바스크립트 안에 저장된 데이터의 리스트이다.배열은 대괄호\[]를 사용한다.배열 안의 각각의 데이터들은 인덱스, 즉 고유한 숫자를 배정받는데 0부터 시작한다.우리가 만약 배열 안의 하나의 데이터에 접근하고 싶다면 myArray0과 같이 원하는 인덱스를 대괄호

반복문은 우리가 수동적으로 반복적인 코드를 치지 않아도 될 수 있도록 도와준다.for 문은 초깃값; 조건식; 증감문의 순서로 작성, 조건식이 거짓이 될 때 까지 반복한다.for 문 안에는 변수, 배열(array), 또 다른 반복문이 들어올 수 도 있다.while 문은

object는 key값과 value값을 쌍으로 이루고 있고, 배열과 다르게 순서가 중요하지 않다. {key: value}객체 속성에 접근 하는 방법은 Dot Notation(점표기법)과 Bracket Notation(괄호표기법)이 있다.접근 방법별 장단점

스코프란 변수에 접근할 수 있는 범위이다. 어디서 그리고 어떻게 변수를 선언해야 할지를 결정한다.블록은 중괄호{}안에 있는 구문들이다.Global scope(전역 스코프)는 전역에서 해당 변수에 접근 할 수 있는 범위다.Global variables(전역 변수)가 바로

String concatenation특수 문자열 사이트Numeric operatorsIncrement and decrement operatorsAssingnment operatorsComparison operatorsLogical operators: ||(or), &&

class는 연관있는 데이터들을 한 곳에 묶는 역할을 한다.데이터에는 속성(field)와 행동(method)이 종합적으로 묶여있다.class는 template의 역할을 하고 object는 그 template을 이용해 실제로 데이터를 넣어 만드는 것이다.\*여러개의 ob

DOM(Document Object Model) 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체모델이다. JavaScript는 이 model로 웹 페이지에 접근하고, 페이지를 수정할 수 있다. DOM은 HTML인 웹 페이지와 스크립팅언어(JavaScript)를

JavaScript Object NotationObject to JSONstringigy(obj)JSON to Objectparse(json)

자바스크립트는 synchronous, 동기적인 언어이다.호이스팅 된 이후로 작성이된 순서대로 동기적으로 실행된다.setTimeout() : 브라우저에서 제공하는 API로 지정한 시간이 되면 전달한 함수(call back함수)를 호출<진행 순서>콘솔에 1 찍기 ->

javascript에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 object이다.정해진 장시간의 기능을 수행하고 나서 정상적으로 기능이 수행되었다면 성공의 메세지와 함께 결과를 전달,정상적으로 수행되지 않았다면 에러를 보내준다.state : pending

위와 같이 변수가 미리 정의 되어있다면 아래의 방식처럼 object의 key값을 변수의 이름을 넣어 설정 할 수 있다.변수의 이름과 key값이 같다면 굳이 두 번 적지 않고 변수 이름만 적어도 값이 할당된다.위의 object에 접근하기 위해서는 아래와 같이 해야한다.아

this -> 객체를 가리키는 키워드 this가 가리키는 객체는 상황에 따라 다르다. this는 함수를 호출한 객체이다. 전역 문맥 console.log(this) // Window {...} => 브라우저에 대한 정보를 가지고 있는 전역 객체 전역적인 문맥에서 t

1. 함수 선언식 vs 함수 표현식 함수 선언식 호이스팅 -> 함수의 선언을 코드의 최상단으로 끌어올리는 것 함수의 이름을 필수적으로 넣어주어야 한다. (익명함수 만들 수 없음) 함수 표현식 함수 이름 생략 가능 호이스팅 X 💘 화살표 함수 함수 표현식을 더 간

프로그래머스를 푸는데 문자열로 된 식을 계산하는 문제가 나왔다.도저히 내 머리로는 풀 수 없어서 구글의 도움을 받았는데 그때 나오게 된 것이 바로 eval() 메서드였다.함수는 다음과 같이 동작한다.MDN 사이트에서는 이렇게 간편한 함수를 절!대! 사용하지 말라고 한다

Axios는 fetch의 단점을 보완한 Promise 기반의 HTTP 클라이언트 라이브러리이다. fetch 메서드의 가장 큰 단점이라면 서버에서 보낸 에러코드를 성공한 통신이라고 생각한다는 것이다. 서버에서 400, 404등의 에러가 발생한 코드를 보내주면 fetch