본문 바로가기

javascript2

Nodejs 논블로킹 - 비동기, 콜백, Promise 블로킹과 논블로킹 블로킹: Nodejs 프로세스에서 추가적인 자바스크립트 실행을 위해 자바스크립트가 아닌 작업이 완료될 때까지 기다려야 하는 상황이다. 논블로킹: 특정 로직의 실행이 끝날 때까지 기다리지 않고 나머지 코드를 먼저 실행하는 비동기 처리. 예를 들어 클라이언트에서 서버로 데이터를 요청했을 때 서버의 응답을 기다리며 다른 코드를 실행하지 않는다면 웹 애플리케이션이 실행되는 데 아주 오랜 시간이 걸리게 된다. 따라서 javascript 는 비동기 처리를 필요로 한다. 비동기의 문제점: 데이터를 요청하고 응답을 기다리지 않고 다음 코드를 실행하므로 결과가 undefined 로 나온다. 쉽게 말하면 "보노보노 너는 몇 살이니?"라고 물음을 던져놓고 대답이 돌아오기 전에 "아 그렇구나(초기값없음=un.. 2019. 12. 11.
TIL #021 javascript, html 로 만드는 이미지맵 오늘 배운 것> 예전에 지도이미지에 좌표를 찍어서 작가별 세계관을 만들 수 있게 하자고 했던 아이디어를 구현해보고 싶어서 시작했다. 하다보니 게임맵 만드는 것처럼 재밌다. 1단계: 유저 이름 입력 -> 2단계: 지명 탐험 -> 3단계: 클릭해서 세부 정보 팝업 확인 로컬에서 돌아가는 영상 작업 순서> 1. 이미지 맵 좌표 반응형으로 구하기: 좌표 구하고, 반응형 플러그인 추가 2. 팝업 띄우기 window.open() 3. netlify 배포 package.json -> start script 설정, index.html 로 진입! 이미지 폴더 구조: src 안에 넣기. src/img/map.jpg 주소: https://imgmap.netlify.com/# Inka Map imgmap.netlify.com.. 2019. 12. 3.