JavaScript

1. 눈송이 만들기 2. 눈송이 애니메이션 만들기 - fall 애니메이션 - fall 애니메이션 snowflake에 추가 4. HTML 요소를 JS를 활용 - HTML `` 삭제 → (자바스크립트로 HTML요소 생성) 5. 눈송이 떨어지는 장소 랜덤화 6. m

반복문 순회하면서 해당 제목 클릭 시 콜백 처리 * 제목 클릭시 --> 본문이 보이게 --> active 클래스 추가** JS .active시 css

localStorage.setItem('key', value);HTMLJSlocalStorage.getItem('key');HTMLJSlocalStorage.RemoveItem('key');HTMLJS

반복문 순회하면서 배열 정보 result 변수에 누적 반복문 쓰지 않고 하나만 출력

📍Table Cell 만들기 결과 📍텍스트 노드를 새롭게 생성한 Cell에 붙이기 📍반복문을 순회하면서 각 cell에 정보값을 셋팅 버튼 클릭할 때마다 테이블 추가

document.cookie는 name=value로 구성 & ; 로 구분document.cookie(쿠키가 저장되어 있다면 콘솔창에 출력)document.cookie = "name = cookie";➕)날짜를 쿠키로 저장 ➡ UTC방식으로 표시(toUTCString()

🚨 submit 발생 시 페이지가 자동 새로고침됨➡ 사용자가 입력한 정보를 받아오기 위해선 새로고침 방지해야함event.preventDefault();: submit, href 발생 시 이동과 새로실행되는 것을 방지

📍JS-Cookie 기본적인 생성법 > Cookies.set('쿠키명', '쿠키값'); + 만료일 지정 > Cookies.set('쿠키명', '쿠키값', {expires : 7}); + 만료일 + 패스 지정 > Cookies.set('쿠키명', '쿠키값', {ex

자바스크립트 정리

article.item을 클릭하면 article.item에 .open 클래스 값을 추가.open 클래스 값이 붙으면 div.detail부분이 display: none에서 display : block으로 변경될 수 있도록 지정JSCSS⇒item의 갯수만큼 반복문을 돌려

contextmenu : 사용자가 상황에 맞는 메뉴를 열려고 하면 이벤트 발생

HTML CSS JS

: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환padStart(최대길이, "추가하고 싶은 문자열)padEnd(최대길이, "추가하고 싶은 문자열)&

HTMLJSselect에 optionindex의 value값들을 불러옴let value = item.options\[item.selectedIndex].value;조건문으로 \-'상품을 선택해주세요' option이 선택되어져 있을 시에 가격과 수량 숫자 지정 + ale

자바스크립트에서 제공하는 객체 중 하나로, 서버와 HTTP 요청을 비동기적으로 처리하는데 사용XHR객체를 사용하면 웹페이지가 새로 고치지 않고도 서버로부터 데이터를 가져와 서버로 데이터를 보낼 수 있음1\. XMLHttpRequest 객체 생성자바스크립트를 사용하여 H

REST(HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처)를 기반으로 서비스 api를 구현한 것구성 : URI, HTTP 요청 메서드, 페이로드(전송되는 테이터)URI는 리소스를 표현리소스에 대한 행위는 HTTP 요청 메서드로 표현GET

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백함수를 사용하지만 콜백패턴은 콜벡헬로 인해 가독성이 나쁘고 처리 중 발생한 에러의 처리가 곤란하며 여러개의 비동기 처리를 한번에 처리하는데 한계가 있어S6에서는 비동기처리를 위한 또 다른 패턴으로 promise 도입

: HTTP 요청 전송 기능을 제공하는 클라이언트 사이드 Web API자바스크립트를 사용해 서버와 쉽게 상호작용할 수 있게 해주는 도구XMLHttpRequest객체보다 사용법이 간단 & Promise 지원HTTP 요청을 전송할 URL과 HTTP 요청 메서드, HTTP

프로미스의 후속 처리 메서드 없이 마치 동기 처리처럼 프로미스가 처리 결과를 반환명시적으로 프로미스를 반환하지 않더라도 async 함수는 암묵적으로 반환값을 resolve하는 프로미스를 반환await 키워드는 반드시 async함수 내부에서 사용프로미스가 settled

Promise API를 활용하는 HTTP 비동기 통신 라이브러리요청을 보내기 전에 데이터를 변환하고, 응답을 받으면 자동으로 JSON으로 변환하기 때문에 한번의 .then()호출을 갖음400, 500대의 error발생시에 reject에 response를 전달해 catc

Open API 호출하는 작업을 하다보면 HTTP 헤더에 API 키를 포함하는 방법과 URL 쿼리 파라미터에 API 키를 포함하는 방법을 사용하는데 그 차이를 정확히 파악하고자 정리해보려 합니다. API 호출이 간단하고 직관적이며, 브라우저에서 직접 URL을 입력하여

원시 값을 변수에 할당하면 변수에는 실제 값 저장객체를 변수에 할당하면 변수에는 참조 값 저장원시값을 갖는 변수를 다른 변수에 할당하면 원본의 원시값이 복사되어 전달객체를 가리키는 변수를 다름 변수에 할당하면 원본의 참조 값이 복사되어 전달변수에 원시값을 갖는 변수를

데이터가 최초 생성된 이후 그 상태를 변경할 수 없는 성질자바스크립트에서 원시 타입(Primitive Type)은 본질적으로 불변성을 가짐원시 값은 값 자체가 변경되지 않으며, 재할당을 통해 새로운 메모리 공간을 확보하고 재할당한 값을 저장한 후, 변수가 참조하던 메모

자바스크립트에서 모든 숫자는 IEEE754 표준을 따르는 64비트 부동 소수점 형식으로 저장 표현 범위가 넓다국제 표준이라 호환성이 뛰어나다성능이 뛰어나다일부 소수점 연산에서 정확한 값을 저장하지 못하는 한계를 가지고 있음⇒ 부동 소수점 형식의 한계0.1과 0.2를