본문 바로가기

분류 전체보기

 (66)
[Web] CSR, SSR, SSG CSRCSR이란?Client Side Rendering의 약자로, 클라이언트 측에서 웹 페이지를 렌더링하는 방식이다. 동작 방식1. 사용자가 웹 페이지에 방문한다.2. 서버는 클라이언트에게 빈 HTML 파일과 JS bundle 파일을 보낸다.3. 클라이언트는 받은 HTML 파일에 있는 JS 번들 파일을 다운로드한다. (이때 사용자는 텅 빈 화면을 보게 된다.)4. 다운로드가 완료된 JS 파일을 해석하고 실행한다.5. 페이지를 렌더링한다.장점처음에 모든 스크립트를 불러왔기 때문에 페이지 전환 시 브라우저가 새 페이지를 로드하지 않고 기존 페이지를 업데이트하기 때문에 빠른 페이지 전환이 가능하다.서버는 클라이언트에게 데이터를 전달하기만 하면 되고, 렌더링은 클라이언트에서 처리되므로 서버의 부담이 줄어든다.단..
[824 스터디] JS 5주차 | 스코프 / 전역 변수의 문제점 / let, const 키워드와 블록 레벨 스코프 모던 자바스크립트 Deep Dive 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 합니다. 하지만 자바스크립트는 더 이상 제한적인 용도의 프로그래밍 언어가 아닙니다. 오랜 변화를 거쳐 이제 자바스크립트는 프런트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 명실상부한 범용 애플리케이션 개발 언어로 성장했습니다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 하며, 이 책은 자바스크립트의 기본 개념과 동작 원리를 깊이 있게 학습하고자 하는 독자를 위해 기획되었습니다. 《모던 자바스크립트 Deep Dive》에서는 ..
[824 스터디] JS 4주차 | 객체 리터럴 / 원시 값과 객체의 비교 / 함수 모던 자바스크립트 Deep Dive 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 합니다. 하지만 자바스크립트는 더 이상 제한적인 용도의 프로그래밍 언어가 아닙니다. 오랜 변화를 거쳐 이제 자바스크립트는 프런트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 명실상부한 범용 애플리케이션 개발 언어로 성장했습니다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 하며, 이 책은 자바스크립트의 기본 개념과 동작 원리를 깊이 있게 학습하고자 하는 독자를 위해 기획되었습니다. 《모던 자바스크립트 Deep Dive》에서는 ..
[824 스터디] JS 3주차 | 연산자 / 제어문 / 타입 변환과 단축 평가 모던 자바스크립트 Deep Dive 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 합니다. 하지만 자바스크립트는 더 이상 제한적인 용도의 프로그래밍 언어가 아닙니다. 오랜 변화를 거쳐 이제 자바스크립트는 프런트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 명실상부한 범용 애플리케이션 개발 언어로 성장했습니다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 하며, 이 책은 자바스크립트의 기본 개념과 동작 원리를 깊이 있게 학습하고자 하는 독자를 위해 기획되었습니다. 《모던 자바스크립트 Deep Dive》에서는 ..
[824 스터디] JS 2주차 | 변수 / 표현식과 문 / 데이터 타입 모던 자바스크립트 Deep Dive 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 합니다. 하지만 자바스크립트는 더 이상 제한적인 용도의 프로그래밍 언어가 아닙니다. 오랜 변화를 거쳐 이제 자바스크립트는 프런트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 명실상부한 범용 애플리케이션 개발 언어로 성장했습니다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 하며, 이 책은 자바스크립트의 기본 개념과 동작 원리를 깊이 있게 학습하고자 하는 독자를 위해 기획되었습니다. 《모던 자바스크립트 Deep Dive》에서는 ..
[824 스터디] JS 1주차 | 프로그래밍과 자바스크립트란? 모던 자바스크립트 Deep Dive 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 합니다. 하지만 자바스크립트는 더 이상 제한적인 용도의 프로그래밍 언어가 아닙니다. 오랜 변화를 거쳐 이제 자바스크립트는 프런트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 명실상부한 범용 애플리케이션 개발 언어로 성장했습니다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 하며, 이 책은 자바스크립트의 기본 개념과 동작 원리를 깊이 있게 학습하고자 하는 독자를 위해 기획되었습니다. 《모던 자바스크립트 Deep Dive》에서는 ..
[JS] JSON JSON이란? JavaScript Object Notation의 줄임말로 자바스크립트 언어의 문법을 빌려서 만들어진 데이터 포맷이다. 서버와 클라이언트 간에 자료를 주고받으려면 양쪽 컴퓨터 모두 이해할 수 있는 형식을 사용해야 하는데 이때 JSON이 필요하다. 자료 표현 방식으로는 JSON 이외에 XML, CSV 등이 있는데 작성하기가 어렵고 용량이 커서 현재는 JSON을 많이 사용하고 있다. JSON의 특징 1. 텍스트로만 구성되어 있어서 서버와 클라이언트 사이에서 주고받을 때 빠르게 전송된다. 2. 프로그래밍 언어나 플랫폼에 대해 독립적이어서 C언어나 자바, 파이썬 등 많은 언어에서 사용할 수 있다. 3. 자바스크립트 사용자라면 누구나 알고 있는 표기법을 사용하므로 읽기도 쉽고 필요에 따라 자바스크립..
[JS] 단축 평가 && 연산자 &&연산자는 왼쪽 피연산자가 falsy값일 때 왼쪽 피연산자를, 왼쪽 피연산자가 truthy값일 때 오른쪽 피연산자를 반환한다. null && 'Dog'; // null 'Cat' && 'Dog'; // 'Dog' || 연산자 ||연산자는 왼쪽 피연산자가 falsy값일 때 오른쪽 피연산자를, 왼쪽 피연산자가 truthy값일 때 왼쪽 피연산자를 반환한다. null || 'Dog'; // 'Dog' 'Cat' || 'Dog'; // 'Cat' 단축 평가 &&연산자와 ||연산자는 이와 같이 특정 조건을 검사하고 피연산자의 평가 결과를 그대로 반환하는데 이를 단축 평가라고 부른다. 단축 평가 표현식 평가 결과 true || any true false || any any true && any any ..

티스토리툴바