What's style-compoent styled components는 javascript에서 css를 사용 할 수 있도록 도와주는 스타일링 프레임워크입니다. React Component에 특정 스타일링을 할 수 있기 때문에 재사용성을 더 높일 수 있고, javasc

NextJS 맛보기 ✅ install >npx create-next-app@latest // --typescript 설치가능 ✅ npm run > npm run dev 🔽 실행화면 ❗️ 프레임워크와 라이브러리의 차이점? 프레임워크는 나의 코드를 불러 오는 것

빌트인 객체 자바스크립트 객체는 크게 3개 의 객체로 분류한다. 표준 빌트인 ECMAScript 사양의 정의된 객체를 의미한다. 애플리케이션 전역의 공통 기능을 제공한다. 전역객체의 프포퍼티로서 제공되어서 별도의 선언 없이 전역 변수처럼 언제나 참조 가능

in 연산자는 Object의 프로퍼티를 찾을 때 사용되는 연산자const person = { age : 10, name: 'hwan' }'name' in person ES6 버전에서 Reflect.has 메서드도 동일한 기능을 수행한다.Reflect.has(person

도구 : 상태관리 , 어플리케이션의 복잡성을 낮춘다.특징 : 하나의 상태를 갖는다 ( 상태란 객체 )state = {} reducer 를 통해 데이터를 수정한다 ? getState란 것을 통해 데이터를 수정한다 ? 데이터를 외부에서 직접적으로 제어할 수 없도록 !!

생성자 함수 Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 생성자 함수란 (constructor) new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스

프로퍼티 정의란 새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의하거나, 기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의하는 것을 말한다.데이터 프로퍼티 (data property)키와 값으로 구성된 일반적인 프로퍼티접근자 프로퍼티 (accessor pro

모든 식별자(변수이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른코드가 식별자 자신을 참조할 수 있는 유효범위가 결졍된다.스코프는 식별자가 유요한 범위를 말한다.함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수

함수 자바스크립트에서 가장 중요한 핵심 개념이다. 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 전달받는 변수 ➡️ 매개변수 (parameter) 입력 ➡️ 인수 (argument) 출력 ➡️ 반환값

객체 리터럴 함수 매개변수에 기본값을 설정할 때 함수를 호출할 때 인수를 전달하지 않으면 매개변수에는 undefined가 할당된다. 이때 단축 평가를 사용해 매개변수의 기본값을 설정하면 undefined로 인해 발생할 수 있는 에러를 방지할 수 있다.

변수 변수 선언과 값의 할당 -변수 선언은 런타임 이전에 먼저 실행 -값의 할당은 소스코드가 순차적으로 실행되는 시점인 런타임에 실행된다. 상수 : 값을 재할당할 수 없어서 변수에 저장된 값을 변경할 수 없는수 >#### 변수 재할당 변수에 값을 재할당

모던자바스크립트 Deep Dive 30일 Chellange학습한 내용 목차 \- 프로그래밍의 목적과 의미 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션. 그리고 코드라는 것을 통해서 컴퓨터에게 문제해결을 수행 하도록 지시한다.이과정에서 컴파일러가 사람과

sass에 관한 공부 기록Sass를 쓰는 이유 : 반복적인 css 사용을 줄이고 더 편하게 코딩하기 위해서터널손목증후군(?)을 극복하기 위해서 sass함수를 사용해보고 싶어서Sass(Syntactically Awesome Style Sheets)의 3버전에서 새롭게 등

웹브라우저가 웹서버에 웹페이지 요청을 하면 웹서버는 웹페이지 응답을 합니다.서버가 브라우저에게 전달한 응답인 HTML 문서를 브라우저는 읽어들이고 해석한 후 사용자(Client)에게 보여줍니다.HTML 및 CSS를 해석하는 구체적인 내용들은 모두 W3C, World S