변수를 배울 때 가장 중요한 3가지는1. 변수의 필요성2. 선언/할당3. 스코프이 3가지만 기억해도 변수의 개념을 이해하는 것이다. 1) 변수의 필요성우선 변수란 컴퓨터 CPU는 우리가 1+2를 계산하라고 명령을 내릴 때 값을 계산하는 역할만 하고, 그 값을 저장하는 역할은 하지 않는다.하지만 우리는 그 값을 재사용해야 하는 경우가 많기 때문에 그 값을 기억하기 위해서 메모리 공간에 값을 저장해야 하는데, 그 역할을 하는 것이 변수다.→ 요약하자면, 변수는 메모리에 값을 저장하여 필요할 때 재사용할 수 있도록 하는 도구 추가: 코드의 가독성, 데이터의 동적 처리, 상태 관리 -데이터의 동적 처리: 프로그램 실행 중에 사용자가 입력한 데이터를 처리하거나, 동적으로 변하는 데이터를 관리할 때 변수가 필요. ..
mdn 등 여러 문서들을 통해 공부하여 스터디 조원들에게 설명하기 위해 정리한 내용입니다. 1. this란 무엇인가? JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 strict mode와 none-strict mode 사이에서도 조금 다릅니다. this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻입니다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 합니다. this를 아주 간단히 한마디로 말한..
//비전공자가 혼자 공부하는 공간입니다 .forEach 가 function을 각 array element (배열 요소)에 실행시킬 수 있다면 결국 for loop (반복문)과 같은 역할을 하는 것일까? 챗지피티에 물어봐야겠다 🆀 Array.prototype.forEach() runs the same thing as the for loop with array? 🅰 Yes, you can achieve the same result with a forEach() method and a for loop. The forEach() method is a higher-order function that takes a callback function as an argument, and calls that functio..
//비전공자가 혼자 공부하는 공간입니다 코딩애플 강의 내용 기록하기 ✅ 자바스크립트로 html 생성 1️⃣ const 변수이름 = document.createElement('p'); 변수이름.innerHTML = '안녕하세요'; document.body.appendChild(변수이름); 2️⃣ let 변수이름 = '안녕하세요'; document.body.insertAdjacentHTML('beforeend', 변수이름); -beforeend = 맨 아래쪽 ( 추가 할 위치) -insertAdjacentHTML = html 추가 (추가가 아니라 수정하고 싶으면 innerHTML 사용) -p태그에 class 도 추가할 수 있음 [제이쿼리로 추가하는 법] $('#ptag').append(변수이름); //비전공..
- Total
- Today
- Yesterday
- 프로그래밍독학
- CSSDiner
- dom조작
- 코딩독학
- CSS게임
- 캐시오류
- DOM제어
- 로컬스토리지오류
- 체크박스오류
- VirtualDom
- 즉시실행함수
- 화살표함수
- DOMapi
- 논리부정연산자
- DOM자바스크립트
- :nth-child
- CSS선택자
- 가상돔
- JavaScript
- vanillajs
- 프론트엔드독학
- translateX
- 상태변수
- 이벤트핸들링
- CSS
- 비전공자
- 변수스코프
- 자바스크립트
- labelfor
- 리액트
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
