분류 전체보기50 Callback 함수 콜백함수는 전달인자로 다른 함수에 전달되는 함수이다. 콜백 함수는 다른 함수의 인수(파라미터)로 전달되어, 특정 작업이 끝난 후 실행되는 함수이다.자바스크립트에서는 비동기 작업을 처리할 때 많이 사용된다.비동기 작업이란, 코드가 순서대로 실행되지 않고, 시간이 걸리는 작업이 끝나면 그때서야 실행되는 작업을 말한다. 콜백 함수의 예제콜백 함수를 이해하기 위해 간단한 예제를 보자.function greeting(name) { console.log(`Hello, ${name}!`);}function processUserInput(callback) { const name = prompt("Please enter your name."); callback(name);}processUserInput(greeti.. 2024. 7. 13. Object.keys() - 객체의 key값을 뽑아서 배열에 저장하기 최근 채용공고 api를 가지고 프로젝트를 하고있어서키워드에 따른 결과만 보여주도록 만들기 위해 키워드의 대한 정보를 다루던 중. 서울 R3010 인천 R3011 대전 R3012 대구 R3013 부산 R3014 광주 R3015 울산 R3016 경기 R3017 강원 R3018 충남 R3019 충북 R3020 경북 R3021 경남 R3022 전남 R3023 전북 R3024 제주 R3025 세종 R3026 해외 R3030 이 데이터를 객체로 변환하였다.export const locationOptions: { [key: string]: string } = { 서울: "R3010", 인천: "R3011", 대전: "R3012", 대구: "R3013", 부산: "R3014", 광주: "R3015", 울.. 2024. 7. 13. 파라미터 (Parameter)와 인자 (Argument) 문득 파라미터와 인자의 차이점에 대해 궁금해져서 찾아보게되었다.비슷해보이지만 엄연히 차이가 있었다! 프로그래밍에서 '파라미터'와 '인자'는 함수와 메서드를 다룰 때 자주 사용되는 용어이다.이 둘은 비슷한 개념이지만 서로 다른 맥락에서 사용된다. 파라미터 (Parameter)파라미터는 함수를 정의할 때 사용된다.함수가 호출될 때 외부로부터 전달받을 값을 지정하는 변수입니다.함수의 선언부에서 함수 이름 옆에 괄호 안에 작성되는 변수가 파라미터입니다.예를 들어, 다음은 두 개의 파라미터를 가지는 함수의 정의입니다.def add(a, b): return a + b 여기서 a와 b가 파라미터입니다. 인자 (Argument)인자는 함수를 호출할 때 전달하는 실제 값이다.파라미터가 함수 정의 시에 사용되는 변.. 2024. 7. 13. Next.js에서 Suspense 사용하기 몇 주전, 팀 프로젝트 기간에다른 팀의 팀원이 엄청 고민에 빠져있는 것을 보고 무슨 일인지 물어봤다. Suspense를 사용하려는데 서버 컴포넌트에서는 잘 작동하는데클라이언트 컴포넌트에서 잘 작동이 되지 않는다고 하였다. 나는 Next.js 프로젝트를 시작한지 얼마되지 않아서,suspense의 개념만 알고 사용해본적이 없었어서 도움이 되지 못했다. 이번에 생각난 김에 나도 공부해두면 좋을 것 같아서 정리하게되었다. Suspense란?Suspense는 React에서 비동기 작업(예: 데이터 패칭)을 처리할 때 사용된다.컴포넌트가 비동기 작업을 완료할 때까지 대기 상태를 표시하도록 도와준다.import React, { Suspense } from 'react';const DataComponent = Reac.. 2024. 7. 11. 이전 1 2 3 4 5 6 7 ··· 13 다음
