HTML - 와 , 의 차이점? script는 HTML 파싱을 중단으로 해당 스크립트를 바로 실행한 후에 HTML 파싱을 재개합니다. script async는 HTML 파싱과 병렬적으로 실행되지만 HTML 파싱 중에 실행할 준비가 되면 바로 실행을 합니다. scr

프로그래밍이란 뭐라고 생각하시나요?컴퓨터에게 작업을 지시하고 원하는 결과를 얻기 위해 명령어를 작성하는 과정으로 문제해결력과 논리력, 협업이 필요한 작업입니다.컴파일러는 뭐고 인터프리터는 뭔가요?컴파일러는 고급언어로 작성된 프로그램을 기계어로 번역하고 기계어 프로그램으

Document Type의 약어태그가 아니기 때문에 </>로 닫아주지 않아도 됨DOCTYPE을 선언할 경우 이를 Standards Mode(표준 모드)라 하고 선언 하지 않는 경우 Quirks Mode (비표준 모드, 호환 모드)라고 함 호환모드의 경우 각 브라우

초기에 사용자가 서버에 페이지 요청을 하면 SSR 방식으로 HTML을 보냄브라우저에서 자바스크립트를 다운로드하고 React를 실행사용자, 페이지가 서로 상호작용하여 다른 페이지로 이동할 때는 SSR이 아닌 CSR방식으로 브라우저에서 처리Next.js는 SEO, SSR,

단일 책임 원칙 (Single Responsibility Principle)\-- 함수나 클래스는 한 가지 기능만을 수행해야함개방 폐쇄 원칙 (Open Close Principle)\-- 확장에는 열려있고 변경에는 닫혀있어야함\-- 쉽게 말하면 기능은 변경될 수 있고

페이스북에서 관리하는 웹 페이지의 컴포넌트를 렌더링하고 빌드하는데 초점을 둔 가장 인기있는 자바스크립트 라이브러리UI 라이브러리기 때문에 자체적으로 전역 상태 관리, 라우팅, 빌드 시스템을 지원하지 않고 Redux, Mox, React-router등을 추가하여 사용해야

브라우저 주소창에 URL을 입력브라우저는 URL를 해석URL 구조 (스키마, 호스트, 패쓰)\`scheme://\[user:password@]host\[:port]path?queryURL이 문법에 맞다면 Punycode encoding을 URL의 HOST 부분에 적용

프록시란 대신이라는 뜻을 가지며, 프로토콜에 있어선 대리 응답 등에 사용하는 개념, 보안상의 문제로 직접 통신을 할 수 없을 때 프록시를 이용하여 중계 중계 기능을 하는 서버를 프록시 서버라고 함프록시는 프록시 서버에 요청된 내용을 캐시를 이용하여 저장, 캐시로 저장한

물이 위에서 아래로 흐르는 것처럼 순차적인 처리를 중요시하는 프로그래밍 기법가장 대표적인 언어로 C언어컴퓨터의 처리구조와 유사해 실행속도가 빠름 코드의 순서가 바뀌면 결과를 보장하기 어려움OOP는 프로그래밍 패러다임 중 하나로 수 많은 객체들 간의 상호작용으로 하나의

동기 : 클라이언트가 요청을 보낸 후 서버로부터 요청에 대한 응답(=결과)가 와야 다음 동작을 실행비동기 : 요청을 보낸 후 응답에 상관없이 다음 동작을 실행\-- 비동기는 자원의 효율적인 사용이 가능하지만 설계가 동기적방식보다 복잡API는 응용 프로그램에서 사용할 수

타입스크립트는 동적 타입 언어 (런타임시 변수의 타입이 결정되는 언어)인 자바스크립트의 약점을 위해 정적인 타입을 부여한 언어 즉, 자바스크립트의 확장판컴파일 시 타입 체킹을 하기 때문에 오류 포착도 쉽고 명시적 타입지정으로 개발자의 의도를 명확하게 파악 가능타입스크립

웹 애플리케이션을 구성하는 자원을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 모듈 번들러 즉, 최종 배포용 파일을 만들어줌웹팩은 오픈 소스 자바스크립트 모듈 번들러, 여러 개의 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화

정수만을 위한 타입이 없고 모든 수를 실수 처리를 함boolean, string, number, undefined, null, symbol (ES6 때 추가) 이렇게 6가지 종류Object는 참조타입으로, 참조타입에는 Object, 배열, 함수, 일반적인 객체 (Map

⭐ 이벤트 버블링, 이벤트 캡쳐링, 이벤트 위임 이벤트 버블링 : 하위 엘리먼트에 이벤트가 발생할 때 그 엘리먼트부터 시작해서 상위 요소까지 이벤트가 전달되는 방식 (하 -> 상) 이벤트 캡쳐링 : 하위 엘리먼트에 이벤트 핸들러가 있을 때, 상위 엘리먼트부터 시작해

자바스크립트에서 클래스는 프로토타입을 이용해서 만들어짐자바스크립트에서 클래스는 함수의 한 종류, 객체를 생성하기 위한 틀, 클래스는 객체의 데이터와 이를 조작하는 메서드를 하나로 추상화클래스는 함수기 때문에 클래스도 표현식과 선언 두 가지 방법을 모두 제공생성자 함수와

자바스크립트의 객체는 \[Prototype] 이라는 숨김 프로퍼티를 갖으며 이 프로퍼티는 null이거나 다른 객체에 대한 참조가 되는데, 다른 객체를 참조하는 경우 참조 대상은 프로토타입이라고 부름 즉, \[Prototype]이 참조하는 객체를 프로토타입이라고 함객체에

자바스크립트 엔진은 Memory Heap과 Call stack으로 구성되어 있음 (ex. 크롬 V8 Engine)자바스크립트는 싱글 스레드, 이 의미는 Call stack (호출 스택)이 한 개 라는 것\-- Memory Heap : 메모리 할당이 일어나는 곳 (우리가

일급 객체란, 컴퓨터 프로그래밍에서 다른 개체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체, 쉽게 말하면 함수를 값으로도 저장할 수 있고 파라미터로 넣어줄 수도 있고 리턴 값으로도 쓰일 수가 있는 것이 일급 객체자바스크립트의 함수가 이 일급 객체일급 객체의 조

자바스크립트는 객체 기반의 스크립트 언어, HTML은 웹 페이지의 내용을 작성 CSS는 디자인을 담당자바스크립트는 웹페이지의 동작을 구현하는 역할을 함웹페이지가 브라우저에서 동작할 때 HTML과 CSS는 이미 브라우저에 의해 해석되어 화면에 표시, 하지만 자바스크립트는

함수와 함수 외부 변수와의 관계 모든 함수는 바깥 변수와 클로저 관계라고 생각하면 됨예를 들어 다음과 같은 상황도 클로저 관계라고 할 수 있음클로저 문제 -> 스코프, 비동기, var(쓰레기)클로저가 문제다 X클로저를 사용해서 해결하는 문제for문(반복문)과 비동