HTTP란? 브라우저 위에서 동작하고 있는 웹 사이트나 웹 어플리케이션과 같은 클라이언트들이 어떻게 서버와 통신 할 수 있는지를 정의 한 것 HTTP는 Hypertext Transfer Protocal의 약자로서 어떻게 이 Hypertext를 주고 받을 수 있는지를 규약한 프로토콜의 하나이다. HTTP는 클라이언트가 서버에게 데이터를 request(요청) 할 수 있고 서버는 클라이언트가 요청한 것에 따라서 response(응답)을 클라이언트에 보내주는 이런 방식으로 진행되는 것을 의미한다. 여기서 Hypertext는 웹사이트의 링크들만 이야기하는것이 아니라 전반적으로 쓰여지고 있는 리소스들 문서나 이미지 파일들 이런 것들을 다 포함해서 말한다. 이렇게 HTTP를 이용해서 서버에게 데이터를 요청해서 받아올..
🦖 var,let,const 의 역사 var,let 키워드는 변수를 선언할때 사용하고 const 키워드는 상수를 선언할때 사용한다. Let과 Const는 2015년 ES6 에 탄생한 문법이다. 그 이전에는 변수와 상수 구분없이 Var키워드를 사용했었다. ❓왜 Let 과 Const가 탄생하게 된것일까? Var와 Let은 변수를 선언할때 사용하는 키워드이다. 변수이기 때문에 값을 변경 할 수 있다. 얼핏보면 같은 느낌이지만 그렇지 않다. 🆚 Var와 Let의 차이점은 크게 3가지가 있다. 1️⃣ 스코프 (Scope) 2️⃣ 중복 선언 (Variable redeclatation) 3️⃣ 호이스팅 (Hoisting) 📌 스코프 자바스크립트에서 스코프란 코드가 변수에 접근할 수 있는 범위를 뜻한다. ✅ 스코프의 ..
📌 type 7 + '7' = '77' // 숫자 + 문자 = 문자 7 - '4' = 0 // 숫자 - 문자 = 숫자 7 + true = 8 // true를 1로 취급 '7' + true = '7true' // true를 문자로 취급 이런 별난 상황도 존재! 이런 별난 특성을 암기하지말고, 기본에 충실한 베이직한 코딩 습관을 기르자.. 나만 힘들어진다. 📌 const 변수선언 키워드 const 의 가장 큰 특징은 "재할당이 금지된다." 이다. 헷갈릴만한 특징들을 정리해보겠다. 1️⃣ "'const'로 선언된 배열의 경우 새로운 요소를 추가하거나 삭제할 수 있다." const arr = []; const pushnum = 7; arr.push(pushnum); console.log(arr) // [7] /..
📌 원시 자료형(primitive data type) 객체가 아니면서 method를 가지지 않는 6가지의 타입 = string, number, bigint, boolean, undefined, symbol, (null) ✅ 원시 자료형 특징 1) 변수 하나당 하나의 데이터만을 담는다. 2) 원시 자료형은 고정된 크기의 보관함(stack)에 담긴다.'stack'이라는 저장공간에 변수이름과 데이터가 함께 저장된다. 3) 원시 자료형이 변수에 할당될 때 값(value) 자체가 담긴다. 4) 원시 자료형 데이터를 복사할 때, 복사본을 수정해도 원본데이터에는 영향을 주지 않는다.(immutable) let A = 1; B = A; B;//1 B = 9; A;//1 B;//9 변수 A에 담긴 원시 자료형을 B에 복..
📌 배열 복사하기 배열을 새로운 변수에 할당해도 배열이 복사되지는 않습니다. 새로운 변수에는 원본 배열을 가리키는 참조만 할당되며, 원본 배열의 값을 바꾸면 새 변수에서도 그 변경점이 반영됩니다. let array1 = [1,2,3] let array1Reference = array1; array1[1] = 9; console.log(array1Reference); // Array [1,9,3] - array1의 변화가 array1Reference에도 나타남 - 복사본이 아님 배열의 복사본을 만들기 위해서는 새 배열을 위한 변수를 생성하고, 원본 배열 각각의 원시 요소에 대해서도 새로운 변수를 생성해야 합니다. (변수를 원시 값으로 초기화하면 참조를 할당하지 않고 값을 복사합니다.) JavaScript에..
🌼 GUI (Graphical User Interface) 그림이나 아이콘, 버튼 등을 통해 소통하는 방식이다. 우리가 마우스를 통해서 컴퓨터에서 어떤 작업을 할 때 그때의 환경을 GUI라고 한다. GUI 방식은 CLI에 비해 접근성이 좋아 GUI 방식의 도입으로 컴퓨터가 널리 활용되게 되었다. 🌼 CLI (Command Line Interface) CLI는 글자의 입출력을 통해 사용자와 컴퓨터 간 소통하는 방식이다. 초창기 컴퓨터가 발명되었을 때는 마우스가 없었기 때문에 자연스럽게 CLI 방법을 사용하였는데 CLI는 GUI와 다르게 새로운 언어를 배우는 것처럼 배워서 사용해야 해 진입 장벽이 있다. ❓개발자가 GUI 보다 CLI 환경을 더 선호하는 이유? 1) 성능 : CLI를 사용하면 Graphic ..
함수 내부에서의 console.log( )와 return 차이 function z ( a,b ) { console.log(a+b) } 이렇게하고 z ( 1,2 ) 를 불러오면 콘솔창에 3과 undefined 가 뜹니다. undefined가 뜨는 이유는, function z 안에 값이 담겨져 있지 않기 때문입니다. function z ( a,b ) { return a+b } 을 해준다면, function z 안에 a+b라는 값이 담겨지면서 콘솔창에 3만 뜨게 됩니다. console.log(2) 는 console 에 2를 출력을 하기 위함이고, return 2는 함수에서 2를 반환하기 위함이다. 콘솔에서 보이는건 같겠지만 예를 들어 2에다가 2를 더한 값을 출력한다고 해보자. function returnNu..
✅ undefined 해당 변수가 비어있는 상태임을 나타낸다. 아예 정의가 되지 않은 값이다. boolean으로 형변환이 일어나는 경우 false가 된다. const foo; console.log(foo); // undefined console.log(typeof foo); // "undefined" console.log(!foo); // true ✅ null 정의는 되어있음에도 비어있음을 의미하는 값이다. boolean으로 형변환이 일어나는 경우 false가 된다. const bar = null; console.log(bar); // null console.log(typeof bar); // "object" console.log(!bar); // true null의 type이 "object" 인 것은 ..
