자바스크립트란 자바스크립트의 특징에는 무엇이 있을까요? 네. 세 가지를 말씀드리면, 자바스크립트는 웹 브라우저에서 HTML, CSS 와 함께 웹 페이지를 구성하는 프로그래밍 언어입니다. 자바스크립트는 동적 타입 언어입니다. 타입을 따지지 않습니다. 자바스크립트는
변수란 어떤 값을 저장하기 위해 확보한 메모리 공간 또는 그 메모리 공간을 식별하기 위해 붙인 이름(식별자)를 말한다.식별자란 메모리 상에 존재하는 어떤 값을 식별할 수 있는 이름을 말한다. 변수, 함수, 클래스의 이름은 모두 식별자다. 특수문자를 제외한 문자, 숫자,
타입의 종류 : 원시 타입(number, string, boolean, undefined, null, symbol), 객체 타입(object, function, array 등)Symbol 타입: 심볼(symbol)은 ES6에서 새롭게 추가된 7번째 타입으로 변경 불가능
자료구조의 배열은 동일한 크기의 메모리공간에 빈틈없이 연속적으로 나열된 자료구조이다.배열의 요소는 하나의 데이터타입으로 통일되어 있으며 서로 연속적으로 인접해 있다.이러한 배열을 밀집 배열(dense array)이라고 한다자바스크립트의 배열은 요소의 각 메모리공간이 동
객체의 프로퍼티가 함수일 경우 일반 함수와 구분하려고 메소드라고 부른다.함수 선언식 - function 키워드만 사용한 방법호이스팅 가능함수 표현식 - 변수에 함수를 할당하는 방법호이스팅 불가이유는 선언식을 사용할 경우 런타임 이전 평가단계에서 함수객체가 생성되지만 표
유효 범위전역스코프, 지역스코프전역스코프는 코드의 가장 바깥 영역. 전역스코프에서 만든변수 - 전역변수, 어디서나 참조가능지역스코프에서 선언한 변수 - 지역변수, 그 스코프 밑 하위 스코프에서만 유효함수를 어디서 호출했는지가 아닌 어디서 정의했는지에 따라 함수의 상위
여러 객체의 조합을 통해 프로그래밍하는 패러다임데이터와 기능을 한데 묶는다.추상화 - 복잡한 것을 단순화함. 필요한 것만 간추려서 만드는 것.캡슐화 - 변수와 함수를 하나로 묶어서 정의하는 것.상속 - 상위 개념의 특징을 하위 개념이 물려받는것다형성 - 부모클래스에서
this 는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수.this 바인딩은 this 를 특정 객체의 주소값을 가리키게 하는 것.일반 함수 호출 -> this = 전역객체메소드 호출 -> this = 메소드를 호출한 객체생성자함수 호출 ->
함수 내부의 함수함수의 데이터의 reference(lexical environment)의 조합함수 내부에 함수가 존재한다.내부 함수가 외부 함수의 변수에 접근한다.외부 함수가 종료되어도 (call stack 에서 해제되어도) 내부의 환경 (인자 값 등)이 메모리에 저장
코드를 실행하기 전 변수선언이나 함수선언이 파일의 맨 위로 끌어올려진 것 같은 현상을 말한다.이 현상이 일어나는 이유는 자바스크립트 엔진이 코드를 실행하기 전에 모든 선언을 메모리에 저장하기 때문이다. 따라서 선언문보다 호출이 먼저 나와도 오류 없이 동작한다.(let,
하나로 뭉쳐 있는 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다.배열, 문자열, 이터러블에 사용가능객채가 요소일 경우 얕은복사된다.배열이나 객체를 비구조화 시켜서 변수들에게 할당하는 것1\. 배열일 경우 순서대로2\. 객체일 경우 키에 맞는 변수가 있으면 할당됨
클라이언트에서 불러오고 싶은 파일을 서버에 요청한다.요청된 URI 를 DNS 를 통해 IP 주소로 변환한다.해당 아이피를 가진 서버에 get 요청을 보내고 HTML, CSS 파일을 다운받는다.다운받은 HTML 파일을 파싱하여 DOM 트리를 생성한다.다운받은 CSS 파일
Document(HTML)을 자바스크립트 객체(Object)처럼 조작할 수 있게 만든 트리 구조의 자료구조.노드 객체노드 객체는 12가지가 있으며 중요한 노드 타입은1\. 문서노드2\. 요소노드3\. 어트리뷰트 노드4\. 텍스트 노드가 있다.문서노드문서노드는 DOM 트
Dom 노드에서 발생한 이벤트는 DOM 트리를 통해 전파된다.이벤트가 전파되는 방향에 따라 3단계로 구분한다.캡처링 단계 : 이벤트가 상위 요소에서 하위 요소 방향으로 전파타깃 단계 : 이벤트가 이벤트 타깃에 도달버블링 단계 : 이벤트가 하위 요소에서 상위 요소 방향으
동기는 현재 작업이 끝날 때까지 기다렸다가 다음작업을 시작비동기는 현재 작업이 끝나지 않아도 다음 작업을 실행비동기에는 setTimeout/setInterval, HTTP 요청, 이벤트 핸들러가 있음.자바스크립트는 싱글 스레드로 동작하지만, 이벤트 루프를 동해 비동기작
호출 스케쥴링.setTimeout/clearTimeoutsetInterval/clearInterval
Javacsript Object Notation클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷자바스크립트에 종속되지 않는 언어 독립형 데이터 포맷으로 대부분의 프로그래밍 언어에서 사용할 ㅅ ㅜ있다.키와 값으로 구성된 순수한 텍스트stringify() -
Ajax(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 ① 브라우저가 ② 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식 을 말한다.Ajax는 브라우저에서 제
웹상에서 사용하는 자원들을 uri로 표현하고 메소드(get, post 등)를 통해 상태를 정의하는 방식.RESTful API:1.URI 는 정보의 자원을 표현한다.2\. 자원에 대한 상태 정의는 HTTP method (GET, POST, PUT, DELETE)로 표현한
https://goodgid.github.io/Server-Side-Rendering-and-Client-Side-Rendering/
Promise 를 then 으로 이어붙일 필요없이 비동기를 마치 동기적인 코드처럼 작성할 수 있다.에러처리는 try...catch 를 사용하여 에러처리할 수 있다.가독성이 좋아진다.둘다 외부 파일이나 라이브러리를 불러올 때 사용한다.require 은 nodejs 에서
프로세스 - 운영체제에서 실행 중인 하나의 프로그램사용자가 앱을 실행하면 운영체제로부터 실행에 필요한 메모리를 할당 받아 코드를 실행. 하나의 앱이 여러개의 프로세스를 가질 수도 있다. 예) 인터넷 윈도우를 두개 띄우면 두개의 프로세스 생성CPU 하나는 한 시점에 하나
하이퍼택스트 트랜스퍼 프로토콜: 데이터를 주고받기 위해 정의한 통신 프로토콜.브라우저와 서버 간에 데이터를 주고방기 위한 방식.특징http 는 stateless, 상태가 없는 프로토콜.따라서 브라우저와 서버는 클라이언트의 상태를 유저하기 위해 쿠키나 세션을 사용하여 상
쿠키는 서버가 클라이언트에 저장하는 데이터. 쿠키를통해 클라이언트의 상태를 부여하고 관리할 수 있음.단 쿠키탈취가 일어날 수 있음.세션이란 클라이언트가 웹서버에 연결된 순간부터 웹 브라우저를 닫아 서버와의 HTTP 통신을 끝낼 때 까지의 시간.보통 세션은 서버가 세션
XSS\-클라이언트가 서버를 신뢰하기 때문에 발생하는 이슈.서버가 Script 태그 사이에 코드를 넣고 (script injection) 브라우저로 보내면 브라우저는 그 코드를 실행하게 된다.기본적인 XSS 공격은 브라우저에서 막아 준다.CSRF: cross site
웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)다.모듈 번들러란 웹 앱을 구성하는 자원(html, css, js)등을 모두 각각의 모듈로 보고 이를 조합해서 하나의 결과물을 만드는 도구를 의미한다.https:
DOCTYPE - html 이 어떤 버전으로 작성되었는지 브라우저에게 알려주는 것.meta tag - html 문서에 대한 data 를 담는 태그.웹 표준 - 웹상에서 표준으로 사용되는 기술(w3c 기준)웹 접근성 - 모든 사람이 차별없이 웹을 자유롭게 이용하는 권리
https://velog.io/@jhoryong/ReactReact 는 front-end 개발을 위한 JavaScript 오픈소스 library 이다.리엑트의 특징:선언형 (Declarative)원래의 웹 개발은 한 페이지를 보여주기 위해 HTML, CSS,