HTTP란 무엇일까요? (번역)
·
개발/Internet
HTTP란 HyperText Transfer Protocol의 약자로, WWW(World Wide Web)에서 사용되는 프로토콜을 의미합니다. HTTP는 메시지 구성 및 전송 방식과 다양한 명령에 대한 웹 서버와 브라우저의 응답 방식을 규정합니다. 예를 들어, 브라우저에 URL을 입력할 경우 이는 웹 서버에 HTTP 명령을 전송하는 것입니다. 웹 서버는 프로토콜을 따라 요청된 웹 페이지를 사용자에게 전송합니다. HTTP와 Stateless HTTP는 Stateless하며 이는 각 명령이 이전의 명령과 무관하게 독립적으로 실행된다는 의미입니다. 이것이 사용자의 입력값에 지능적으로 반응하는 웹 사이트를 구현하는 것이 어려운 이유이며, 이와 같은 HTTP의 단점으로 인해 자바, 자바스크립트, 쿠키 등이 등장했..
인터넷의 작동 원리는 무엇일까?
·
개발/Internet
인터넷은 웹의 핵심 기술로, 각 컴퓨터가 통신 프로토콜을 사용해 정보를 주고 받는 컴퓨터 네트워크다. 이러한 인터넷은 구체적으로 어떠한 원리를 바탕으로 작동하는 것일까? 인터넷의 이해 인터넷(Internet)이라는 단어를 Inter-net으로 나눠보자면, 내부 망이라는 뜻이다. 인터넷의 사전적 정의는 '컴퓨터들이 연결된 통신망'이다. 지금에는 와이파이와 같은 '혁신'적인 기술이 등장했지만, 내가 초딩이었던 시절만 해도 전화선에 종량제 모뎀 인터넷 선을 연결해 인터넷을 하곤 했다. 그러다 어머니께서 몇 시간 째 집 전화가 통화중인 이유를 내게 물으셨을 때 나는 고요히 라이코스의 웹사이트를 닫곤 했다. 어쨌거나. 이처럼 하나 이상의 컴퓨터가 통신하기 위해서는 서로간의 연결이 필요한데, 이러한 연결을 통해 형..
Node.js 터미널로 자바스크립트 파일 실행하기
·
개발/Node.js
Node.js 터미널로 자바스크립트 파일을 실행하는 방법을 정리해 보려 합니다. 이를 위해서는 먼저, Node.js가 설치되어 있어야 하는데요. 이후 터미널을 실행하고, 자바스크립트 파일이 위치한 경로로 이동해 파일을 실행하면 됩니다. 상세 과정은 다음과 같습니다. 실행하고자 하는 파일이 Desktop > Nodejs 내 test.js 이라고 해보겠습니다. 터미널에 다음과 같은 명령어를 통해 디렉토리를 이동합니다. cd ~/Desktop/Nodejs 잠시 명령어를 살펴보자면, cd 는 디렉토리 변경 명령어 이며 ~ 는 기본 사용자 선택, 이후는 해당 하위 폴더의 경로를 의미합니다. 디렉토리가 제대로 변경되었는지 확인하려면 pwd 명령어를 사용하면 됩니다. 폴더 내 파일의 리스트들을 보려면 ls -al 명..
Node.js와 브라우저의 차이점 (번역)
·
개발/Node.js
Node.js와 브라우저의 차이점은 무엇일까요? Node.js와 브라우저는 모두 프로그래밍 언어로 자바스크립트를 사용합니다. 그러나 브라우저에서 실행되는 앱을 만드는 것과 Node.js 앱을 만드는 것은 완전히 다른 일입니다. Node.js와 브라우저 모두 언제나 자바스크립트를 사용하지만, 몇 가지 차이점은 현격한 차이를 만들어 냅니다. 브라우저에서는 대부분 DOM 또는 쿠키와 같은 다른 웹 플랫폼 API와 상호작용하게 됩니다. 물론, Node.js에는 그런 것들이 존재하지 않습니다. Node.js에는 브라우저에서 제공되는 document, window과 같은 다른 객체들이 존재하지 않습니다. 그러나 브라우저에는 Node.js가 모듈을 통해 제공하는 파일 접근 기능과 같은 API들이 없습니다. 또 다른 ..
자바스크립트 기본 개념 공부 내용 정리
·
개발/JavaScript
1. 자바스크립트 기초 자바스크립트란? 자바스크립트 변수란? 자바스크립트 데이터 유형 자바스크립트 표현식과 연산자 자바스크립트 논리 연산자 2. 자바스크립트 함수 자바스크립트 함수란? 자바스크립트 화살표 함수 자바스크립트 고차 함수란? 자바스크립트 returing과 mutating이란? 자바스크립트 스코프란? 자바스크립트 함수 호이스팅이란? 3. 자바스크립트 객체와 메소드 자바스크립트 배열 속성 및 메소드 자바스크립트 객체란? 자바스크립트 객체 인스턴스란? 자바스크립트 map이란? 4. 자바스크립트 조건문 자바스크립트 if 조건문이란? 5. 자바스크립트 반복문 자바스크립트 for ... in 구문 정리 자바스크립트 do while 반복문이란? 6. 자바스크립트 이해 객체 지향 프로그래밍이란? 자바스크립트..
자바스크립트 호이스팅이란?
·
개발/JavaScript
자바스크립트에서 호이스팅(hoisting)이란 무엇일까? 호이스팅을 이해하려면 스코프의 개념과 전역 변수, 지역 변수의 의미를 이해해야 한다. 이번 포스팅에서는 변수 호이스팅과, var, let, const 키워드의 사용, 함수 호이스팅에 대해 정리해 보려 한다. 자바스크립트 변수 호이스팅 자바스크립트는 기본적으로 위에서 아래로 차례차례 코드를 실행해 간다. 따라서 변수를 선언하기 전에, 변수를 호출하면 오류가 발생해야 한다. 그러나 자바스크립트의 호이스팅 기능은 모든 변수 선언문이 해당 스코프의 최상단으로 끌어 올려 처리한다. console.log(bear); // undefined bear = "A market is in bearish trend."; console.log(bear); // "A ma..
Returing과 Mutating 차이점 (정리 중)
·
개발/JavaScript
returning과 mutating의 차이를 보자. 아래의 push 메소드는 기존의 배열을 mutating 하고, 값도 return한다. let pets = [ {name: "Meowsalot", species: "cat", age: 2}, {name: "Barksalot", species: "dog", age: 3}, {name: "Purssloud", species: "cat", age: 8} ] pets.push({name: "Puppster", species: "dog", age: 1}) console.log(pets); returing은 새로운 배열을 반환하는 것이고 mutating은 기존의 배열을 변화시키거나 수정하는 것이다. 그러나 push와 다르게 mutating하지 않는 메소드가 있다. ..
자바스크립트 고차 함수(higher-order function)란?
·
개발/JavaScript
자바스크립트에서 고차 함수란 (1) 함수를 아규먼트로 받거나 (2) 함수를 결과로 리턴하는 함수다. (1) 함수를 아규먼트로 받는 고차 함수의 예 document.addEventListener("click", greeting); function greeting() { return alert("Hello, world!") } (2) 함수를 결과로 리턴하는 고차 함수의 예 function creatMultiplier(multiplier) { return function(x) { return x * multiplier } } let doubleMe = creatMultiplier(2); let tripleMe = creatMultiplier(3); let quadrupleMe = creatMultiplier(..