디노문경

비동기 처리의 이해 자바스크립트는 동기적(Synchronous)으로 동작하는 언어이다. 따라서 순차적으로 코드가 실행된다. 동기라는 단어는 동일한 기차길이라고 생각하면 이해하기 쉽다. (from 얄팍한 코딩사전) 우리가 집안일을 할 때, 세탁기를 돌려 놓고 다른 집안일을 하는 것(비동기)이 더 빠르게 일을 처리할 수 있는 것처럼 프로그램이 실행될 때도 비동기(Asynchronous) 처리를 해야 하는 상황이 존재할 수 있다. 예를 들어, 다음과 같은 코드는 work()함수가 종료되고 나서야 console.log('다음 작업')이 실행된다. 따라서, 만약 work() 함수가 굉장히 오래걸리는 함수라면 그동안 다른 코드들이 실행되지 못하므로 사용자가 불편을 느끼는 상황이 발생할 수 있다. 이런 경우에 wor..

yarn add http-proxy-middleware // src/setupProxy.js const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = (app) => { app.use( createProxyMiddleware('/v1/search/movie.json', { target: 'https://openapi.naver.com', changeOrigin: true, }), ); app.use( createProxyMiddleware('/api', { target: 'http://localhost:4000/', changeOrigin: true, }), ); }; 위와 같이 설정을 해주면 이제 리액트 애플..

불교: 자아의 실체 역사적 배경 불교는 어떻게 아시아에 영향을 미쳤나 싯다르타의 생애와 사상 출가와 깨달음 붓다의 가르침 고통의 원인과 해결 도대체 깨달았다는 것이 무엇이기에 그의 가르침이 2500년의 시간을 건너 우리에게까지 전해지는 것일까? 모든 종교와 사상에는 핵심 개념이 있음. 불교도 마찬가지. 단정적으로 말해서 불교의 근본 교리는 사성제와 팔정도라고 할 수 있음. 사성제는 고, 집, 멸, 도의 네 가지 진리를 말함. 1. 고성제는 고통으로 가득 차 있는 세계를 직시하는 것에서 시작. 8고는 인간 세계에서 겪게 되는 모든 고통을 의미. 생로병사(4가지) + 애별리고(헤어지는 고통) + 원증회고(미워하고 싫어하는 이들과 함께 있어야 하는 고통) + 구부득고(뜻대로 되지 않아 생기는 고통) + 오온성..

도가: 도리와 덕성 역사적 배경 신화와 역사의 경계는 어디인가 노자의 생애와 사상 탈속의 철학자 도덕경의 내용 우주의 질서와 내면의 질서 중간 정리 노자의 사상에서 우리가 주목해야 하는 점은 그의 사상이 독특하거나 특수한 무엇이 아니라는 것이다. 오늘날 한국에서 노자 사상은 일반적으로 인위를 거부한 무위의 삶에 대한 추구로 알려져 있다. 하지만 이러한 결론보다 더 중요한 것은 그가 왜 인위가 아닌 무위를 추구했는가에 있다. 그것은 노자가 우주의 질서와 내면의 질서를 일치시키고자 했기 때문이다. 아무것도 하지 않음에 집중한 것이 아니라, 내면에서 우주를 발견할 것을 우리에게 제안하고 있는 것이다. 그런 면에서 노자의 사상은 범아일여의 가르침과 같은 선상에 있다. 물론 그의 거대 사상과 가르침도 어떤 면에서..

베다: 우주와 자아 위대한 스승들 왜 그들은 축의 시대에 등장했는가 위대한 스승은 수많은 시대와 장소에서 탄생함. 그중에서 특히 경이로운 시기가 있었음. 지금으로부터 2500년 전, '축의 시대'라 불리는 시기가 도래한 것. 인도에서는 우파니샤드와 고타마 싯다르타 중국에서는 노자와 공자 고대 그리스에서는 소크라테스와 플라톤 이스라엘에서는 엘리야, 예레미야, 이사야 왜 하필이면 이 시기에 공통적으로 위대한 스승들이 거대 사상을 설파했는지 구체적으로 알 수는 없음. 다만 바로 앞선 시기가 세계 각지에서 급격한 도시화와 인구 증가를 겪은 격동의 시기였던 것만은 분명함. 도시 생활은 인간과 인간 사이의 물리적 거리를 좁혔고, 경제, 정치, 사회적 갈등을 증폭시켰으며, 이는 폭력과 전쟁으로 귀결됨. 어쩌면 축의 ..

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 24장 프런트엔드 프로젝트: 시작 및 회원 인증 구현 24장 프런트엔드 프로젝트: 시작 및 회원 인증 구현 앞으로 개발할 기능 회원가입/로그인 글쓰기 포스트 목록 보기/포스트 읽기 포스트 수정 및 삭제 프로젝트를 처음 만들고 나서 설계를 시작할 때 가장 먼저 무엇을 하면 좋을까요? 바로 리액트 라우터를 프로젝트에 설치하고 적용하는 것입니다. 앞으로 만들 라우트 컴포넌트 LoginPage RegisterPage WritePage PostPage PostListPage 라우터 적용 // src/pages/LoginPage.js import React from 'react'; const LoginPage = () => { ..

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 23장 JWT를 통한 회원 인증 시스템 구현하기 23장 JWT를 통한 회원 인증 시스템 구현하기 JWT의 이해 JWT는 JSON Web Token의 약자로, 데이터가 JSON으로 이루어져 있는 토큰을 의미함. 인증 방식에는 대표적으로 세션 기반 인증과 토큰 기반 인증이 존재함. 세션 기반은 서버에서 사용자가 로그인 중임을 기억. 만약 서버의 인스턴스가 여러 개가 된다면, 모든 서버끼리 같은 세션을 공유해야 하므로 세션 전용 데이터베이스를 만들어야 할 뿐 아니라 신경 써야 할 것도 많음. 토큰 기반은 로그인 이후 서버가 만들어 주는 문자열(토큰)(로그인 정보, 서버에서 발급되었음을 증명하는 서명 포함)을 사용자가 가지고..

인류: 인간과 문명 우리 우주의 시작 어떻게 빅뱅이론을 증명했을까 적색편이 현상 우주배경복사 빅뱅 이후의 역사 0초부터 138억 년 까지 시간적 측면 우리 우주의 크기 너무도 큰 공간 속 너무도 작은 존재 공간적 측면 지구의 탄생 충돌과 동반자 그리고 지질 시대 명왕누대 은생누대 현생누대 생명의 탄생 생명은 어떻게 시작되었나 화학적 진화론 (한계 존재) 중간 정리 우리 우주의 탄생은 138억 년 전의 대폭발과 함께 시작됐다. 빅뱅 이론은 20세기 초 허블이 천체들의 적색편이 현상을 관측함으로써 예측되었고, 펜지어스와 윌슨이 빅뱅의 흔적인 우주배경복사를 발견함으로써 오늘날의 정상과학으로 자리 자게 되었다. 이어서 우주를 시간적 측면과 공간적 측면으로 살펴보았다. 시간적 측면에서는 모든 물질과 에너지가 통합..

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 21장 백엔드 프로그래밍: Node.js의 Koa 프레임워크 22장 mongoose를 이용한 MongoDB 연동 실습 Koa Koa는 Express의 기존 개발 팀이 개발한 프레임워크. Express는 미들웨어, 라우팅, 템플릿, 파일 호스팅 등과 같은 다양한 기능이 자체적으로 내장되어 있는 반면, Koa는 미들웨어 기능만 갖추고 있으며 나머지는 다른 라이브러리를 적용하여 사용함. 그래서 Express 보다 훨씬 가벼움. // src/index.js const Koa = require('koa'); const app = new Koa(); app.use((ctx) => { ctx.body = 'hello world';..

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 19장 코드 스플리팅 19장 코드 스플리팅 CRA의 기본 웹팩 설정에는 SplitChunk라는 기능이 적용되어 node_modules에서 불러온 파일, 일정 크기 이상의 파일, 여러 파일 간에 공유된 파일을 자동으로 따로 분리시켜서 캐싱의 효과를 누릴 수 있게 해줌. 이렇게 파일을 분리하는 작업을 코드 스플리팅이라고 함. 하지만 프로젝트에 기본 탑재된 SplitChunks기능을 통한 코드 스플리팅은 단순히 효율적인 캐싱 효과만 있음. 예를 들어 페이지 A, B, C로 구성된 SPA를 개발한다고 했을 때, 사용자가 A 페이지에 방문했다면 B, C 페이지에서 사용하는 컴포넌트 정보는 필요하지 않음. (사용자가 B 또는 C..