[ES6] async/await 완벽 가이드: 비동기를 동기처럼 다루는 방법

Promise, async, await란 무엇인가?JavaScript의 비동기 프로그래밍을 이해하기 위해서는 세 가지 핵심 개념을 알아야 합니다.개념 설명Promise비동기 작업의 결과를 나중에 받을 수 있게 하는 객체async함수를 비동기로 선언하며, 항상 Promise를 반환awaitPromise의 결과가 준비될 때까지 기다림 (async 함수 내부에서만 사용 가능)왜 async/await를 사용해야 할까?비동기 코드의 흐름은 순차적이지 않기 때문에 처리 순서를 명확히 하기 위해 Promise와 async/await를 사용합니다.예를 들어, 다음과 같은 순서로 작업해야 하는 경우:// 서버에서 사용자 정보 가져오고, 가져온 정보로 다시 요청해야 함getUserId() → getUserData(id) ..

• format_list_bulleted 프로그래밍/Js
• · 2025. 5. 30.
• textsms

Vue + Vite 멀티 모듈 프로젝트 구조 완벽 가이드

들어가며현대 웹 개발에서는 하나의 저장소(monorepo)에서 여러 애플리케이션을 효율적으로 관리해야 하는 상황이 자주 발생합니다. Vue와 Vite를 사용하여 멀티 모듈(Multi-Module) 구조를 구성하면 독립적인 여러 앱을 하나의 프로젝트에서 효과적으로 운영할 수 있습니다.이 글에서는 Vue 3와 Vite를 활용한 멀티 모듈 아키텍처의 구조, 설정 방법, 장점 및 주의사항에 대해 상세히 알아보겠습니다.멀티 모듈 아키텍처란?멀티 모듈 아키텍처는 하나의 저장소(monorepo) 내에서 여러 개의 독립적인 애플리케이션을 운영하는 방식입니다. 각 애플리케이션은 자체적인 진입점, 구성 파일, 빌드 설정을 가지지만, 공통 컴포넌트나 유틸리티 코드는 공유할 수 있습니다.프로젝트 구조 살펴보기일반적인 Vue ..

• format_list_bulleted 프로그래밍/Js
• · 2025. 5. 20.
• textsms

[flutter] native 와 webview 양방향 통신 방법

목적 : 네이티브와 웹뷰간의 양방향 통신 방법을 알아본다. 네이티브 : 서버와 tcp/ip 소켓접속 후 데이터 전송하여 받아오는 역할을 한다. 웹뷰: input 정보를 네이티브에 전송하고 서버에서 받아온 응답 데이터를 네이티브에서 받아온다. 현재까지는 hexString 으로 input 값으로 전달한후 output 값도 hexString 으로 받아온다. output connect : tcp/ip 소켓 접속연결한다. sendTr : 연결된 소켓으로 input hexString 보낸다. Flutter 프로젝트 구조 main.dart /* * https://pub.dev/packages/webview_flutter * https://kbwplace.tistory.com/176 * */ import 'dart:c..

• format_list_bulleted 프로그래밍/flutter
• · 2023. 8. 4.
• textsms

[javascript] 비동기 호출에서 응답을 어떻게 반환합니까?

비동기 호출에서 응답을 어떻게 반환합니까? success콜백 에서 값을 반환하고 함수 내부의 로컬 변수에 응답을 할당하고 해당 변수를 반환하려고 시도했지만 실제로는 응답을 반환하지 않습니다. function foo() { var result; $.ajax({ url: '...', success: function(response) { result = response; // return response; //

• format_list_bulleted QA/JAVASCRIPT
• · 2020. 10. 7.
• textsms

배열에서 특정 항목을 제거하려면 어떻게해야합니까?

숫자 배열이 있고 .push()요소를 추가 하는 방법을 사용하고 있습니다. 배열에서 특정 요소를 제거하는 간단한 방법이 있습니까? 나는 다음과 같은 것을 찾고 있습니다. array.remove(number); 핵심 JavaScript 를 사용해야 합니다. 프레임 워크는 허용되지 않습니다. 답변 을 index사용하여 제거하려는 배열 요소를 indexOf찾은 다음을 사용하여 해당 인덱스를 제거하십시오 splice. splice () 메서드는 기존 요소를 제거하거나 새 요소를 추가하여 배열의 내용을 변경합니다. const array = [2, 5, 9]; console.log(array); const index = array.indexOf(5); if (index > -1) { array.splice(inde..

• format_list_bulleted QA/JAVASCRIPT
• · 2020. 9. 2.
• textsms