api 진행에 따른 spinner api 진행 상황은 redux-saga로 통해 관리함api 현황에 따른 spinner 노출api 작업 진행시 spinner displayapi 완료시 spinner disoutantd로 간단하게 spinner 활용 {dataFetch

api를 call 했는데 부르는 시간이 길 때 처리 방법 문제점 api call로 불러올 때 해당 데이터 형태의 빈값이 할당됨 원인 파악

특정 데이터를 api를 call 하는 제네레이터를 사용하여 데이터를 불러오는 작업을 진행하는 데 요청사항으로 특정 url들을 base64로 인코딩을 해줘야 한다.하지만 여기서 해당 이미지들의 url들이 우리 서버에 위치하지 않기 때문에 api를 활용하여 수정하는 작업을

JSX에서 컴포넌트가 한개만 들어가는 이유

내가 볼 용도로 만드는 것들자바스크립트 기능들에 대해서 간단하게 소개하고 요약해보자let 명령문은 블록 스코프 범위를 가지는 지역 변수를 선언하며, 동시에 임의 값으로 초기화 할 수 있는 데 여기서 중요한 건 변수다. 여기서 변수란 하나의 값을 저장하기 위해 확보한 메

안녕하세요!오늘은 스키마에 대해서 알아보자 합니다.

sideEffect 처리를 위해 제공되는 Hook에 대해서 알아보자!!React 화면에 렌더링된 이후에 비동기로 처리 되어야 하는 부수적인 효과를 Side Effect라고 하는 데 대표적인 예로는 React 화면단에서 어떤 데이터를 가져오기 위해서는 외부 API를 호출

영상 갯수 제한 작업 및 일정이상 갯수일 경우 오류 안내영상 갯수 제한일정 갯수 이상이거나 이하일 경우 오류 메세지 출력default 로 영상 제작시 전체 선택7개 이상이면 영상제작 X && 0개면 영상제작 XRedux toolkit 활용하여 프론트 단에서만 작업진행a

const express = require("express");const multer = require("multer");const { v4: uuid } = require("uuid");const mime = require("mime-types");const mogo

브라우저에서 보안적인 이슈로 cross-origin http 요청들을 제한한다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하고 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고 이를 동의하지 않는 다면 브라우저에서 거절을 하게 된다.(origi

Type guard를 사용하면 조건문에서 객체의 타입을 좁혀나갈 수 있다. 회사 업무를 하다가 특정 api 호출시 ItemInfo | null 인 값을 redux toolkit 의 리듀서로 state(상태)값을 활용했어야 할 때 활용함해당 부분 을 Type guard를

API란 응용 프로그래밍 인터페이스(Application Programming Interface) 라고 한다. 응용 프로그램에서 사용할 수 있게 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 해주는 인터페이스라는 뜻그림으로 알아보자(참고로 그림이 더 보

자바스크립트로 웹 개발을 하다보면 아무리 간단한 웹 애플리케이션이라도 데이터를 저장해야 할 일이 생기는 데 보통 이럴 때 데이터베이스(DB) 서버나 클라우드(Cluod) 플랫폼에 데이터를 저장하거나 하는 경우가 많은데 크게 중요하지 않은 데이터 같은 경우에는 브라우저상

문제 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요.예를 들어 n이 12345이면 5,4,3,2,1로 리턴해줍니다.제한 조건n은 10,000,000,000이하인 자연수입니다.

코드 분할 방법!을 알아보자 오늘은 lazy() 메서드와 Suspense에 대해 알아보자React.lazy() 메서드를 사용하면 동적 가져오기를 사용하여 구성 요소 수준에서 React 애플리케이션을 쉽게 코드 분할할 수 있다! 동적 import()를 호출하는 함수를 인

(프로그래머스 코딩 테스트 평균 구하기 1레벨이다)간단하게 reduce() 함수를 사용해서 간단하게 풀어보자reudce 로 배열의 합을 구하고 그 이후 배열의 갯수 만큼 나눈 후 평균값을 구해냈다.reduce()\*\* 배열의 모든 요소들에 대하여 연산을 수행한 다음에

리덕스 개요 > 코드를 시작하기 전에 Redux의 다른 부분과 함께 작동하는 방식을 살펴보겠습니다. Redux는 action , reducers , state , store로 구성되어 있습니다. 각각은 하나의 특정 작업을 수행합니다. 예를 들어 보겠습니다. 버튼 클

몇 년간 세계 개발자들은 주로 자바스크립트에 대해 열광하고 있는 데 그 주요 이유는 웹 브라우저를 동적으로 바꿔줄 수 있는 단순한 스크립트 언어에서 웹 애플리케이션에서 가장 핵심적인 역할을 하기 때문이다.(물론 이러한 오류도 있다 ㅋ 우리가 타입스크립트를 해야하는 이유

자바스크립트 함수란? > 함수는 기본적인 javascript에서 사용되는 블록요소인데 여기서 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차를 얘기한다. 사전적인 의미로 얘기를 하자면 함수란 자신의 외부 코드가 '호출' 할 수 있는 하위 프로

좀 사족을 붙이자면 필자가 업무를 하다가 프론트를 하는 게 더 나을거 같아서 3개월만에 퇴사를 했다. 는 필요하지 않은 부분이니 넘어갑시다. 다음에 근황 다루면서 얘기를 할 예정요번에 노마드 코더에서 하는 바닐라 js 챌린저가 있어서 도전 중에 정리한 내용이다.html