뇌 채우기 공간

import React, {useCallback, useEffect, Suspense, lazy } from "react"; import { ConnectedRouter } from "connected-react-router"; import { Route, Switch, useLocation } from "react-router-dom"; import { history } from "../redux/configStore"; //... import NotFound from "../pages/NotFound"; function App() { return ( //... ); } export default App; 다른 페이지들은 path를 지정해주는데 Notfound는 path를 지정 안해주면 됨! 다음 게시..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

JavaScript에서 변수 선언 방식인 var, let, const 의 차이점에 대해 알아보자. var let const 중복선언 O X X 호이스팅 O O O 재할당 O O X 선언과 초기화 초기화를 안해도 undefined 초기화를 안하고 참조하면 TDZ구간 선언과 동시에 초기화 해야함 스코프 함수레벨 블록레벨 블록레벨 [변수 선언] 자바스크립트에서 변수가 무엇인가? 변수(variable): 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 자바스크립트는 managed language 이기 때문에 개발자가 직접 메모리를 제어하지 못한다. 그래서 변수를 통해서 값에 접근을 한다. 변수명은 변수의 값이 아닌 메모리 주소를 기억한다. 그리고 변수명으로 부..

2021.09.28 - [WEB/Java Script] - [Java Script] async 비동기처리/ Callback과 콜백 지옥에 대해 알아보자! [Java Script] async 비동기처리/ Callback과 콜백 지옥에 대해 알아보자! [동기와 비동기] 자바스크립트는 동기적인 언어이다. 호이스팅이 된 이후부터 작성된 코드 순서대로 동기적으로 실행된다는 것이다. 호이스팅이란? var 변수와 function declaration이 자동적으로 맨 sso-feeling.tistory.com 2021.09.29 - [WEB/Java Script] - [Java Script] Promise / 비동기처리에 대해 알아보자 [Java Script] Promise / 비동기처리에 대해 알아보자 2021.09..

[async - await] promise를 더욱 간결하고, 간편하게, 동기적으로 실행되는 것 처럼 보이도록 만들어주는 것이다. 새로운 것이 추가된 것이 아니라 조금 간편한 api를 제공하는 것이므로 syntatic sugar이라고 말한다. 무조건 async가 좋고 promise로 대체해야한다는 것은 아니다. 자바스크립트는 동기적으로 실행되기 때문에 만약에 유저 데이터를 받아오는 기능이 10초가 걸린다면 비동기 처리를 하지 않으면 그 밑에서 ui를 그려주는 함수를 10초동안 실행하지 않는다. 그런 현상을 없애기 위해서 비동기처리를 하여 다른 함수가 실행될 동안 밑의 함수를 실행시키는 것이다. //1. async async function fetchUser(){ return 'ellie'; //자동으로 p..

2021.09.28 - [WEB/Java Script] - [Java Script] async 비동기처리/ Callback과 콜백 지옥에 대해 알아보자! [Java Script] async 비동기처리/ Callback과 콜백 지옥에 대해 알아보자! [동기와 비동기] 자바스크립트는 동기적인 언어이다. 호이스팅이 된 이후부터 작성된 코드 순서대로 동기적으로 실행된다는 것이다. 호이스팅이란? var 변수와 function declaration이 자동적으로 맨 sso-feeling.tistory.com 이전글에서 콜백함수에 대해 알았다면 Promise에 대해 알아보자! [예시] 온라인 강의가 완성되기 전에 수업등록을 해놓을 수 있다고 치자. 영희는 수업이 완성되기 전에 수업등록을 해놓아서 며칠 기다렸다가 온라인..

[동기와 비동기] 자바스크립트는 동기적인 언어이다. 호이스팅이 된 이후부터 작성된 코드 순서대로 동기적으로 실행된다는 것이다. 호이스팅이란? var 변수와 function declaration이 자동적으로 맨 위에 올라가는 것 async는 비동기적으로 언제 코드가 실행될지 모르는 것 대표적으로 settimeout이 있다. (브라우저에서 제공되는 api) 지정된 시간이 지나면 콜백 함수를 실행한다. [callback이란?] 콜백이란 다른 함수가 실행을 끝낸 뒤 실행되는 함수를 말한다. 자바스크립트에서 함수는 object인데, 이 때문에 함수는 다른 함수의 인자로 쓰일 수도 있고 어떤 함수에 의해 리턴될 수도 있다. 이때 인자로 넘겨지는 함수를 콜백 함수라고 한다. [동기와 비동기에서 callback] 나중..

[ HTTP(Hyper Text Transfer Protocol)란? ] HTTP(Hyper Text Transfer Protocol)란 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다. 통신규약이라는 것은 내가 이렇게 줄테니까 너도 이렇게 보내!라고 약속을 한 것이다. HTTP 기본적으로 요청/응답 (request/response) 구조로 되어있다. 클라이언트가 HTTP request를 서버에 보내면 서버는 HTTP response를 보내는 구조. 클라이언트와 서버의 모든 통신이 요청과 응답으로 이루어 진다. HTTP는 Stateless 이다. Stateless 란 말그대로 state(상태)를 저장하지 않는 다는 뜻. 즉, 요청이 오면 그에 응답을 할뿐, 여러 요청/응답 끼리 연결되어..

아래 정보의 출처는 : IT좀 아는 사람 책의 내용입니다. 브라우저의 렌더링 과정에 대해서 알아보겠습니다. 요약 웹사이트 주소 웹사이트를 이야기 하기 전에 건물 주소에 대해 생각해보자. 모든 건물에는 위치를 쉽게 찾을 수 있도록 만든 고유한 주소가 존재한다. 강남로 234 에 가라고 하면 모든 사람이 똑같은 곳에 도착할 것이다. 웹페이지도 건물처럼 저마다 https://google.com 같은 고유한 주소가 있다. 그래서 누구나 쉽게 똑같은 웹 페이지에 도착할 수 있다. 이런 형태의 웹 페이지 주소를 표준형 자원 위치 식별자 uniform resource locator 줄여서 URL이라고 부른다. 원래 URL은 https://google.com인데 줄여서 google.com 이라고 입력해도 브라우저는 다..