무우너의 먹물 기록

JavaScript is synchronous(동기적) -> hoisting*이 된 후부터 코드가 우리가 작성한 순서에 맞춰 하나하나씩 동기적으로 실행됨 * hoisting이란? : var이나 function 선언이 가장 위로 끌어올라가는 것 -> hoisting 이후부터 코드가 자동적으로 실행됨 Asyncronous(비동기적) - 언제 코드가 실행될지 알수 없음 ex. setTimeout(브라우저에서 제공되는 web api) ->지정한 시간이 지나면 지정한 함수를 콜백으로 호출 + 브라우저 api는 브라우저에게 요청 - 응답을 기다리지 않고 다음 실행 - 브라우저가 callback 신호 보내면 실행 Synchronous callback function printImmediately(print){ pri..

HTTP : Hypertext Transfer Protocol - 웹사이트, 어플리케이션 클라이언트와 서버가 어떻게 통신할 수 있는지 정의한 것 - 하이퍼 텍스트를 어떻게 주고받을 것인지 규약한 통신 규약 - request : 클라이언트 --> 서버 - response : 서버 --> 클라이언트 + hypertext : 링크, 문서, 이미지 파일 포함 Ajax(Asynchronous JavaScript and XML) - 서버에서 동적으로 받아올 수 있는 기술 ex. XHR(XMLHttpRequest) 오브젝트 - 브라우저 api에서 제공 - 신규 fetch() api(but ie에서 지원 X 어쩔 티비) + xml은 html과 같은 마크업 언어 중 하나 - xml은 불필요한 태그로 인해 파일 사이즈가 ..

Literals & properties - Object 생성 (1) const obj1 = {}; - object literal (2) const obj2 = new Object(); - object constructor - 자바스크립트에서는 오브젝트 내에 값 추가, 삭제가 가능 - Object { key : value } Computed properties - 대괄호['']를 이용해 string 타입으로 불러올 수 있음 - 정확하게 어떤 키가 필요한지 모르는 경우 - 런타임에서 결정될 때 - 동적으로 키값을 받아오는 경우 ex. function prinValue(obj, key) { console.log(obj[key]); } printValue(octopus, 'name'); Property valu..

Function - sub program - 프로그램을 구성하는 굉장히 기본적인 building block - 여러번 재사용 가능 - 한가지의 태스크, 값 계산에 사용됨 - 자바스크립트에서 함수는 object 1) Function declare(함수 선언) - function name(param1, param2){ body... return;} - 하나의 함수는 하나의 기능만 - 함수명 : dosomething, command, verb 2) Parameter(매개변수) - premitive parameter : 값 전달 - object parameter : 레퍼런스값 전달 3) Default parameters - ES6에서 추가됨 - 사용자가 parameter의 값을 지정하지 않고 전달할 시 디폴트값..

Operator 1) String concatation - "string1" + "string2" => string1 string2 - "string1" + 2 => string12 -> 숫자가 문자열로 변환됨 - `string literals : 1+ 2 = ${1 + 2}` => string literals : 1+2 = 3 + 중간의 특수 기호도 `` 사이에서는 잘 출력됨 ++ \n : 엔터, \t : 탭 +++ 'string' 중 ' 표시하고 싶은 경우 \ 추가해주기 2) Numeric operators - + : 덧셈 - - : 뺄셈 - * : 곱셈 - / : 나눗셈 - % : 나머지 연산 - ** : 제곱 연산 3) Increment and decrement operators - let pre..

console 함수 : API(Node.js와 WebAPI에 인터페이스가 동일하게 존재) - WebAPI : 브라우저가 제공하는, 이해할 수 있는 함수 async와 defer의 사용 : html에 Javascript를 포함할 때 사용 Html에 JavaScript 포함하는 법 1) head + parsing HTML blocked parsing HTML - blocked 상태 fetching js executing js - 브라우저가 html 파일을 한줄 한줄 분석하며 CSS 요소와 병합하여 DOM 요소로 변환 - script 태그가 보이면 parsing을 멈추고, 필요한 자바스크립트 파일을 서버에서 다운받아 다시 parsing 단점) - js 파일 크기가 크고, 인터넷이 느린 경우 사용자가 웹사이트 보..

생활코딩 - 리액트 강의를 듣고 다시 자바스크립트 기초부터 다져야겠다고 다짐 완료 주변 지인분께 추천받은 드림코딩 by 엘리 - JavaScript 강의를 들어보기로 결심했다. 1강. JavaScript 역사 - 1993년 : UI 요소가 더해진 Mosaic Web Browser 출시 - Mosaic Web Browser 개발팀을 이끌던 Marc Andreessen은 Netscape사 설립 -> UI 요소가 더 추가된 Netscape Navigator 출시 - 당시 시장은 HTML과 CSS로 간단한 웹페이지 구현 가능 ->html의 링크로만 페이지 이동 가능 == 정적 웹사이트(80%) - 1994년 9월 : Netscape사 Mocha 탄생(내부적 이름) - LiveScript로 이름 변경(Netsca..