웹소켓은 웹에서 클라이언트(브라우저)와 서버가 실시간으로 양방향 통신을 할 수 있게 해주는 프로토콜일반 HTTP 통신과 다르게 한 번 연결되면 끊어지지 않고 계속 연결을 유지하면서 서로 자유롭게 데이터를 주고 받을 수 있다는 것이 가장 큰 특징.실시간 채팅실시간 알림주

코드 스타일을 자동으로 일관되게 정리해 주는 prettier 를 설치하고 적용해보자!Q. Prettier 를 쓰면 어떤 점이 좋나요?A. 코드 포맷을 자동 정리해주고, 일관된 코드 스타일을 유지시켜 줍니다. 그래서 팀 프로젝트나 협업 시 코딩 스타일을 통일할 수 있어요

React에서 useEffect는 컴포넌트의 생명주기를 다룰 때 사용하는 Hook임예를 들어, 컴포넌트가 렌더링 될 때 데이터 가져오기, DOM 업데이트 같은 부수효과(side effect)를 실행할 때 사용됨1️⃣ 컴포넌트가 처음 렌더링될 때 실행 (exAPI에서 데

useState란? useState는 React의 상태(state) 관리 함수로, 컴포넌트의 상태를 저장하고 변경할 수 있도록 도와주는 React Hook임. 📌 useState 의 기본 사용법 useState(0) 을 이용해서 count 상태 변수를 만들고, 초

API(Application Programming Interface) 란, 쉽게 말해서 컴퓨터들이 서로 대화할 수 있도록 도와주는 방법 이라고 볼 수 있음.예를 들어,피자 가게에서 피자를 주문할 때, 우리는 메뉴판을 보고 원하는 피자를 선택하고, 그 피자의 이름과 사이

타입 단언 타입스크립트에서의 타입 단언이란 개발자가 변수의 타입을 명시적으로 지정할 수 있는 방법. Q. 타입단언은 주로 어떨 때 사용될까요? A. 컴파일러가 타입을 정확하게 추론하지 못하거나, 개발자가 특정 상황에서 타입을 더 명확하게 전달할 때 사용됨. as를

타입스크립트에서 함수 파라미터에 타입을 지정하는 것은 함수의 인자에 대해 명확한 타입을 정의하고 타입 안정성을 보장함.또한 파라미터에 타입 지정을 통해 함수가 호출될 때 잘못된 타입의 인자가 전달되는 것을 컴파일 단계에서 방지할 수 있음.: 각 함수의 파라미터에 명시적

객체나 데이터 타입을 정의할 때, 그 구조(멤버, 필드, 메서드 등)에 기반하여 타입을 결정하는 개념으로, 객체가 특정 타입을 따르기 위해서 명시적으로 그 타입을 선언할 필요가 없음.대신 해당 객체가 그 타입의 구조를 충족하면 해당 타입으로 간주함.≠ 명목적 타입 시스

복잡한 타입을 더 간결하고 직관적인 이름으로 재사용할 수 있음. type User는 객체의 타입을 정의한 타입 별칭임. 이후 User를 타입으로 사용해 user라는 변수에 그 구조를 따르는 값을 할당함.기존 타입에 새로운 속성을 추가하거나 변형할 수 있음. 주로 인터섹

인터페이스(interface)란? 객체 모양의 타입을 정의할 때 유용한 문법 프레임워크(리액트, 뷰 ... 등등)에서는 주로 API 응답, 프롭스, 변수, 함수를 정의할 때 자주 사용함. 인터페이스 확장(extends) js 클래스에서 상속을 할 때 extends 키

Q. 객체 타입 프롭스를 사용하는 이유는? A. 여러 속성을 한 번에 전달하고 그 속성들을 개별적으로 사용할 수 있다는 장점이 있음. 특히 복잡한 데이터를 처리할 때 객체를 사용하여 여러 값을 하나의 프롭스로 전달하는 방식이 유용함.UserProps는 name과 age

Q. 이 코드에서 에러가 발생하는데 그 이유는? A. 그 이유는 a는 number 타입으로 선언되어 숫자 값인 10을 가지고 있는데, b는 string 타입으로 선언되어 문자값인 'hi'를 가지고 있다. 즉,a변수와 b변수의 타입이 다르기 때문에 발생하는 에러이다

: 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징이 있음. 특히, 한 가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는 데 사용됨.타입을 마치 함수의 파라미터처럼 사용하는 것, 타입을 넘겨 타입을 받겠다. (원하는 타입을 넘겨서 그대로 받겠다)위

REACT 문법 리액트에서 컴포넌트를 정의하는 방법 알아야 하는 타입스크립트 개념 함수의 타입 정의 방법 타입 추론 리액트에서 상태를 정의하는 방법 알아야 하는 타입스크립트 개념 기본 타입 제네릭 타입 추론 Type Script 문법 함수의 타입 정의 알아야

자바스크립트에 "타입"을 부여한 언어사용자 경험: 실행 시점의 에러를 어느정도 미리 잡아줌.개발자 경험: 코드 자동 완성, 코드 역할에 대한 정보 제공 등@ts-check 기입 시 이러한 이유로 코드레벨에서 에러 사전 방지가 가능하다는 장점이 있음=> 에러 해결 시 문