Reading Room 01
close
프로필 배경
프로필 로고

Reading Room 01

  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
  • 홈
  • 태그
  • 방명록
모던 자바스크립트 딥다이브 16장 - 프로퍼티 어트리뷰트

모던 자바스크립트 딥다이브 16장 - 프로퍼티 어트리뷰트

1. 내부 슬롯과 내부 메서드 자바스크립트의 객체는 단순한 키-값 쌍이 아닌, 더 복잡한 내부 구조를 가지고 있다. 이러한 내부 구조를 이해하면 객체를 더 효과적으로 다룰 수 있다. 자바스크립트 엔진은 객체를 관리하기 위해 내부 슬롯과 내부 메서드를 사용한다. 1.1 내부 슬롯 내부 슬롯은 객체의 숨겨진 속성으로, ECMAScript 명세에서 [[...]] 형태로 표기된다. 직접 접근은 불가능하지만 간접적인 방법으로 접근할 수 있다.const o = {}; // 직접 접근 불가능 o.[[Prototype]]; // ❌ 오류 발생 // 간접적으로 접근 가능 console.log(o.__proto__); // ✅ 가능 1.2 내부 메서드 내부 메서드는 객체의 기본적인 동작을 정의하는 메서드이다. 직접 호출할..

  • format_list_bulleted JS
  • · 2025. 2. 21.
  • textsms
모던 자바스크립트 딥다이브 15장 - let, const 키워드와 블록 레벨 스코프

모던 자바스크립트 딥다이브 15장 - let, const 키워드와 블록 레벨 스코프

1. var 키워드로 선언한 변수의 문제점 1-1) 변수 중복 선언 허용var 키워드로 선언한 변수는 중복 선언이 가능하다.이는 의도치 않게 값이 변경될 수 있는 위험이 있다.var name = '철수';console.log(name); // 철수var name = '영희';console.log(name); // 영희// 아무런 에러가 발생하지 않고 다시 선언돼버린다  1-2) 함수 레벨 스코프var는 '함수' 안에서만 지역변수로 인정되고, if문이나 for문 같은 다른 블록에서는 모두 전역변수가 된다.// for문 예시 - 전역변수가 되어버림var i = 10;for (var i = 0; i   1-3) 변수 호이스팅var로 선언한 변수는 선언문 이전에도 사용할 수 있다.이를 변수 호이스팅이라고 한다...

  • format_list_bulleted JS
  • · 2025. 2. 20.
  • textsms
React useEffect와 빈 의존성 배열: 마운트/언마운트 생명주기 이해하기

React useEffect와 빈 의존성 배열: 마운트/언마운트 생명주기 이해하기

React에서 useEffect는 가장 많이 사용되는 Hook 중 하나다. 특히 의존성 배열을 빈 배열(`[]`)로 설정하는 경우가 자주 있는데, 이것이 정확히 어떤 의미를 가지는지, 언제 사용해야 하는지 자세히 알아보자.useEffect와 빈 의존성 배열의 의미 `useEffect`에 빈 의존성 배열을 전달하면, 해당 효과는 컴포넌트가 처음 마운트될 때 단 한 번만 실행된다. 또한 cleanup 함수가 있다면, 이는 컴포넌트가 언마운트될 때 한 번 실행된다.import { useEffect } from 'react';function ExampleComponent() { useEffect(() => { console.log('컴포넌트가 마운트되었다!'); // cleanup 함수 ret..

  • format_list_bulleted 개발
  • · 2025. 2. 19.
  • textsms
HTTP vs HTTPS: 웹 통신 보안의 모든 것

HTTP vs HTTPS: 웹 통신 보안의 모든 것

인터넷 주소창에서 흔히 보이는 'http://'와 'https://'... 단지 한 글자 차이지만, 이 둘의 차이는 웹 보안에서 매우 중요한 의미를 가진다. 오늘은 HTTP와 HTTPS의 차이점을 자세히 살펴보고, HTTPS가 어떻게 우리의 온라인 활동을 안전하게 지켜주는지 알아보자. HTTP란 무엇인가? HTTP(HyperText Transfer Protocol)는 웹에서 정보를 주고받는 기본적인 프로토콜이다. 쉽게 말해 웹 브라우저와 웹 서버가 대화하는 방식이라고 할 수 있다.하지만 HTTP에는 큰 약점이 있다. 바로 데이터가 암호화되지 않은 '평문'으로 전송된다는 점이다. 이는 마치 편지를 봉투에 넣지 않고 보내는 것과 같다. 누구나 중간에서 그 내용을 들여다볼 수 있다는 뜻이다.HTTPS의 등장:..

  • format_list_bulleted 개발
  • · 2025. 2. 19.
  • textsms
useState로 상태 안전하게 다루기: 함수형 업데이트 가이드

useState로 상태 안전하게 다루기: 함수형 업데이트 가이드

React에서 useState를 더 안전하고 효율적으로 사용하는 방법을 알아보자. 특히 함수형 업데이트라는 기법을 통해 상태 관리를 더 똑똑하게 할 수 있다.왜 함수형 업데이트가 필요할까? React로 개발하다 보면 이런 경험이 있을 것이다:- 상태 업데이트가 예상대로 동작하지 않는다- 여러 번 상태를 변경했는데 한 번만 반영된다- 이전 상태값이 제대로 반영되지 않는다 이러한 문제들은 대부분 React의 상태 업데이트가 비동기적으로 동작하기 때문에 발생한다. 하지만 함수형 업데이트를 사용하면 이런 문제들을 깔끔하게 해결할 수 있다.함수형 업데이트란? 함수형 업데이트는 말 그대로 함수를 사용해서 상태를 업데이트하는 방식이다. 기존 상태를 기반으로 새로운 상태를 만들어내는 함수를 전달하는 것이다.일반적인 방..

  • format_list_bulleted 개발
  • · 2025. 2. 19.
  • textsms

애플리케이션 통합 테스트

✅ 1. 통합 테스트란?소프트웨어의 각 모듈 간 연결이 잘 되는지 확인하는 과정!개별 단위 테스트 후, 모듈들을 조합하여 수행하는 테스트임.🏗 2. 통합 테스트 수행 방법📌 1) V-모델🔹 개발 단계를 검증하고 수행해야 테스트를 시각화한 모델🔹 단계별로 검증하면서 개발 결과를 확인하는 방식📌 2) 단위 테스트🔹 소프트웨어의 최소 단위(모듈/컴포넌트)를 개별적으로 테스트하는 과정🔹 기능 수행 여부 및 논리적 오류 발견🔹 화이트박스 테스트(코드를 직접 분석하며 테스트) 진행📌 3) 통합 테스트🔹 단위 테스트가 끝난 모듈을 연결하여 오류를 찾는 과정🔹 소프트웨어의 전체적인 동작을 검증 📌 진행 방식✅ 비점증적(빅뱅) 방식: 한 번에 모든 모듈을 통합해 테스트✅ 점증적 방식: 단계별로 모듈..

  • format_list_bulleted 정처기
  • · 2025. 2. 19.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • ···
  • 25
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
최근 글
인기 글
최근 댓글
태그
  • #정처기정리
  • #정보처리기사공부
  • #정보처리기사필기
  • #정보처리기사정리
  • #정보처리기사
  • #정처기공부
  • #정처기필기
  • #자바스크립트
  • #모던자바스크립트딥다이브
  • #정처기
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바