자바스크립트33 [생활코딩] #로또번호 추첨하기 #입문자를 위한 자바스크립트 기초 강의 ✅ Element.classList 1️⃣ Element.classList 웹 요소(Element)로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다. 안녕하세요 const p = document.querySelector("p") console.log(p.classList) 2️⃣ 메소드 반환되는 클래스 콜렉션은 유용한 메소드를 다수 포함하고 있다. 3️⃣ 정리 - clssList는 요소로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다. - 반환된 클래스 콜렉션은 유용한 메소드를 다수 포함하고 있다. - 일반적으로 toggle은 있으면 제거하고, 없으면 생성한다는 의미이다. ✅ 배열 개념과 사용법 1️⃣ 배열이란 배열은 여러 개의 데이터를 보관하는 "주머니" 역할을 하는 객체이다. 이전까지 변수(또는 .. 2022. 8. 10. [생활코딩] #디지털 시계 만들기 #입문자를 위한 자바스크립트 기초 강의 ✅ 객체를 만드는 생성자 1️⃣ 객체 개념 복습하기 어떤 사물이나 개념을 소프트웨어적으로 표현하기 위해 사용하는 문법적 수단, 자바스크립트 코드 내에서 객체란 "값 또는 기능을 가지고 있는 데이터" 이다. 2️⃣ 생성자 객체를 생성할 때 사용하는 함수로서, "생성자 함수"라고도 한다. 사용할 기능을 정의한 일반 함수와 생성자 함수 사이에 특별한 문법적 차이는 존재하지 않는다. 즉, 함수는 생성자 역할을 할 수 있다. 단, 생성자 함수는 객체 생성을 목적으로 만드는 것이다. 👌 생성자의 쓸모는? 자바스크립트가 제공하지 않는 유형의 데이터를 창조할 수 있다! 3️⃣ 키워드 this 사용하기 생성자 함수 정의 시 this 키워드는 객체 그 자신을 의미한다. this를 이용해 해당 객체의 속성이나 메소드를 추가.. 2022. 8. 8. 비동기 시리즈 - async와 await 자료 정리 * CAPTAIN PANGYO 자료 출처 하단 기재, 좋은 자료가 많아서 들어가서 둘러보는 것을 추천한다! ✅ 자바스크립트 async와 await 1️⃣ async & await 란? async와 await는 자바스크립트 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다. 2️⃣ 개발자에게 읽기 좋은 코드란? var user = { id: 1, name: 'Josh' }; if (user.id === 1) { console.log(user.name); // Josh } 이 코드는 user라는 변수에 객체를 할당한 뒤 조건문으로 사용자의 아이디를 확인하고 콘솔에 사용자의 name을 찍는 간.. 2022. 8. 5. 비동기 시리즈 - Promise 자료 정리 * CAPTAIN PANGYO 자료 출처 하단 기재, 좋은 자료가 많아서 들어가서 둘러보는 것을 추천한다! ✅ 자바스크립트 Promise 쉽게 이해하기 1️⃣ Promise란? "A Promise is an object that may produce a single value some time in the future" 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 "특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성"을 의미한다. 2️⃣ Promise가 왜 필요할까? 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해.. 2022. 8. 5. 비동기 시리즈 - 비동기 개념 및 콜백함수 자료 정리 * CAPTAIN PANGYO 자료 출처 하단 기재, 좋은 자료가 많아서 들어가서 둘러보는 것을 추천한다! ✅ 비동기 개념 및 콜백함수 "Promise는 자바스크립트 비동기 처리에 사용되는 객체" 1️⃣ 비동기 처리 자바스크립트의 비동기 처리란, 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다. 2️⃣ 비동기 처리의 첫 번째 사례 비동기 처리의 가장 흔한 사례는 제이쿼리의 ajax이다. 제이쿼리로 실제 웹 서비스를 개발할 때, ajax 통신을 빼놓을 수 없다. 보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax 통신으로 해당 데이터를 서버로부터 가져올 수 있기 때문이다. function getData() .. 2022. 8. 5. 항해99 26일차 TIL - (리액트) 투두리스트 심화 과제 와이어프레임 설정 & 오늘 배운 것 ✅ 와이어프레임 구성 세 번째 진행하는,,, 그리고 심화 주차인 투두리스트의 와이어 프레임을 구성했다! 기능만 봐도 너무 많아서 페이지를 여러 개 구성해야 하는데,, 할 수 있다..ㅠㅠ 일단 오늘은 심화 학습자료 공부를 시작했는데 컨디션이 너무 좋지 않다. 아픈 것은 아닌데 졸림을 아예 참을 수 없는 정도인 것 같다 오늘은 일찍 자고 내일 잘 해보기!! 컨디션 관리 중요해 ㅠㅠ ✅ 오늘 배운 것 1️⃣ 리액트 심화자료 공부 : 리덕스 툴킷 ~ jason server 지금 너무 피곤해서 그런지 다른 팀원들에 비해 속도가 느렸다. 그래도 놓치는 부분 없이 집중해서 진행하자! 🔹 내 블로그 정리해둔 곳 : https://jenny0520.tistory.com/84 2️⃣ 자바스크립트 🔹 내 블로그 정리해둔 곳.. 2022. 8. 5. 이전 1 2 3 4 ··· 6 다음
