📌 Next.js를 소개합니다. ☑️ Next.js는 어떤 기술일까?

React Context는 <span style="background-color:기존의 Props가 가지고 있던 단점을 해결할 수 있음<span style="background-color:한 단계 아래로 전달하는 건 문제 되지 않음하지만,계층 구조가 이렇게

웹 서비스의 성능을 개선하는 모든 행위아주 단순한 것부터 아주 어려운 방법까지 매우 다양함서버의 응답 속도 개선이미지, 폰트, 코드 파일 등의 정적 파일 로딩 개선불필요한 네트워크 요청 줄임컴포넌트 내부의 불필요한 연산 방지컴포넌트 내부의 불필요한 함수 재생성 방지컴포

📝 DOM브라우저의 렌더링 엔진은 HTML 문서를 파싱하여브라우저가 이해할 수 있는 자료구조인 DOM을 생성DOM은 HTML 문서의 계층적 구조와 정보를 표현하며,이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조HTML 요소HTML 문서를

자바스크립트는 웹 브라우저 외에서서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발 언어그러나 아직까지도 자바스크립트가 가장 많이 사용되는 분야는<span style="background-color:대부분의 프로그래밍 언어는 운영체제나 가상 머신 위에서

컴포넌트 내부에 새로운 state를 생성하는 리액트 훅➡️ 모든 useState는 useReducer로 대체 가능차이점은,<span style="background-color:useState는 “현재 렌더링 중인 컴포넌트 인스턴스”에 상태를 붙이는데,컴포넌트 밖(

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 by 이정환인간에게는 영유아 ~ 아동기 ~ 청소년기 ~ 청년기 ~ 성인기 ~ 노년기가 있음이러한 생애주기처럼어떠한 것이 탄생부터 죽음에 이르기까지의 단계를 나누어 놓은 것을 라이프사이클이라고 함리액

특징이나 성질을 나타내는 속성이 속성 중 필요한 속성만 간추리면, 추상화속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조 -> 객체= 상태를 나타내는 데이터 + 조작할 수 있는 동작상속이란?어떤 객체의 프로퍼티 또는 메서드를 다른 객체가 상속받아 그대

무명의 리터럴로 생성 가능. 즉 런타임에 생성 가능변수 자료구조(객체, 배열 등)에 저장 가능함수의 매개변수에 전달 가능함수의 반환값으로 사용 가능자바스크립트 함수는 다음 예제와 같이 위의 조건을 모두 만족하므로 일급 객체함수 === 일급 객체➡️ 함수를 객체와 동일하

[한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 by 이정환 ](https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%EB%A6%AC%EC%95%A1%ED%8A%B8/dashboard) 📌  실습 준비

동일한 이름의 변수가 이미 선언되어 있는 것을 모르고,변수를 중복 선언하면서 값까지 할당했다면➡️ 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다.var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정한다.따라서, 의도치 않게 전역 변수가

변수는 선언에 의해 생성되고, 할당을 통해 값을 갖는다.➡️ 변수는 생성되고 소멸되는 쌩명 주기가 있다.변수에 생명 주기가 없다면 한번 선언된 변수는 프로그램을 종료하지 않는 한 영원히 메모리 공간을 점유하게 된다.변수는 자신이 선언된 위치에서 생성되고 소멸한다.전역

스코프(유효범위)는 프로그래밍 언어의 기본적이고, 중요한 개념이다.더욱이 자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 주의가 필요하다.또한,<span style="background-color:이전에 스코프를 언급한 내용은,함수의 매개변수

📌 들어가기 전에… 원시 타입과 객체 타입은 어떻게 다를까? 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이다. 이에 비해 객체(참조) 타입의 값, 즉 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장된다.

0 개 이상의 문을 중괄호로 묶은 것하나의 실행 단위로 취급된다.코드 블록 또는 블록으로 부르기도 한다.문의 끝에는 세미콜론을 붙인다.그러나 블록문 자체가 문의 종료를 의미하는 자체 종결성을 갖기 때문에블록문의 끝에는 세미콜론을 붙이지 않는다.예제 8-1사실 for i

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듦이때 연산의 대상을 피연산자라고 함<span style="background-color:또한, <span style="background-color:피연

숫자, 문자열, 불리언, undefined, null, 심벌 타입...객체, 함수, 배열 등의 것들을 말함런타임에 일반 문자열로 변환되어 처리됨일명 백틱(\`\`)변경 불가능한 원시 타입의 값다른 값과 중복되지 않는 유일무이한 값➡️ 주로 이름이 충돌할 위험이 없는 객

식(표현식)이 평가 되어 생성된 결과평가❓식을 해석해서 값을 생성하거나 참조하는 것예제 5-1모든 값은 데이터 타입을 가지며,메모리에 2진수, 즉 비트의 나열로 저장됨메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다.ex) 메모리에 저장된 값 0100 0

컴퓨터는, 프로그램은 계산기라고 생각하면 편하다(진짜로?)애플리케이션은 데이터를 다룬다.그 어떤 애플리케이션이라 해도모두 다 <span style="background-color:그리고 <span style="background-color:예제 4-1위의 식

📌 React.js를 소개합니다 리액트의 기술적인 특징 컴포넌트를 기반으로 UI를 표현 화면 업데이트 구현이 쉬움 화면 업데이트가 빠르게 처리 모든 내용을 완벽히 이해할 필요 없고, 완강 후 다시 보는 걸 추천한다 함 나는 리액트 공부 2회차(?)이니까 열심히 보려