Ch.Covelope

안녕하세요! 오늘은 React와 JavaScript 애플리케이션에서 발생하는 메모리 누수 문제를 깊이 있게 다뤄보겠습니다. 실제 프로젝트에서 마주칠 수 있는 다양한 시나리오와 해결 방법을 함께 알아보겠습니다. 목차메모리 누수의 이해React에서 발생하는 메모리 누수 패턴JavaScript 런타임에서의 메모리 누수실전 디버깅 가이드성능 최적화 전략 1. 메모리 누수의 이해 1.1 메모리 관리 기본 원리JavaScript의 메모리 관리는 가비지 컬렉션(Garbage Collection)을 통해 자동으로 이루어집니다. 하지만 특정 상황에서는 이 메커니즘이 제대로 작동하지 않을 수 있습니다. 가비지 컬렉션(Garbage Collection)의 이해 가비지 컬렉션이란? 메모리에 있는 '쓰레기'를 치우는 청소부라고..

브라우저에 URL을 입력했을 때 일어나는 일1. URL 파싱     - 브라우저는 입력된 URL을 파싱 하여 프로토콜, 도메인, 경로 등을 분석합니다.     URL : 리소스 위치를 나타내는 표준화된 주소 체계(고유한 식별자)     프로토콜 (protocol) : 웹 브라우저가 서버와 통신하는 방법     도메인(domain) : 웹사이트의 고유한 이름    경로(path) : 웹 서버 내의 특정 리소스 위치  2. DNS 조회     - 먼저 브라우저 캐시, 운영체제 캐시, 라우터 캐시, ISP 캐시를 확인합니다.     - 캐시에 없다면, ISP(인터넷 서비스 제공업체 SK, KT 등)의 DNS 서버에 쿼리를 보냅니다.     - 브라우저는 도메인 이름을 IP 주소로 변환하기 위해 DNS 조회를 ..

드디어 전문교육을 시작하게 되었다. 아주 어릴 적부터 그림을 그리고 미술고등학교 미대 그리고 중간에 전공을 바꿔 패션 전문대를 졸업하고 패션 회사에서 2년간 근무하였다. 그리고 또 무슨 바람이 불었는지 크게 보면 같은 계열이지만 다른걸 도전하다 실패하고 집안 사정으로 거의 3년 동안 정말 하기 싫은 일을 하다가 프론트 개발자로 일하는 동생(쌍둥이 동생 둘 다 개발자)의 권유로 이쪽 분야에 관심이 생기고 혼자 조금씩 해보니 흥미가 생겨 이곳저곳 학원을 알아보고 면접도 보던 중에 국비 프론트 과정을 알게 되어 정말 운 좋게 함께 하게 되었다. 사실 혼자 조금 해보기 했어도 그냥 백지 수준이고 공부했다고 말하기도 부끄러운 정도라 이런 과정이 걱정 되기도 했지만 너무 원하던 커리큘럼만 딱 꼽은 강의라 너무 좋았..

웹은 프론트엔드(front-end)와 백엔드(back-end)로 나눠집니다. 우리가 인터넷을 사용할때 브러우저에는 눈에 보이는 부분들과 보이지 않는 부분들이 함께 공존 상호 작용하는데 사용자 입장에서 보이는 모든 구성요소들을 프론트엔드 또는 클라이언트 영역 라고도 합니다. 웹백엔드는 인터넷 사용자에게는 보이지 않는(시스템 컴포넌트,API,DB,라이브러리 등등) 것이죠. 웹프론트엔드? 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공합니다. 또한, 사용자의 요청(요구사항)에 반응해서 동작합니다. 웹프론트엔드의 역할 - HTML (‘Hypertext Markup Language’) 웹콘텐츠를 잘 보여주기 기본적인 틀(구조,골격) 을 구성하는 역할을 한다. - CSS (‘Cascading ..