천천히, 꾸준히

😺 Study/JavaScript, jQuery

자바스크립트에서 스코프는 2가지 타입이 있다. global(전역)과 local(지역). 더 자세한 내용은 아래 링크를 참고해보자. https://medium.com/@yeon22/javascript-%EC%8A%A4%EC%BD%94%ED%94%84-scope-%EB%9E%80-bc761cba1023 (JavaScript) 스코프(Scope)란? 자바스크립트를 공부할 때 스코프(Scope)란 단어를 많이 접할 수 있는데요. 이 스코프란 무엇인지에 대해 알아보겠습니다. medium.com global scope(전역 스코프)는 파일 안에 바로 정의해서 쓸 수 있다. 따라서 어디에 위치해도 읽을 수 있다. (출력 가능) let globalScope = 1; { console.log(globalScope); }..

2020. 11. 19.

😺 Study/JavaScript, jQuery

지난 포스팅에 언급한 var이 갖고 있는 오류는 console.log(age); age = 28; console.log(age); var age; 이처럼 변수를 나중에 선언해도, 콘솔창에 age값이 출력되는 것을 알 수 있다. 어디에 선언했냐에 상관없이 상단으로 선언을 끌어올려주는 것을 hoisting(호이스팅)이라고 한다. name = 'happy'; let name; 하지만 let으로 변수를 선언할 경우, 위처럼 순서가 뒤바뀌었을 때 콘솔창에 오류가 나는 것을 확인할 수 있다. *hoisting(호이스팅)은 block scope(블럭 스코프)도 무시하는데, 이와 관련된 내용은 아래 링크에서 확인할 수 있다. https://haeeeell.tistory.com/24 참고: 드림코딩 by 엘리

2020. 11. 19.

😺 Study/JavaScript, jQuery

아주 기본적인, 변수를 선언하고 할당하여 출력까지 해보자. let name = 'sad'; console.log(name); name = 'happy'; console.log(name); 윗줄부터 직역하면, 변수 name에 sad를 할당했다. 변수 name을 출력해보자. 변수 name에 다시 happy를 할당했다. 변수 name을 출력해보자. >>sad가 아닌 새로 할당된 happy가 출력된다. // 이 같은 일이 벌어지는 원리 name이라는 변수를 정의하면 메모리 하나를 차지하는 포인터가 생긴다. 그 안에 'sad'나 'happy'값이 할당된다. (예를 들어, 어플을 실행하면 어플마다 쓸 수 있는 메모리(텅텅 빈 box들)가 할당되는 것) *ES6(ECMAScript6)부터 javascript에 변수를..

2020. 11. 19.

😺 Study/JavaScript, jQuery

프로그래밍을 하면서 가장 중요한 3가지 원리를 기억하자. 1. 입력 사용자에게 콘솔이나 UI에서 입력받은 데이터를 2. 연산 연산을 통해 3. 출력 사용자에게 출력 4. 전송 서버를 통해 전송한다. *CPU에 최적화된 연산, 메모리 사용의 최소화도 중요하다! **무언가 배우기 이전에 돌아가는 원리를 파악하면 좀 더 다가가기 수월한 느낌이다. 참고: 드림코딩 by 엘리

2020. 11. 19.

😺 Study/JavaScript, jQuery

지난 역사에서도 잠깐 살펴 봤듯이 javascript는 단기간에 만들어진 언어이고 유연한 성격을 갖고 있어 개발자들이 실수하기 쉬운 환경이다. 오류를 줄이기 위한 해결책은 'use strict'를 사용하는 것이다. 상단에 이렇게. 'use strict'; 선언하면 오류를 찾기 비교적 쉬워진다. 비교를 해보자면, 하지만, 엄격 모드로 전환하면! let a; 그럴 땐 위처럼 a를 선언해준다. 참고로 'use strict'는 ECMAScript5부터 추가 되었다. 올바른 범위 안에서 작업할 수 있도록 'use strict' 사용하기! 참고: 드림코딩 by 엘리 https://www.youtube.com/watch?v=tJieVCgGzhs&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&..

2020. 11. 19.

😺 Study/JavaScript, jQuery

*안에 를 만나서 html 분석을 멈추고 필요한 js파일을 서버에서 다운(fetching js)받아서 실행(executing js)하고 다시 html 분석 > 단점: js파일이 무겁거나 사용자의 pc가 좋지 않다면 웹 사이트를 이용하는데 많은 시간이 소요된다. //1. > async[에이싱크]는 boolean type[불리언 타입]이기 때문에 선언한 것만으로도 true로 설정됨. 마찬가지로 parsing html(html 분석)하다가 병렬로 js파일 실행명령만 해놓고 다시 html 분석. js파일 다운 완료되면 분석을 멈추고 다운된 js파일 실행. 그리고 나머지 html 실행함. > 장점: 분석과 다운이 병렬로 이루어져 시간 절약 > 단점: 필요한 html이 분석되기 전에 js가 먼저 실행. js파일이 ..

2020. 10. 24.

😺 Study/JavaScript, jQuery

API application programming interface > 브라우저가 이해할 수 있는 함수들 Node.js와 웹 API는 같은 콘솔을 쓰기 때문에 둘 다 출력이 가능하다. 브라우저의 console 창에서도 간단한 js 출력 가능 console.log('Hello'); //Hello 출력됨 //그냥 Hello만 입력시 '아직 Hello가 정의되지 않았다~' 오류 메시지 뜸 var Hello; //Hello 정의 Hello=10; //Hello에 10 할당 //Hello 다시 입력하면 10 출력 p.s 브라우저의 Source 탭은 디버깅할 때 유용하다. 브라우저의 Network 탭은 오고 간 데이터 양 확인 가능하다. *공식 사이트 ecma-international.org > 보기 어려운 편 d..

2020. 10. 24.

😺 Study/JavaScript, jQuery

1993 웹 브라우저 '모자이크' 탄생 이전에도 몇 가지의 브라우저가 있었지만 최초로 대중적인 성공을 거둔 웹 브라우저 1994 - UI 요소가 가미된 Netscape Navigator 시장에서 80% 점유율 차지(마크 앤더슨) - 동적인 요소 고민 - 브랜든 아이크의 sheme언어(스킴 프로그래밍 언어)*를 java와 가미해 10일 안에 새로운 언어 Livescript 출시(돔 요소 조작) *스킴 프로그래밍 언어(Scheme)는 함수형 프로그래밍과 절차적 프로그래밍을 지원하는 다중패러다임 프로그래밍 언어 - java의 인기가 높아지자 Livescript가 인기를 얻기 위해 javascript로 이름을 변경 1995 Netscape사에서 만든 js를 MS에서 쓰기 위해 jscript로 씀 1997 ECM..

2020. 10. 16.