API와 fetch를 알면 자바스크립트를 이용해 정말 많은 어플리케이션을 만들어낼 수 있다. 아주 설레는 부분이 아니지 않을 수 없다. API란 무엇일까? 위키에서는 다음과 같이 설명하고 있다. API란 응용 프로그램 프로그래밍 인터페이스(Application Pro
Promise를 더 쉽고 가독성 좋게 쓸 수 있는 async와 await에 대해 알아보자. 먼저 async이다. 위의 함수는 일반적으로 우리가 아는 함수이고 아래에는 async 라는 키워드가 붙어있다. 그리고 그 함수에 마우스를 가져다 올려보면, Promise를 반환
콜백지옥을 아는가? 걱정마라 Promise가 있다. Promise는 자바스크립트의 비동기를 돕는 객체이다. 쉽고 빠르고 직관적이다. 먼저, 비동기 작업이 가질 수 있는 상태에 대해 알아보자. Pending는 현재 비동기가 진행중이거나, 작업이 시작할 수 없는 문제
회사에서 대부분의 직무는 협업을 기반으로 한다. 특별하게도 개발자라는 직무는 애자일방법론을 기준으로 협업을 진행하는 경우가 많다. (기업규모, 목표에 따라 방법론이 달라질 수 있다. 다른 방법론으로는 린스타트업 방법론 등이 있다.) 멋쟁이 사자처럼에서 팀프로젝트를 만들
JavaScript의 동작원리를 이해하기 위해선 동기 & 비동기에 대한 개념을 정확히 이해할 필요가 있다. 한번 제대로 알아보자.수행해야 할 작업이 3개가 있고, 작업 실행 순서가 다음과 같다고 가정해보자.동기적 방식일 떄 위 코드들이 어떻게 실행되는 지 확인해보자.&
spread연산자에 대해 배워보자.우선 쿠키들을 좀 만들어볼까나?벌써 반복되는 것들이 눈에 들어온다... ( base, madeIn..)이렇게 반복되는 것들을 없애기 위해 spread연산자를 사용해주면 좋다.cookie라는 상수는 모든 다른 종류의 쿠키에 공통적으로 들
삼항연산자아래 코드를 한 번 보자.if문을 이용해 true 값을 출력하고 있다.너무 길다...!삼항연산자를 이용해서 짧게 써보자 :) 조건문을 파격적으로 줄여주었다.조건식 ? true일 때 출력값 : false일 때 출력값 배열을 이용해 조건문을 다시 한 번 만들어보자
기능, 정리, 하고싶은 키워드 코드에 정리 스탑워치 회고팀: 이번주 본인이 한 일 리스트 -> 회고 이거했다 다음주는 이걸 할 거다
함수를 만들어보자. 홀화살괄호 내에는 T뿐만아니라 2개, 여러 개를 포함시킬 수 있다. T, U, K 는 함수 내에서 유효한 제네릭이다. 작성하는 방법은 클래스, array, 함수 등 더 많아질 수 있으나 사용하는 방법은 명확하다. 위 함수에서 제네릭을 가져다써서
prototype 객체 내 프로퍼티에 함수가 할당되어져 있다면, 그것은 더 이상 속성이 아니라 메소드 이다. (객체 내의 속성과 메소드를 통틀어서 member라고도 한다.) 만약 bradley라는 객체와 같이 amy라는 객체 데이터가 존재한다고 해보자. amy라는
prototype에 대해 알아보자.위 코드를 보면 prototype을 이용해 user라는 함수에 getFullName이라는 함수를 지정해준 걸 볼 수 있다.그렇게 되면 console에 bradley와 rachael을 출력해보면, getFullName이라는 함수가 담겨
this는 this가 실행되는 함수가 포함되어져 있는 객체를 지칭한다. 그래서 this가 bradley로 바뀌어도 전혀 상관없지만 bradley라는 이름은 충분히 바뀔 수 있는 데이터이기 때문에 this로 사용한다.(또한, 객체 데이터가 또 다른 객체에 할당될 수도 있
위 함수는 인자로 string 타입의 message를 받으며return 타입도 string이다.위 함수는 인자로 number 타입의 message를 받으며return 타입도 number이다.위 함수들은 각각 일정한 타입을 인자로 사용하고 return으로 받으며 반복되고
비구조화 할당은 객체, 배열안의 값을 추출해서 변수, 상수에 바로 선언하는 문법 이다.위와 같이 객체를 a,b를 선언해줄 수 있지만, 양이 많아지면 비효율적이게 된다. 그래서 비구조화 할당을 사용한다.객체 안의 값을 쉽게 상수나 변수에 할당해주는 문법이다. 뿐만 아니라
자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기) 자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런
배열배열 또한 자료형이 아무거나 들어가도 상관없다.배열 또한 객체로 형성되어 있다. 그래서 length와 같은 메소드를 활용할 수 있고 length는 아주 자주 쓰인다. 반복문for 문배열에 활용이 높음객체의 접근도 좋음
객체괄호표기법이 유용한 상황동적인 파라미터를 전달받는 상황key값이 고정되어 있지 않은 상황 객체 프로퍼티를 추가, 수정할 수도 있다.const로 바꿔도 수정이 가능하다. 프로퍼티를 수정하는 행위는 상수 자체를 수정하는 게 아니기 때문이다.삭제도 가능하다. 함수 또한
함수\-함수 선언식함수 선언 -> function a() {} //동작 x호출 -> (); // 동작 oreturn(반환)이 있는 경우, 변수에 할당가능하다.새로운 변수를 함수로 지정할 때, 변수는 반환값을 가진다.hello() 앞에 f 가 붙어있음. hello 라는
자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기)자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런타임'