A: 호이스킹이란 변수(혹은 모든 식별자)의 선언이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트의 고유 특징이다.let,const와 var의 호이스팅 방식에는 차이가 있다. var의 경우 선언 단계와 함께 undefined로 초기화되므로 초기화 코드를 만나기

브라우저에서 기본적으로 API를 요청할 때에, 브라우저의 현재 주소와 API의 주소의 도메인이 일치해야만 데이터를 접근할 수 있다. 만약 다른 도메인에서 API를 요청해서 사용할 수 있게 해 주려면 CORS 설정이 필요하다.CORS교차 출처 리소스 공유(Cross-Or

CI/CD의 "CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합되므로 여러 명의

TypeScript에서 인터페이스(Interface)는 일반적으로 타입 체크를 위해 사용이 된다. 인터페이스는 변수, 함수, 클래스에 사용할 수 있으며, 인터페이스에 선언된 프로퍼티 또는 메서드의 구현을 강제하여 일관성을 유지하도록 한다. JavaScript는 인터페이

타입스크립트는 일반 변수, 매개 변수(Parameter), 객체 속성(Property) 등에 : TYPE과 같은 형태로 타입을 지정할 수 있다.TypeScript에서 튜플 타입을 사용하면 요소의 타입과 개수가 고정된 배열을 표현할 수 있다.객체의 프로퍼티 타입들을 각기

디자인 시스템(Design System)은 디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로 구성된 시스템을 의미한다. 이는 전체 서비스에 효율적이고 일관된 디자인을 적용할 수 있도록 도와준다.디자인 시스템은 디자인 원칙, 스타일 가이드, 컴포넌트, 패턴

React는 UI의 상태를 추적하고 변화가 일어난 요소들을 빠르게 업데이트할 수 있도록 Virtual DOM이라는 가상의 DOM 객체를 활용한다.이는 실제 DOM의 가벼운 사본 같은 개념으로, React는 Real DOM 객체에 접근하여 조작하는 대신 이 가상의 DOM

테마1-1. Dark mode, Light mode 전환1-2. 메인 컬러 변경 가능한 팔레트Todo App (CRUD)2-1. Todo List 추가2-2. Todo List 삭제2-3. Todo List 수정2-4. Todo List 완료 처리Note App3-1.

지난 섹션에는 스트레스도 많이 받고 마음에 여유도 없었다. 그래도! 이번 섹션 중간부터는 평화를 찾았다. 독감을 만나기 직전까진.. 이제 어느 정도 회복도 했고 더 나은 마음가짐으로 다음 섹션을 맞이할 수 있을 것 같다. 섹션 3는 가오갤과 함께 잘 보내주며!부트캠프를

A. 첫 번째는 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우입니다. 예시로는 피보나치 수열의 n번째 수는 n-1번째 수와 n-2번 째 수를 합한 값입니다. 몇 번째 수를 구하든 동일한 구조의 작은 문제로 나눌 수 있는 구조인 경우 재귀를 활용하면 간

쿠키는 클라이언트(로컬)에 저장되는 키와 값이 들어있는 작은 데이터 파일로 서버에서 클라이언트에 영속성 있는 데이터를 저장하는 방법이다. 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있, 반대로 클라이언트에서 서버로 쿠키를 다시 전송하는 것도 가능하다. 보통

문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수

웹이란 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이다.간혹 인터넷과 웹의 개념을 혼동하는데 인터넷이 웹보다 좀 더 포괄적인 개념이다. 인터넷은 ‘전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망’을 의미하며, 웹뿐만 아니라 온라인 게임

API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말이다. 이때 Application은 고유한 기능을 가진 모든 소프트웨어를, 인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있다. 이 계약은 요청과

컴포넌트3, 컴포넌트6에서만 사용되는 상태가 있다면 React의 데이터 흐름에 따라 최상위 컴포넌트에 위치시키는 것이 적절하다. 하지만 이런 상태 배치는 다소 비효율적이게 느껴진다.해당 상태를 직접 사용하지 않는 최상위 컴포넌트, 컴포넌트1, 컴포넌트2도 상태 데이터를

useRef란 원하는 특정 DOM을 직접 선택해서 컨트롤 할 수 있게 해주는 Hook이다. useRef로 DOM 노드, 엘리먼트, 그리고 React 컴포넌트 주소값을 참조할 수 있습니다. 그리고 useRef는 값이 바뀌어도 리렌더링 하지 않는다. 컴포넌트의 속성만 조회

Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다.서버로부터 웹페이지가 반환되면 화면 전체를 갱신해야 하는데 페이지 일부만을

UI는 사용자 인터페이스, 즉 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.요즘에는 스마트폰, 컴퓨터,

재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴.이 개념을 함수에 넣으면 자기 자신을 끝없이 호출해 같은 코드를 반복해서 실행할 것이다. 이렇게 자기 자신을 호출하는 함수를 재귀 함수라고 한다. 재귀 함수를 활용하면 반복적인 작업을 해야 하는 문제를 좀 더 간결한

부트캠프를 시작한지 두 달. 요즘 자율적으로 하는 공부에 집중이 잘 안된다. 빠르게 성장해야 한다는 부담감 때문인지 마음은 급한데 몸이 너무 쳐진다. 이쯤 다시 해보는 Section 2 회고!부트캠프를 시작하며 아래 내용들을 다짐했다.부트캠프를 통해 얻고 싶은 것 1