본문 바로가기

Frontend/JavaScript

(2)
[JavaScript] Promise 문법과 async/await 자바스크립트의 Promise 문법 알아보기   1. Promise 문법이란?Promise 는 비동기 작업의 상태 및 결과를 나타내는 객체다.자바스크립트에서 ① 비동기 작업을 처리하고, ② 성공(resolve) 또는 실패(rejected) 상태를 처리할 수 있는 구조를 제공한다. 라고 하면 처음 봤을 때 이해가 하나도 안 되니까 쉽게 풀면... ① 비동기 작업 → 연산이 시작되고 끝나는 순서가 정해진 건 아니다.② 성공 또는 실패 상태 처리 → 성공하면 resolve() 가 호출, 실패하면 reject() 가 호출된다.③ 객체 → 익명 함수를 품고 있어서 그렇다. 이정도가 되겠다. 정리하면...익명함수를 품고 있는데, 그 익명함수를 실행했을 때 성공하면 resolve 호출, 실패하면 reject 함수를 호..
[JavaScript] form 안에 같은 name 의 버튼(radio/checkbox) 값을 구분하기 form 안에 같은 name 의 버튼(radio/checkbox) 값을 구분하기 쇼핑몰을 구현하는 과정을 배우고 있는데, form 내의 같은 이름의 입력란들을 처리하는 과정이 제법 흥미로워 작성해보려고 한다.  1. radioform 태그에서 radio 버튼을 통해 동의 or 비동의 여부를 받았다. 이때, 각 radio 버튼의 name을 동일하게 주었다.이후 radio 버튼의 name 을 자바스크립트를 통해 구분짓고, 자바스크립트로 submit 까지 해보려한다. 더보기 회원 가입 약관 언제나 새로운 즐거움이 가득한 Shoes Shop의 회원가입 페이지입니다. Shoes Shop의 회원가입은 무료이..