일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 1주차
- 화살표함수
- 자바스크립트는왜그모양일까
- Todo
- WIL
- 4주차
- DOM
- OS
- 쿠키
- JS
- javaScript기초
- 완강
- computerscience
- 항해99
- 알고리즘
- 5주차
- CSS
- HTML
- 버킷리스트
- CS
- 숙제
- react
- javascript
- Til
- 실전프로젝트
- OperatingSystem
- 생각정리
- 스터디
- chapter2
- 3주차
- Today
- Total
목록전체 글 (64)
개발캡슐
캐시(Cache) 캐시(Cache) - 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 말해. - 문서의 사본을 자동으로 보관하는 HTTP 장치라고도 할 수 있지. ex) 웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면, 그 문서는 원서버가 아니라 앞서 미리 저장된 캐시로부터 제공되는 거야. - 웹 프론트엔드에선 응답 데이터의 사본을 저장하는 공간이라고 해. - 속도를 위해 용량을 절충하는 캐시는 일반적으로 데이터의 하위 집합을 일시적으로 저장해. 보통 완전하고 영구적인 데이터가 있는 데이터베이스와는 대조적이야. - 웹 브라우저는 크게 2가지 방법으로 캐싱을 해. 거기엔 메모리 캐시와 디스크 캐시가 있어. => 둘 중에 어떤 방식이 사용되는 가는 파일 사이즈에 따라 브라우저 자체..
프레임워크? 라이브러리? 프레임워크(Framework) 정해진 메뉴얼, 룰을 제공해. 개발할 때 필수적인 코드와 알고리즘같은 기능을 제공하는데 이때 그 룰을 지켜야하지. 클래스와 라이브러리가 합쳐진 구조이고, 이런 협업 형태를 제공 해. 프레임워크 내에서 클래스와 라이브러리를 사용하면 되는 거지. 예를 들면, 부트스트랩, 앵귤러, 뷰가 여기에 해당 돼. 라이브러리(Library) 어떤 특정한 기능을 구현하기 위해 미리 만들어진 함수들의 집합이야. 필요할 때 자유롭게 사용할 수 있는 일종의 도구이지. 라이브러리를 사용하더라도 프레임워크가 정한 방식에 따라야 하는데, 어떻게 사용할지는 개발자가 정할 수 있어. 예를 들면, 리액트와 제이쿼리가 여기에 해당 돼. 프레임워크와 라이브러리의 차이점 - 제어 흐름의 ..
매개변수(Parameter)와 인자(Argument) 그림을 보자면, x 와 y는 매개변수(Parameter, 인자)에 해당하고 함수를 정의할 때 사용되는 변수야. 그리고 add(2, 5)에서 2와 5를 전달인자(argument, 인수)라고 부르고 파라미터(매개변수)에 할당되는 값을 말해. 정리 매개변수 - 함수를 정의할 때 사용되는 변수 - 함수의 특별한 성질을 나타내는 변수. 인수 - 실제로 함수가 호출될 때, 넘기는 변수값 - 함수에 인풋으로 들어온 데이터 function plus(num1, num2){ return num1 + num2; } //num1과 num2는 parameter(매개변수) plus(10, 20); // 10, 20은 argument(인자) - 매개변수와 인수가 일치하지 않느 ..
Hoisting(호이스팅)? TDZ? Hoisting(호이스팅) 호이스팅은 함수 안에 정의된 변수의 선언문을 해당 함수 유효 범위(scope)의 최상단으로 끌어올려서 선언하는 것처럼 보이는 현상이야. *인터프리터(interpreter)가 선언을 하기 전에 "변수와 함수의 메모리 공간"을 "미리 할당"하는 걸 의미해. 변수나 함수를 선언하기 이전에 사용할 수 있기 때문에 가능한 거지. 그래서 끌어 올려지는 것처럼 보이는 거고. '선언과 할당의 분리'라고 생각하면 기억하기 편해. 즉, 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 거야. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있단 얘기지. -> 다만, 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야..
"브라우저"란? 우리가 흔히 인터넷에 접속할 때 사용하는 Chrome(크롬), Safari(사파리), Firefox(파이어폭스), Internet Explorer(익스플로러) 등을 말해. 브라우저는 유저가 선택한 자원을 서버로부터 받아와서 유저에게 보여줘. 이 자원은 페이지 외에도 이미지, 비디오 등의 컨텐츠들도 포함 돼. 받아 온 자원들을 렌더링 과정을 통해 유저에게 보여주게 되지. "렌더링" 되는 과정에서 렌더링이란? HTML, CSS, 자바스크립트 등으로 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말해. 브라우저인 크롬, 사파리, 파이어폭스들마다 다르지만, 그 브라우저들은 렌더링을 수행하는 렌더링 엔진을 가지고 있어. 크롬은 블링크, 사파리는 웹킷, 파이어폭스는 게코라는 렌더링 엔진을 사용..