728x90 반응형 동기호출2 백엔드 개발자의 프론트/모바일 개발 도전기 - Vue.js의 $nextTick 알아보기 Intro. 상황 설명백엔드를 주력으로 개발하고 있지만,최근 팀내 인원 변동 및 업무분장 변경에 따라 갑작스럽게 모바일앱을 인수받게 되었다.해당 앱은 vue.js + javascript + 자체 프레임워크가 짬뽕되어 있으며vue.js와 javascript에 대한 선수지식을 필요로 한다.분명 회사에 모바일 개발을 전담하는 부서가 별도로 있음에도 불구하고,이상하게도 해당 앱은 메뉴기능별로 원래 시스템 운영 부서들에 조각조각 관리 책임이 흩어져있는 상태. 해당 앱 소스를 분석하며, 기존 웹 레거시 시스템의 사용빈도가 높은 조회성 화면 하나를모바일 버전으로 옮기는 작업을 진행해 보았다.권한 설정이나, 다른 불필요한 기능은 일단 모두 걷어내고 조회 기능만 따서 기존 소스 레퍼런스를 보며 클론코딩했고장기 롤아웃 예.. 2025. 3. 1. 14:24 동기 호출(Synchronous Call)과 비동기 호출(Asynchronous Call) 이해하기 네트워크 요청, 파일 입출력, 데이터베이스 처리와 같은 작업에서동기와 비동기의 차이를 이해하면 더 효율적인 프로그램을 설계할 수 있다.올해부터 주간 팀 내부 지식공유 학습회를 진행하고 있다.첫 회차로 동기와 비동기 호출, 그리고 난이도가 높았던 실전 예제를 직접 다루었다.(내부 소스를 직접 공유하려니 보안 문제가 발생하여, 비슷한 변형 예제와 플러터 소스로 자체 변경하였다.)동기 호출은 호출된 함수가 완료될 때까지 호출한 함수가 기다리는 방식이다.즉, 하나의 작업이 끝나야 다음 작업을 진행할 수 있다.동기 호출의 특징 작업이 순차적으로 실행됨실행 흐름이 직관적이며 이해하기 쉬움But 작업 완료를 기다리므로 응답 속도가 느릴 수 있음 반면 비동기 호출은 호출된 함수가 작업을 수행하는 동안 기다리지 않고 .. 2025. 1. 19. 16:26 이전 1 다음 728x90 반응형
