profile
기록하는 개발자

async/await이 promise보다 좋은 이유

Async/await asnyc/await 는 비동기 코드를 작성하는 새로운 방법이다. 이전에는 비동기코드를 작성하기 위해 callback이나 promise를 사용해야 했다. async/await 는 실제로는 최상위에 위치한 promise에 대해서 사용하게 된다. as

약 20시간 전
·
0개의 댓글
post-thumbnail

:before :after

가상선택자는 꾸밈을 위해서 의미없는 태그를 더 추가해야 될 때, 태그 대신에 가상으로 처리해 주는 유용한 기능이다. 기능1.의미없는 태그를 쓰지 않도록 도와줌, 태그 최소화.2.목록형 꾸밈3.버튼 꾸밈4.간단한 아이콘 만들기(닫기버튼, 화살표 등) :before 해당

5일 전
·
0개의 댓글

체크 타입 설정하기

input type="checkbox" type="radio" 이 둘의 차이점은 checkbox는 중복 선택이 가능하며 radio 버튼은 단일 선택만 가능하다. 따라서 checkbox 타입을 사용하였다.또한 name 값을 설정 해줘야 중복 선택이 안된다.:checked

5일 전
·
0개의 댓글

Promise란 무엇이며 코드가 어떻게 구성되어있는가

자바스크립트에서 비동기처리를 위해서 사용되는 패턴이며,Callback 같은 경우 함수의 처리 순서를 보장하기 위해서 함수를 중첩하게 사용되는 경우가 발생해 콜백헬이 발생하는 단점과 에러처리가 힘들다라는 단점이 있다.그래서 나온게 Promise이며 ES6부터 정식 채택되

6일 전
·
0개의 댓글

비동기 HTTP 통신 종류(ajax, fetch,axios)

프로젝트 수행시 클라이언트와 서버 간 데이터를 주고 받는 과정이 필요하다.이를 위해 HTTP 통신을 사용하게 된다.HTTP 통신을 위해 JS에서 사용되는 Ajax, Axios, fetch를 알아보도록 한다Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발

7일 전
·
0개의 댓글

함수형 프로그래밍(Function Programming)

함수형 프로그래밍은 순수함수와 보조 함수의 조합을 통해 로직내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다.순수함수는 같은 입력이 주어지면, 같은 출력을 반환해야하고, side effect(

7일 전
·
0개의 댓글

OOP에 특징

Object Oriented Programming 객체지향 프로그래밍이라고한다. 특징은 크게 4가지가 있다.필요한 데이터를 하나로 묶고, 내부의 데이터를 외부에서 직접 접근이 불가능하다.1.데이터를 외부에서 직접 접근을 하면 안되고 오로지 함수를 통해서만 접근해야하는데

2022년 1월 19일
·
0개의 댓글

HTTP VS HTTPS 차이

HTTP는 하이퍼 텍스트 전송 프로토콜의(Hypertext Transfer Protocol)의 약자이다. 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜이며 웹 서핑을 할 때 서버에서 여러분의 브라우저로 데이터를 전송해 주는 용도로 가장 많이

2022년 1월 18일
·
0개의 댓글

브라우저는 어떻게 동작하는가

브라우저가 어떻게 동작하는지 알기에 앞서 먼저 브라우저의 기능이 무엇인지 알아보자브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI(

2022년 1월 18일
·
0개의 댓글

제네릭 타입,클래스, 제약 조건,객체의 속성을 제약하는 방법

제네릭 타입 아래의 두 코드는 같은 의미이다. 위와 같은 변형 방식으로 제네릭 인터페이스 코드를 다음과 같이 작성할 수 있다. 이와 같은 방식으로 제네릭 인터페이스 뿐만 아니라 클래스도 생성할 수 있습니다. 다만, 이넘(enum)과 네임스페이스(namespace)

2022년 1월 15일
·
0개의 댓글

타입스크립트 제네릭 타입 변수

만약 여기서 함수의 인자로 받은 값의 length를 확인하고 싶다면 어떻게 해야 할까위 코드를 변환하려고 하면 컴파일러에서 에러를 발생시킨다. 왜냐하면 text에 .length가 있다는 단서는 어디에도 없기 때문이다다시 위 제네릭 코드의 의미를 살펴보면 함수의 인자와

2022년 1월 15일
·
0개의 댓글

타입스크립트 제네릭(Generics)의 사전적 정의

제네릭은 C제네릭의 한 줄 정의와 예시제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미한다위 함수는 text라는 파라미터에 값을 넘겨 받아 text를 반환해준다. hi, 10, true 등 어떤 값이 들어가더라도 그대로 반환한다.위 함수는 제네릭 기본 문법

2022년 1월 15일
·
0개의 댓글

타입스크립트 Union Type을 쓸 때 주의할 점

인터페이스와 같은 타입을 다룰 때는 이와 같은 논리적 사고를 주의하셔야 합니다.여기서 introduce() 함수의 파라미터 타입을 Person, Developer 인터페이스의 유니온 타입으로 정의하였는데 유니온 타입은 A도 될 수 있고 B도 될 수 있는 타입이지라고 생

2022년 1월 14일
·
0개의 댓글

타입스크립트 Intersection Type

인터섹션 타입(Intersection Type)은 여러 타입을 모두 만족하는 하나의 타입을 의미한다. 아래 코드를 보겠습니다.위 코드는 Person 인터페이스의 타입 정의와 Developer 인터페이스의 타입 정의를 & 연산자를 이용하여 합친 후 Capt 이라는 타입에

2022년 1월 14일
·
0개의 댓글

타입스크립트 Union Type

유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다. 아래 코드를 보겠습니다.위 함수의 파라미터 text에는 문자열 타입이나 숫자 타입이 모두 올 수 있습니다. 이처럼 | 연산자를 이용하여 타입을 여러

2022년 1월 14일
·
0개의 댓글

타입스크립트 인터페이스 확장

클래스와 마찬가지로 인터페이스도 인터페이스 간 확장이 가능하다.혹은 아래와 같이 여러 인터페이스를 상속받아 사용할 수 있다.출처https://joshua1988.github.io/ts/intro.html

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

타입 스크립트 인터페이스 함수타입 클래스 타입

인터페이스는 함수의 타입을 정의할 때에도 사용할 수 있다.함수의 인자의 타입과 반환 값의 타입을 정한다.C\`\`\`jsinterface CraftBeer { beerName: string; nameBeer(beer: string): void;}class myBee

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

타입스크립트 인터페이스 객체 선언과 관련된 타입 체킹

타입스크립트는 인터페이스를 이용하여 객체를 선언할 때 좀 더 엄밀한 속성 검사를 진행합니다.만약 이런 타입 추론을 무시하고 싶다면 아래와 같이 선언한다.출처https://joshua1988.github.io/ts/intro.html

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

타입스크립트 인터페이스-읽기 전용 속성 과 배열

읽기 전용 속성은 인터페이스로 객체를 처음 생성할 때만 값을 할당하고 그 이후에는 변경할 수 없는 속성을 의미합니다. 문법은 다음과 같이 readonly 속성을 앞에 붙입니다.인터페이스로 객체를 선언하고 나서 수정하려고 하면 아래와 같이 오류가 납니다.배열을 선언할 때

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

Redux

Props 문법이 번거로울때 : 모든 components가 Props 없이 state를 직접 꺼낼 수 있다(useSelector)state 변경 관리를 할때 : state는 store에 보관하게 되는데 state가 관리 되는 오직 하나 뿐인 저장소이다 이곳에서 모든 s

2022년 1월 11일
·
0개의 댓글