console에 출력, script async와 defer의 차이점 및 자바스크립트 공부 방향 console에 출력하는 방법 과 consoleAPI > async vs defer
javascript를 사용할 때에는 문서 위에 'use strict'를 정의해주는 것이 좋다type script를 사용할 때에는 전혀 상관이 없지만 순수 javascript만 사용하는 것이라면 정의해주는 것이 좋다.why? 브랜든아이크가 자바스크립트를 만들 때 굉장히
Variable은 변수라고 부른다. 변수란 무엇일까?변수란 변경될 수 있는 값을 얘기한다javascript에서는 변수를 만들 때는 let이라는 키워드를 이용한다let은 ES6에서 추가된 언어다.위처럼 name이라는 변수를 선언하고 콘솔창을 열어보면 nakwon 이라고
if, else if , elsecondition ? value1 : value2;짧은 경우에만 쓰는것이 좋고 길다면 if나 switch문을 쓰는게 좋다if에서 else if가 많이 반복된다면 switch문 사용을 고려하는것이 좋다.나중에 type script에서 정해
변수들의 연산 변수는 문자와 숫자, 기호$와 _만 사용 대소문자는 구별, 예약어는 사용할 수 없습니다 ES6 const는 변하지않는 값 , let은 변할 수 있는 값
할당연산,증감연산과 template literal 연산 template literal
비교연산
논리연산자
변수의 타입
변수의 형변환
지역변수와 전역변수
ArrowFunction
함수표현식과 함수선언문, 콜백함수 함수 선언문 함수 표현식 콜백함수
자료형_Object 객체(object)는 실생활에서 어떤 개념이나 속성들의 묶음, 사물 같은것들을 한 묶음으로 묶은 형태를 말한다.
Array
Array의 내장함수
다차원 배열
변수(variable)와 타입(type) 💥 변수(variable)는 상황에 따라 변할 수 있는 값 변수는 선언과 할당으로 이루어져 있다 my name <- 들어갈 수 있는 값이 다 다르다
► Q1: greetSomeone() 과 firstName 실행 결과는?► 변수 firstName에 접근할 수 있는 범위가 존재합니다.Local Scope 안쪽에서 선언된 변수는 밖에서 사용할 수 없습니다.► Scope : 변수 접근 규칙에 따른 유효 범위변수는 어떠
► 다음 코드에서 innerFn 함수에 접근할 수 있는 Scope는 총 몇개인가요?► 함수도 리턴할 수 있습니다► 클로저: 외부 함수의 변수에 접근할 수 있는 내부 함수 , 또는 이러한 작동 원리를 일컫는 용어► 유용한 클로저 예제커링 : 함수 하나가 n 개의 인자를
► 하나의 모델이 되는 청사진을 만들고, (class)ES5 클래스는 함수로 정의할 수 있습니다ES6 에서는 class라는 키워드를 이용해서 정의할 수도 있습니다► new 키워드를 통해 클래스의 인스턴스를 만들어낼 수 있습니다.► 속성과 메소드클래스에 속성과 메소드를
► 매개변수 복습► 만일, 전달인자(aguments)의 길이가 유동적이라면?보통 optional한 parameter를 대괄호로 표시합니다Math.max와 같은 기능을 하는getMaxNum(\[값1\[,값 2, ...]]) 함수를 만들어 봅시다►ES6► arguments
DOM은 Document Object Model의 약자로, HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model이라는 의미를 가지고 있습니다. 즉, 여러분이 자바스크립트를
ES6에서 새로 도입한 화살표 함수(arrow function)와 일반 함수를 비교해봅시다. 보통 함수 표현식을 축약한 형태로 표시됩니다.화살표 함수는 function 키워드를 화살표로 축약해서 표시할 수 있습니다. 함수의 본문(body)에 return 문만 있는 경우
this는 함수 실행시 호출(invocation) 방법에 의해 결정되는 특별한 객체입니다. 함수 실행시 결정되므로, 실행되는 맥락(execution context)에 따라 this는 다르게 결정됩니다.함수가 무엇이냐가 중요한 것이 아니라, 어떻게 실행되는 것인지가 중요
call apply
.bind는 .call과 유사하게 this 및 인자를 바인딩하나, 당장 실행하는 것이 아닌 바인딩된 함수를 리턴하는 함수입니다.첫번째 인자는 this, 두번째 인자부터는 필요한 파라미터를 전달합니다.bind는 call, apply에 비해 비교적 유용한 사용 예가 많이
Instantiation은 말 그대로, 인스턴스를 만드는 과정에 관련한 내용입니다 ES6 class 키워드가 나오기 전, JavaScript를 객체지향적으로 사용하기 위한 다양한 시도가 있었습니다. 이러한 다양한 패턴을 알아볼 필요가 있습니다.JavaScript에 Cl
삼항연산자 삼항연산자에 대해서 알아보겠습니다 우선 삼항연산자의 사용법은 다음과 같습니다 예를 들어 조건에 따라 다른 text를 출력해야 하는 상황이 있다고 가정해봅시다
예를 들어 다음과 같은 함수가 있다고 가정해봅시다이 상황에서 만약 print 함수가 아래 사진과 같이 파라미터가 비어진 상태로 실행되었다고 가정해봅시다그러면 다음과 같은 에러가 발생하게 됩니다이러한 상황에서, 만약에 print 함수에서 만약에 object 가 주어지지
논리 연산자를 조금 더 유용하게 사용하는 방법에 대해서 배워보겠습니다.우리가 이전에 연산자를 배울때, 다음과 사항을 잘 숙지하셨을겁니다.논리 연산자를 사용 할 때에는 무조건 우리가 true 혹은 false 값을 사용해야 되는 것은 아닙니다. 문자열이나 숫자, 객체를 사
함수의 기본 파라미터를 설정하는 방법에 대해서 알아보겠습니다.원의 넓이를 구하는 함수를 만들어보겠습니다.여기서 Math.PI 는 원주율 파이(π) 값을 가르킵니다.만약 이 함수에 r 값을 넣어주지 않으면 어떤 결과가 나타날까요?결과는 NaN 이 나옵니다. Not a N
특정 값이 여러 값중 하나인지 확인해야 할 때만약, 특정 값이 여러 값 중 하나인지 확인을 해야 하는 상황이 생겼다고 해봅시다.그러면, 이러한 시도를 할 수도 있을 것입니다.비교해야 할 값이 많아질 수록 코드는 길어집니다.이러한 코드를 간단하게 해결 할 수 있는방법은,
비구조화 할당 (구조 분해)문법 비구조화 할당 문법을 사용하면 다음과 같이 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언해 줄 수 있습니다 그리고, 함수의 파라미터에서도 비구조화 할당을 할 수 있습니다 그런데 여기서 만약 b 값이 주어지지 않았다고
단축 속성명(shorthand property names)
계산된 속성명(computed property names)
코드 리뷰 스터디 회고 1주차