C-log

json-server api를 담당하고 있던 useEffect를 커스텀 훅으로 만들어 관리하기 위해서 분리하던 도중에 발생한 에러이다. Too many re-render 에러가 발생하는 이유는 대표적으론 uesEffect에 의존성 배열을 삽입하지 않았을 경우에 발생한다. 하지만 나의 경우 커스텀 훅에는 useEffect의 의존성 배열이 문제 없이 잘 삽입 되어 있다. 그렇다면 현재 커스텀 훅의 문제가 아니라 커스텀 훅을 불러오는 컴포넌트(LabExam)에 문제가 있다고 판단했다. 아래 코드는 나의 커스텀 훅이다. * useLabExamAxios.js import { useState, useEffect } from "react"; import axios from 'axios'; export default ..

# API란 무엇인지 설명해주세요. 웹 서비스가 제공하는 인터페이스를 의미한다. 주로 HTTP 프로토콜을 통해 요청(Request)과 응답(Response)을 주고받는다. 이를 통해 다른 서비스나 응용 프로그램이 해당 서비스의 기능을 활용할 수 있다. 예를 들어, 지도 서비스의 API를 사용하면 개발자는 지도 데이터를 가져오거나 지도를 표시하는 등의 기능을 자신의 웹 애플리케이션에 통합할 수 있다.

#setTimeout은 비동기 함수의 대표적인 함수이다. 그렇다면 setTimeout은 왜 비동기 함수인가? setTimeout함수는 일정 시간이 지난 후에 콜백 함수를 실행한다. 일정 시간이 지나는 동안 다른 함수나 코드들이 setTimeout을 기다리지 않고 바로 실행이 된다. 이는 동기적으로 작동하는 것이 아닌 비동기적으로 작동하는 것이다. ##이 외에도 다른 이유 더보기 비동기적 실행: setTimeout 함수는 일정 시간이 지난 후에 콜백 함수를 실행하도록 예약하는 역할을 한다. 따라서 setTimeout 함수가 호출되면 코드의 실행이 지연되고, 다음 코드 블록이 실행될 때까지 기다리지 않고 즉시 다음 코드가 실행된다. 블로킹하지 않음: setTimeout 함수는 콜백 함수를 예약한 후에도 프로..

기술 면접 때 받은 질문을 토대로 작성해 보았다. 굉장히 기초적인 기술을 물어보는데 습관적으로 사용하다보니 면접 때 놓치거나 명확히 기억하지 못하는 경우가 있었다. #콜백 함수란 무엇인가? 콜백 함수는 함수를 다른 함수에게 인자로 전달 되어 특정 상황이나 조건에 도달 하면 호출, 실행되는 함수이다. 즉, 콜백 함수는 다른 함수에게 작업을 의존하고, 그 작업이 완료되었을 때 해당 함수에게 결과를 알려줍니다. ## 콜백 함수는 비동기적인 작업을 처리한다. 더보기 ## 비동기 콜백함수는 비동기적인 작업을 처리하거나 이벤트 처리, 타이머 설정, http 요청 등과 같이 특정한 상황에서 실행되어야 하는 작업을 구현할 때 주로 사용된다. 콜백 함수는 비동기적인 특징을 제어하기 위함이다. 즉, 콜백 함수는 비동기 작..