본문 바로가기 메뉴 바로가기

Dev Diary

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dev Diary

검색하기 폼
  • 분류 전체보기 (47)
    • 포트폴리오 (13)
    • 멋쟁이사자처럼 (8)
    • JavaScript (9)
    • React (1)
    • HTML CSS (9)
    • TypeScript (0)
    • IT 지식 (3)
    • 알고리즘 (1)
    • 생각 (3)
  • 방명록

JavaScript (9)
[자바스크립트 기본 개념] 변수

변수를 배울 때 가장 중요한 3가지는1. 변수의 필요성2. 선언/할당3. 스코프이 3가지만 기억해도 변수의 개념을 이해하는 것이다. 1) 변수의 필요성우선 변수란 컴퓨터 CPU는 우리가 1+2를 계산하라고 명령을 내릴 때 값을 계산하는 역할만 하고, 그 값을 저장하는 역할은 하지 않는다.하지만 우리는 그 값을 재사용해야 하는 경우가 많기 때문에 그 값을 기억하기 위해서 메모리 공간에 값을 저장해야 하는데, 그 역할을 하는 것이 변수다.→ 요약하자면, 변수는 메모리에 값을 저장하여 필요할 때 재사용할 수 있도록 하는 도구 추가: 코드의 가독성, 데이터의 동적 처리, 상태 관리 -데이터의 동적 처리: 프로그램 실행 중에 사용자가 입력한 데이터를 처리하거나, 동적으로 변하는 데이터를 관리할 때 변수가 필요. ..

JavaScript 2024. 8. 30. 09:41
[발표 스터디] this에 대해 설명하기

mdn 등 여러 문서들을 통해 공부하여 스터디 조원들에게 설명하기 위해 정리한 내용입니다. 1. this란 무엇인가? JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 strict mode와 none-strict mode 사이에서도 조금 다릅니다. this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻입니다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 합니다. this를 아주 간단히 한마디로 말한..

JavaScript 2023. 4. 17. 04:37
[의문점].forEach()에서 prototype은 왜 생략하는 걸까

//비전공자가 혼자 공부하는 공간입니다 .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..

JavaScript 2023. 2. 7. 20:39
자바스크립트로 html 코드 생성하기

//비전공자가 혼자 공부하는 공간입니다 코딩애플 강의 내용 기록하기 ✅ 자바스크립트로 html 생성 1️⃣ const 변수이름 = document.createElement('p'); 변수이름.innerHTML = '안녕하세요'; document.body.appendChild(변수이름); 2️⃣ let 변수이름 = '안녕하세요'; document.body.insertAdjacentHTML('beforeend', 변수이름); -beforeend = 맨 아래쪽 ( 추가 할 위치) -insertAdjacentHTML = html 추가 (추가가 아니라 수정하고 싶으면 innerHTML 사용) -p태그에 class 도 추가할 수 있음 [제이쿼리로 추가하는 법] $('#ptag').append(변수이름); //비전공..

JavaScript 2023. 2. 3. 14:18
이전 1 2 3 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프로그래밍독학
  • CSSDiner
  • dom조작
  • 코딩독학
  • CSS게임
  • 캐시오류
  • DOM제어
  • 로컬스토리지오류
  • 체크박스오류
  • VirtualDom
  • 즉시실행함수
  • 화살표함수
  • DOMapi
  • 논리부정연산자
  • DOM자바스크립트
  • :nth-child
  • CSS선택자
  • 가상돔
  • JavaScript
  • vanillajs
  • 프론트엔드독학
  • translateX
  • 상태변수
  • 이벤트핸들링
  • CSS
  • 비전공자
  • 변수스코프
  • 자바스크립트
  • labelfor
  • 리액트
more
«   2025/12   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바