일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Linux apt-get
- Logback
- linux background
- Linux oh my zsh
- Linux ls
- Linux apt
- Linux rmdir
- Linux mkdir
- Linux 디렉터리 역할
- Linux 파일 관리 명령어
- AWS EC2 서버 만들기
- EC2 Apache2
- Linux pwd
- 자바스크립트 런타임
- EC2 oh my zsh
- 자바스크립트 이벤트 루프
- Linux 디렉터리 구조
- javascript scope
- EC2 HTTP 호스팅
- EC2 zsh
- Linux cd
- javascript 정렬
- Linux cat
- HTTP Web Server
- linux foreground
- JavaScript 실행 디버깅
- Linux 디렉터리 명령어
- JavaScript EventLoop
- 서버의 서비스 방식
- Navigation Pattern
- Today
- Total
목록JavaScript (36)
HyunJun 기술 블로그
1. Loops, 반복문이란? 프로그램 내에서 일정 횟수만큼 반복적인 명령을 필요로 하는 로직을 구현하려 할 때 사용하는 문법입니다. 프로그래밍언어라면 반복문 기능은 필수로 있어야 합니다. 대부분의 기능(알고리즘)을 구현할 때 반복문이 매우 자주 쓰이며 단연 가장 많이 쓰이는 문법이라고 생각합니다. 2. 구현하기 자바스크립트에서의 반복문은 for, for in, while, do while 등이 있습니다. 2-1. for문 for (초기식; 조건식; 증감식){ 조건식의 결과가 참이면 반복할 실행문 } for문 첫 실행 시 초기식을 조건식에 비교하고 참(true)이면 for문 내부 블록 실행문을 실행하게 됩니다. 두 번째 실행부터는, 기존 초기식 값에 증감식에 따라 증감을 진행하고 조건식을 비교하여 참이면..
1. 자바스크립트의 타입 자바스크립트는 동적 타입 언어로서 타입을 지정해 주지 않아도 되지만, 그렇다고 해서 타입이 없지는 않다. 해당 변수의 리터럴에 따라 동적(자동)으로 변수의 타입이 지정된다. 2. 리터럴(Literal)이란? 리터럴이란 자바스크립트뿐만 아닌 프로그래밍 전반에서 쓰이는 용어이다. 리터럴은 아래와 같다. const num = 1; // num은 상수이고 1은 10진수 정수 리터럴입니다. let str = '이름'; // str은 변수이고 '이름'은 문자열 리터럴입니다. const array = []; // [] = 배열 리터럴. const object = {}; // {} = 객체 리터럴. 2-1. 동적 타입 자바스크립트의 타입은 동적 타입으로 런타임 시점에 결정된다. // 동적 타..
1. hoisting, 호이스팅이란? JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않습니다. 2. 호이스팅 아래의 스크립트를 실행했을 때 undefined라는 결과가 나오는데 기존의 절차적으로 프로그래밍을 하던 방식에서는 이해할 수가 없는 결과가 나옵니다! 하지만 자바스크립트에서는 호이스팅 덕분에 가능합니다. var console.log(greeting); // 결과 : undefined var greeting = 'hello'; 2-1. var에 대한 ..
1. 느슨한 타입의 동적 언어(loosely typed, dynmaic) JavaScript의 변수는 어떤 특정한 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능하다. 첫 개발을 C -> 자바로 시작했던 저로서는 자바스크립트를 처음 접했을 때 쉽다고 느끼기도 했지만 헷갈리는 부분이 많았습니다. 각자의 장단점이 있겠지만 느슨한 타입의 언어는 처음에 배우기 쉽고, 타입에 자유로운 장점이 있지만 때로는 타입이 지정되어 있지 않기 때문에 헷갈리거나, 구현이 잘 안되는 부분도 존재합니다. 추가로 대표적인 느슨한 타입의 동적 언어로서는 Python이 있습니다. 2. 변수 JavaScript에서의 변수는 var, let, const를 사용합니다. 변수 선언: 변수를 정의하는 것을 의미합니다. v..
1. Script? 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있다. 이런 관점에서 보면 자바스크립트는 자바와는 매우 다른 언어이다. 브라우저에는 자바스크립트 가상 머신이라는 엔진이 탑재되어 있는데 해당 엔진이 스크립트를 읽어(파싱) 기계어로 전환(컴파일) 하고 전환된 코드가 실행됩니다. 2. Script 적용해 보기 index.html 일단은 HTML 태그보다는 Script 위주로 보자면, 안에 있는 스크립트가 먼저 실행되고, 가 그다음 적용이 되는데 자바스크립트는 이처럼 HTM..
1. 자바 스크립트? 기본적으로 자바처럼 여러 가지 응용프로그램을 구현할 수 있는 단일 언어로 성장한 것이 아닌, JavaScript는 정적인 언어인 HTML과 CSS로 만들어진 웹페이지를 동적으로 컨트롤하기 위한 언어이다. 자바와의 차이점은 아래와 같다. Java는 OOP 프로그래밍, JS는 OOP 스크립팅 언어이다. Java는 응용프로그램을 구현할 수 있다. JS는 브라우저에서만 실행된다. Java는 컴파일이 필요하다. JS 코드는 모두 텍스트이다. 2. Visual Studio Code 설치 JavaScript는 브라우저 환경에서 돌아간다는 특징이 있어, 크롬 브라우저 하나만 있어도 사실 코딩이 가능하지만 사실 매우 많은 라이브러리가 있고 편하게 코딩을 하기 위해 개발 환경을 구축하는 것이 필수이..