JavaScript

Class 는 객체를 생성하기 위한 템플릿 이다.Class는 데이터와 이를 조작하는 코드를 하나로 추상화 한다.JS에서 Class는 프로토타입을 이용 해서 만들어 졌지만 ES5의 Class의미와는 다른 문법과 의미를 가진다.한마디로 정의해Class 는 함수이다. 함수를

es6이전 계속 사용해봤던 방식값을 변경할수 있다이제는 잘 사용하지 않는다.(2020년 기준으로)내용을 변경할수 없다. 하지만 완벽하게 변수를 보호 할수 있는 것은 아니다object일 경우에는 변경 가능하다.person.name="sun woo"var 대신 사용되는 변

기본적인 함수 형태 ex{} 을 사용하지 않으면 자동으로 reuturn을 한다. (el)=> 0 0을 자동으로 reuturn한다.일반적인 함수 this 는 button을 가르킨다.arrow함수this 는 window를 가르킨다. window를 obj로 가지고 있다.

ex. 객체 자체를 호명하고 싶을때ex2. 객체안에 있는 key값을 호명하고 싶을때.notifications를 로그에 찍어봐도 값이 안나온다.notifications안에있는 follow를 보여주라는 뜻이다.만약 값이 없을경우 default값을 줄수 있다.배열일 경우함수

or (||) 연산자와 달리, 왼쪽 피연산자가 null 또는 undefined가 아닌 falsy값이면 반환. 즉 다른 변수 에게 기본값을 제공하기 위해 ||을 사용할 경우 falsy값("" 또는 0)을 사용하는 것을 고려한다면 예기치 않는 동작이 발생할수 있다.왼쪽 표

웹 브라우저라고도 하며 웹 서버에 이동하며 쌍방향으로 통신하고 HTML문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트 웨어이다.주로 알고 있는 웹 브라우저로는 파이어폭스, 구글크롬, 인터넷 익스플로러, 사파리 등이 있다.웹 브라우저 정의 위키백과쉽게

HTTP HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜이다. 클라이언트가 HTTP프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송하낟. 이때, HTTP요청에 포함되는 HTTP Metho

자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments객체와 this를 암묵적으로 전달 받는다. 자바스크립트는 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. 1. 함수 호출 전역 객체는 모든 객체의 유일한 최상위

HTML5에서는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어있다. Web Storage는 key:value 쌍으로 데이터를 저장하고 key를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalS

"웹에 존재하는 모든 자원(이미지, 동영상, DB자원)에 고유한 URI를 부여 해 활용" 하는 것으로, 자원을 정의 하고 자원에 대한 주소를 지정하는 방법론을 의미한다.큰 특징으로는 '애플리케이션 분리 및 통합', '다양한 클라이언트의 등장'이다.애플리케이션의 복잡도가

자바스크립트는 싱글 스레드로 동작(https://velog.io/@gay0ung/%EC%BD%9C%EC%8A%A4%ED%83%9D싱글 스레드 방식에는 한가지 큰 단점이 있는데, 계산할 일이 많은 작업을 하는 경우, 그 작업이 완료되어야 다른 작업을 수행 할수

자바스크립트 비동기 처리에 사용되는 객체이다. 비동기 처리?특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미한다.주로 서버에서 받아온 데이터를 화면에 표시할 때 사용된다. 일반적으로 웹 애플리케이션을 구현할 때 서버에

async & await는 자바스크립트의 비동기 처리 패턴중 가장 최근에 나온 문법 이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할수 있게 도와준다.여기서 fetchUser()라고 하는 코드는 서버에서 데이터를

자바스크립트는 싱글 스레드 프로그래밍 언어이기 때문에 비동기 처리가 필수 적이다. 비동기 처리는 그 결과가 언제 반환될지 알수 없기 때문에 동기식으로 처리하는 기법들이 사용되어야 한다. 대표적으로 setTimeout이 있고, callback과 promise가 있다. 세

프로그래밍에서는 observer (정보의 변화를 감지하는 코드) 패턴이라는 실행방식이 있다.관찰 대상객체의 특정 정보가 변경되면 observer 코드가 이를 감지하고 정해둔 코드를 실행 하는 것이다.브라우저에서도 이와 같은 방식을 사용할때가 있다. DOM 이 만들어낸

출처 https://poiemaweb.com/js-execution-context

commonJs, AMD, ES6 Module 기존의 자바스크립트는 모듈이라는 개념이 부족하여 각 모듈(또는 파일)간의 의존성 처리에 제한이 있었다. 고전적인 웹 프로젝트에서 자바스크립트를 사용하는 방법을 살펴보면, HTML 파일 내부에 `` 태그를 삽입하여 모듈을 로

: Server Side Rendering요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식이다.웹의 초기 부터 SPA에 대한 구현체들이 나오기 전까지 전통적인 웹사이트들은 모두 SSR형태로 서비스해 왔다.👍 서버사이드 렌더링(SSR)의 장점

트랜스 파일과 컴파일은 같은 개념으로 사용하기도 하는데, 약간의 차이가 있다. 한 언어로 작성된 코드를 다른 언어로 변환 하는것을 의미한다.Java -> byecodec -> assembly한언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는

forEach, map의 공통점은 배열을 이용한다는 점이다.배열의 값을 조작해서 원하는 결과값을 도출하는데 의미가 있다.forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리, map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(