JavaScript10 [JS] Promise와 async/await의 차이 자바스크립트에는 비동기 처리를 다룰 수 있는 방법이 여러가지 있다. 주로 callback, Promise, async/await 등을 활용한다. Promise Promise는 자바스크립트에서 비동기 처리에 사용되는 객체이다. 내용은 실행 되었지만 결과를 아직 반환하지 않은 객체라고 이해하면 편한다. Promise의 3가지 상태 Pending(대기) Fulfilled(이행) Rejected(실패) 비동기 처리가 완료 되지 않았다면 Pending 완료되었다면 Fulfilled 실패하거나 오류가 발생했다면 Rejected 상태를 갖는다. Promise 사용 예 const condition = true; const promise = new Promise((resolve, reject) => { if (condi.. 2023. 10. 19. [WEB] 반응형 nav바 만들기(HTML, CSS, JS) 1. 틀 잡아주기 클래스 명이 nav-bar인 태그 안에 logo와 메뉴, sns을 넣어주기 위해서 각각을 div와 ul태그로 묶어 틀을 완성시켜준다. 2. 상세하게 UI 만들어주기 IT 정복가 Home Weddings FAQ Gallery .nav-logo에는 웹페이지의 로고와 웹 사이트 명을 작성해준다. .nav-menu에는 메뉴를 보여준다. .nav-sns에는 이 웹 페이지의 sns를 보여준다. (아직까지 못생김) 3. CSS로 꾸며주기 body{ margin: 0; padding: 0; } a{ text-decoration: none; color: white; } a:hover{ color: white; } li{ list-style: none; } .nav-bar{ display: flex; j.. 2022. 8. 23. [JS] ES6 문법을 알아보자 우선 ES6의 ES는 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다. 또한, 6는 버전을 의미하며 ES6는 2015년에 나타났다. 이 업데이트로 자바스크립트의 많은 부분이 변하였고, 편리한 기능이 생겨났다. 1. const / let의 등장 const와 let이 등장하기 전에는 변수를 선언 할 때 var만이 존재했다. 하지만 var에는 문제가 있었고, 이를 해결하기 위해 ES6를 통해 const / let을 추가하였다. const: 객체와 함께 사용할 때를 제외하고 변경이 불가능한 변수 (상수) let: 새로운 값을 받을 수 있고, 재할당을 할 수 있다. const와 let이 등장했기때문에 *var 사용을 피하는 것이 좋다. ( *변수 선언 let, var, const ) .. 2022. 8. 12. [JS] 반복문 for문, while문 만약 1부터 10까지 출력을 한다고 했을 때 반복문이 없었다면 console.log(1) console.log(2) console.log(3) . . . console.log(10) 이런 식으로 괜한 노동을 했을 것이다. 이런 문제를 해결하기 위해 자바스크립트에는 많은 반복문들이 있다. for문, for-in문, for-of문, while문, do-while문 등등.. 오늘은 이 반복문들 중 가장 많이 쓰이는 for문, while문에 대해서 알아 볼 것이다. 1. for문 for문은 상당히 많이 쓰이는 반복문으로 구조는 for(변수 선언; 변수 범위 지정; 증감식) { 반복하고 싶은 코드 } 로 이루어진다. 1부터 10까지 출력을 한다고 했다면 for(let i = 0; i < 10; i++){ cons.. 2022. 8. 8. 이전 1 2 3 다음
