profile
어제보다 나은 오늘의 개발자
post-thumbnail

[JS] API & fetch

API와 fetch를 알면 자바스크립트를 이용해 정말 많은 어플리케이션을 만들어낼 수 있다. 아주 설레는 부분이 아니지 않을 수 없다. API란 무엇일까? 위키에서는 다음과 같이 설명하고 있다. API란 응용 프로그램 프로그래밍 인터페이스(Application Pro

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[JS] async & await

Promise를 더 쉽고 가독성 좋게 쓸 수 있는 async와 await에 대해 알아보자. 먼저 async이다. 위의 함수는 일반적으로 우리가 아는 함수이고 아래에는 async 라는 키워드가 붙어있다. 그리고 그 함수에 마우스를 가져다 올려보면, Promise를 반환

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[JS] Promise

콜백지옥을 아는가? 걱정마라 Promise가 있다. Promise는 자바스크립트의 비동기를 돕는 객체이다. 쉽고 빠르고 직관적이다. 먼저, 비동기 작업이 가질 수 있는 상태에 대해 알아보자. Pending는 현재 비동기가 진행중이거나, 작업이 시작할 수 없는 문제

2022년 6월 20일
·
0개의 댓글
post-thumbnail

주니어의 JIRA를 이용한 협업하기

회사에서 대부분의 직무는 협업을 기반으로 한다. 특별하게도 개발자라는 직무는 애자일방법론을 기준으로 협업을 진행하는 경우가 많다. (기업규모, 목표에 따라 방법론이 달라질 수 있다. 다른 방법론으로는 린스타트업 방법론 등이 있다.) 멋쟁이 사자처럼에서 팀프로젝트를 만들

2022년 6월 19일
·
3개의 댓글
post-thumbnail

[JS] 동기 & 비동기

JavaScript의 동작원리를 이해하기 위해선 동기 & 비동기에 대한 개념을 정확히 이해할 필요가 있다. 한번 제대로 알아보자.수행해야 할 작업이 3개가 있고, 작업 실행 순서가 다음과 같다고 가정해보자.동기적 방식일 떄 위 코드들이 어떻게 실행되는 지 확인해보자.&

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[JS] spread 연산자

spread연산자에 대해 배워보자.우선 쿠키들을 좀 만들어볼까나?벌써 반복되는 것들이 눈에 들어온다... ( base, madeIn..)이렇게 반복되는 것들을 없애기 위해 spread연산자를 사용해주면 좋다.cookie라는 상수는 모든 다른 종류의 쿠키에 공통적으로 들

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[JS] 삼항연산자 & 단락회로평가

삼항연산자아래 코드를 한 번 보자.if문을 이용해 true 값을 출력하고 있다.너무 길다...!삼항연산자를 이용해서 짧게 써보자 :) 조건문을 파격적으로 줄여주었다.조건식 ? true일 때 출력값 : false일 때 출력값 배열을 이용해 조건문을 다시 한 번 만들어보자

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[JS] Truthy & Falsy

기능, 정리, 하고싶은 키워드 코드에 정리 스탑워치 회고팀: 이번주 본인이 한 일 리스트 -> 회고 이거했다 다음주는 이걸 할 거다

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[TS]Generic Basic

함수를 만들어보자. 홀화살괄호 내에는 T뿐만아니라 2개, 여러 개를 포함시킬 수 있다. T, U, K 는 함수 내에서 유효한 제네릭이다. 작성하는 방법은 클래스, array, 함수 등 더 많아질 수 있으나 사용하는 방법은 명확하다. 위 함수에서 제네릭을 가져다써서

2022년 5월 18일
·
1개의 댓글
post-thumbnail

[JS] 생성자 함수

prototype 객체 내 프로퍼티에 함수가 할당되어져 있다면, 그것은 더 이상 속성이 아니라 메소드 이다. (객체 내의 속성과 메소드를 통틀어서 member라고도 한다.) 만약 bradley라는 객체와 같이 amy라는 객체 데이터가 존재한다고 해보자. amy라는

2022년 5월 18일
·
0개의 댓글
post-thumbnail

[JS] Prototype

prototype에 대해 알아보자.위 코드를 보면 prototype을 이용해 user라는 함수에 getFullName이라는 함수를 지정해준 걸 볼 수 있다.그렇게 되면 console에 bradley와 rachael을 출력해보면, getFullName이라는 함수가 담겨

2022년 5월 18일
·
0개의 댓글
post-thumbnail

[JS] this

this는 this가 실행되는 함수가 포함되어져 있는 객체를 지칭한다. 그래서 this가 bradley로 바뀌어도 전혀 상관없지만 bradley라는 이름은 충분히 바뀔 수 있는 데이터이기 때문에 this로 사용한다.(또한, 객체 데이터가 또 다른 객체에 할당될 수도 있

2022년 5월 18일
·
0개의 댓글
post-thumbnail

[TS] Generic이란?

위 함수는 인자로 string 타입의 message를 받으며return 타입도 string이다.위 함수는 인자로 number 타입의 message를 받으며return 타입도 number이다.위 함수들은 각각 일정한 타입을 인자로 사용하고 return으로 받으며 반복되고

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[JS] 비구조화 할당

비구조화 할당은 객체, 배열안의 값을 추출해서 변수, 상수에 바로 선언하는 문법 이다.위와 같이 객체를 a,b를 선언해줄 수 있지만, 양이 많아지면 비효율적이게 된다. 그래서 비구조화 할당을 사용한다.객체 안의 값을 쉽게 상수나 변수에 할당해주는 문법이다. 뿐만 아니라

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[JS] var, let, const

var는 function scope(변수에 접근할 수 있는 범위)를 가지고 있는 변수 선언 방식이다.

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[JS] 배열내장함수

자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기) 자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[JS] 배열, 반복문

배열배열 또한 자료형이 아무거나 들어가도 상관없다.배열 또한 객체로 형성되어 있다. 그래서 length와 같은 메소드를 활용할 수 있고 length는 아주 자주 쓰인다. 반복문for 문배열에 활용이 높음객체의 접근도 좋음

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[JS] 객체

객체괄호표기법이 유용한 상황동적인 파라미터를 전달받는 상황key값이 고정되어 있지 않은 상황 객체 프로퍼티를 추가, 수정할 수도 있다.const로 바꿔도 수정이 가능하다. 프로퍼티를 수정하는 행위는 상수 자체를 수정하는 게 아니기 때문이다.삭제도 가능하다. 함수 또한

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[JS] 함수

함수\-함수 선언식함수 선언 -> function a() {} //동작 x호출 -> (); // 동작 oreturn(반환)이 있는 경우, 변수에 할당가능하다.새로운 변수를 함수로 지정할 때, 변수는 반환값을 가진다.hello() 앞에 f 가 붙어있음. hello 라는

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[JS] 형변환, 연산자

자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기)자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런타임'

2022년 5월 13일
·
0개의 댓글