코딩 기록

◆ await return 둘 다 없다면 다음에 동작하는 미들웨어는 비동기 처리를 기다리지 않아요 ◆ 비동기 처리 이후 설정이 없으면 Not Found 됩니다 아래는 단순히 정적 파일을 전달하는 Koa 애플리케이션 오류 예시입니다. 찾을 수 없는 경로에선 ok라는 문자열을 리턴합니다 const koa = require("koa")const app = new koa() app.use(require("koa-static")(".")) app.use(ctx => { ctx.body = "ok"}) app.listen(3001) "/"에 접속하면 ok가 표시됩니다. 여기에 테스트용으로 여러 가지를 추가합니다. 일단 아무것도 하지 않습니다. 미들웨어를 추가해도 동작하진 않습니다. const koa = requir..

빅스비 루틴 무엇인지부터 설명할게요. 나의 단말 사용법 패턴을 분석해 특정 조건에서 자주 변경되는 기능을 자동으로 변경해주는 갤럭시 노트 10 기능입니다. 집에 들어가면 와이파이를 자주 켜는 사용자의 경우, 분석한 내용을 기반으로 루틴으로 추천해주고, 사용자 저장 시 자동으로 조건(집에 왔을 때) 만족 시에 동작(와이파이 켜기)을 실행해 주는 갤럭시 노트10 기능입니다. 나의 사용법 패턴을 학습하고 상황을 인식해 그에 맞는 여러 가지 유용한 동작과 앱숏컷, 위젯 등을 제안하고 설정할 수 있게 해줍니다. 추가로 빅스비 루틴이 실행된 이후에 해당 조건을 벗어나 루틴이 해제될 경우 설정값은 이전 값으로 복원이 됩니다. 예를 들면 집 루틴이 해제(집에서 벗어날 때)될 때 와이파이가 자동으로 꺼집니다. 단, 루틴..

html 반응형 이미지(responsive image) 핵심인 srcset sizes 두 속성에 대해 자세히 알아보겠습니다. 이미지 크기를 다루는데 필요한 핵심 속성이며, html 기초에 해당하니 끝까지 정독해 주세요. 반응형 이미지(Responsive Image 리스폰시브 이미지)화면 폭과 단말기(PC, 스마트 폰 등)에 따라 이미지 변환 왜 중요한가스마트폰 같은 작은 화면에 표시할 때 5000 x 2500 같은 큰 이미지 파일을 보내면, 의미 없는 통신 시간 때문에 사용자가 불쌍스마트폰에 어울리는 작은 이미지를 PC로 열면 이미지가 흐릿그래서 표시 장치에 따라 이미지를 바꿀 필요가 있음 : Responsive Image 필요 무엇을 알아야 할까HTML5에서 추가된 속성 img srcset 과 size..

"Koa + Javascript + Node + Promise + 비동기(async await)" 이렇게 활용하여 자바스크립트 비동기를 구현하는 방법입니다. 당연히 프로미스를 사용했고, node 환경에선 가장 적절한 방법이라 생각합니다. Node 비동기형 환경Node는 비동기 환경이라 다른 언어랑 많이 다릅니다. 시간이 소요되는 함수 A가 존재한다고 칩시다. 동기형 환경에서는 A가 끝나기를 기다렸다가 다음 B를 실행합니다. 반면, 비동기 환경에서는 A를 건너뛰고 B를 실행합니다. 이는 아래의 간단한 실험으로 확인할 수 있습니다. Python(동기형 환경) // exe.pyimport time def sayHello(): time.sleep(2) print("hello") sayHello()print("h..