목록전체 글 (69)

새오의 개발 기록

Javascript: 비동기 처리

ex) 콜백, 프로미스, async await ex) 비동기 처리의 특성 및 에러 처리 방법? 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io
Javascript 2022. 9. 28. 17:35
Javascript: 동기와 비동기의 차이

개발을 하다 보면 동기와 비동기가 무엇이 다르냐는 질문을 많이 들어봤을 텐데요. 둘의 차이는 데이터를 받는 방식이 다르다는 겁니다. 커피를 주문하려고 줄을 서 있는 상황으로 동기와 비동기를 이해해 봅시다. 커피를 데이터라고 생각한다면 커피를 주문하는 건 데이터 요청, 주문한 커피를 받는 건 데이터 응답 이라고 볼 수 있을 텐데요. 이 데이터 처리 방식을 동기와 비동기로 나누어보면 (a) 동기 방식일 경우에는 우선 직원이 1명입니다. 맨 앞에 있는 손님이 커피를 주문하고, 그 커피를 받을 때까지 계속 기다려야 합니다. 즉, "커피를 주문하기 위해서는 한 줄로 서서 한 명씩만 주문이 가능"합니다. 여기서 뒷사람이 주문을 하지 못하고 계속 기다려야 하는 상황을 "blocking"이라고 부릅니다. (b) 비동기..
Javascript 2022. 9. 27. 16:18
2. Vue + 크롬 확장프로그램 구현: Vite로 프로젝트 구성

Vite로 프로젝트 새로 구성하기 이전 게시글에서 만들었던 프로젝트는 삭제하고 vue와 vite로 프로젝트를 다시 구성해보겠습니다. 아 manifest.json 파일은 나중에 사용할거니 삭제하지 마세요! vite는 웹팩 등 여러 복잡한 설정들을 대신 해주는 툴이라고 보면 됩니다. 들어본 적은 있는데 vue와 함께 사용할 수 있는지는 전혀 몰랐습니다. 우선 프로젝트를 진행한 후에 vite가 어떤 건지 자세히 찾아봐야겠습니다. 궁금하신 분들은 아래 공식문서를 참고하시면 될 것 같습니다. 참고로 '빗'이라고 읽으면 됩니다. Vite Next Generation Frontend Tooling vitejs.dev 프로젝트 생성 명령어입니다. npm 버전에 따라 명령어가 다르고, 명령어가 업데이트 되는 경우도 있기..
Javascript/Vue.js 2022. 9. 16. 22:22
1. Vue + 크롬 확장프로그램 구현: 개발환경 세팅 및 manifest 설정

개요 사이드 프로젝트로 웹 서비스를 개발하고 있는데 이를 크롬 확장 프로그램으로도 개발하여 제공하고자 합니다. Vue.js로 크롬 확장 프로그램 만들기 강의 - 1부 - peterkimzz 제가 최근 우연히 크롬 확장 프로그램을 개발했는데, 이게 생각보다 꽤 괜찮은 시장이라는 걸 알게 되었습니다. 크롬 확장 프로그램은 이미 여러분들에게 익숙한 웹 기술로 쉽게 개발할 수 있고 www.peterkimzz.com 이 분의 글을 참고하였습니다. 개발환경 세팅 Node.js 현재 LTS 버전인 16.17.0 설치합니다. nvm i 16.17.0 npm init은 Node 프로젝트를 현재 디렉토리에 만들겠다는 뜻인데, -y를 입력하면 여러 설정 값들에 전부 yes로 하겠다는 의미입니다. npm init -y 설치하..
Javascript/Vue.js 2022. 9. 16. 00:41
이전 Prev 1 ··· 11 12 13 14 15 16 17 18 Next 다음