반응형 전체 글84 JavaScript 비동기 기초: Promise와 async·await, 오류 처리 이벤트나 화면 조작과 별개로, JavaScript는 시간이 걸리는 작업이 끝나기를 기다리는 동안 다른 일을 계속할 수 있습니다. 이번 글에서는 Promise의 결과를 처리하고 async·await로 순서를 읽기 쉽게 쓰는 방법을 배웁니다. 네트워크 요청 자체는 다음 편에서 다룹니다.Promise는 나중에 도착할 결과를 나타냅니다Promise는 비동기 작업의 진행 상태를 표현합니다. 보통 대기 중(pending), 성공(fulfilled), 실패(rejected) 상태를 거칩니다. 이미 만들어진 Promise를 사용할 때는 then과 catch로 성공값과 오류를 처리할 수 있습니다.Promise.resolve("저장 완료") .then((message) => { console.log(message).. 2026. 10. 31. JavaScript 함수와 스코프: 매개변수·return·화살표 함수 기존 이벤트 글에서는 이벤트 처리 함수와 콜백을 사용했지만 함수 문법 자체를 단계적으로 배우지는 않았습니다. 이번에는 함수를 만들고 값을 돌려받는 방법, 변수의 유효 범위를 정리합니다.함수는 이름 붙여 재사용하는 작업입니다함수 선언은 function 키워드로 시작합니다. 괄호 안의 매개변수로 입력을 받고, return으로 결과를 돌려줄 수 있습니다.function calculateDiscount(price, rate = 0.1) { return price * (1 - rate);}const salePrice = calculateDiscount(20000);console.log(salePrice); // 18000매개변수의 기본값을 지정하면 값을 생략했을 때 사용할 값이 정해집니다. return에 도달하.. 2026. 10. 30. 에어프라이어 밤굽기, 칼집부터 온도·시간까지 확인할 것 에어프라이어 밤굽기는 생밤 껍질에 먼저 칼집을 넣고 한 겹으로 펼쳐 굽는 방법입니다. 다만 모든 에어프라이어에 똑같은 온도와 시간을 적용해서는 안 됩니다. 밤의 크기와 기기 구조에 따라 익는 속도가 달라지므로 제조사 설명서를 먼저 확인하고, 가열 중에는 껍질이 벌어지는 상태를 살펴보세요.껍질을 자르지 않은 채 가열하거나 막 꺼낸 밤을 맨손으로 까는 것은 피해야 합니다. 여기서는 제조사 조리법의 차이와 실제 확인 순서를 함께 정리합니다. 목차밤을 굽기 전 준비할 것밤 칼집이 중요한 이유온도·시간은 어떻게 정할까요?순서대로 굽는 방법덜 익거나 마르는 경우안전하게 꺼내고 먹기자주 묻는 질문1. 밤을 굽기 전 준비할 것먼저 껍질에 곰팡이가 보이거나 이상한 냄새가 나는 밤은 조리에 사용하지 마세요. 크기가 비슷한.. 2026. 10. 30. JavaScript 객체와 구조 분해: 속성 읽기·복사·기본값 객체는 한 항목에 딸린 여러 정보를 이름 붙여 묶을 때 유용합니다. 기존 글의 DOM 객체나 브라우저 객체와 달리, 이번에는 우리가 직접 만드는 일반 데이터 객체와 속성 꺼내기에 집중합니다.속성 이름과 값을 한 묶음으로 표현하기객체는 중괄호 안에 속성명: 값 형태로 적습니다. 속성은 점 표기법이나 대괄호 표기법으로 읽고 바꿀 수 있습니다.const book = { title: "작은 JavaScript 노트", pages: 180, isAvailable: true, author: { name: "서연", country: "대한민국", },};console.log(book.title);console.log(book["pages"]);console.log(book.author.name);.. 2026. 10. 29. JavaScript fetch 사용법: JSON 요청·응답·화면 표시 기존 Ajax 글에서는 jQuery로 JSON을 요청했습니다. 이번 편은 그 글을 반복하지 않고, 브라우저에 기본으로 들어 있는 바닐라 JavaScript fetch와 Promise를 사용합니다. 요청 중·성공·오류 상태를 표시하고, JSON을 안전하게 화면에 출력해 보겠습니다.요청과 응답의 흐름fetch(url)은 Promise를 반환합니다. 성공하면 응답 객체가 오고, response.json() 역시 Promise를 반환해 JSON 본문을 읽습니다. HTTP 404나 500 응답은 네트워크 오류와 달리 Promise가 바로 reject되지 않으므로 response.ok를 확인해야 합니다.복사해 실행할 전체 예제아래 예제는 MDN 학습용 상품 JSON을 가져와 이름과 가격을 목록에 표시합니다. 코드 .. 2026. 10. 28. 여행용 어댑터와 변압기 차이, 110V·220V에서 무엇을 확인해야 할까? 여행용 멀티어댑터는 해외 콘센트에 맞게 플러그 모양을 바꾸는 기기이고, 변압기는 전기제품에 공급되는 전압을 바꾸는 기기입니다. 일본처럼 100V를 쓰는 지역에서 국내 220V 전용 기기를 사용하려면 플러그 변환만으로는 부족할 수 있습니다. 먼저 기기나 충전기에 적힌 INPUT(입력전압)을 확인해보세요. INPUT이 100–240V, 50/60Hz로 표시되어 있다면 해당 전원 범위에서는 일반적으로 별도 변압기 없이 사용할 수 있지만, 콘센트에 맞는 플러그와 제품별 사용 조건은 따로 확인해야 합니다.이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 멀티어댑터와 변압기, 하는 일이 다릅니다해외여행용 멀티어댑터를 구매하기 전에 두 기기의 역할을 분리해서 알아두는 것이 중요합.. 2026. 10. 28. 이전 1 2 3 4 ··· 14 다음 반응형
