React 컴포넌트에는 lifeCycle이 존재한다. 컴포넌트 수명은 페이지에 렌더링되기 전 준비과정에서 시작하여 페이지에서 사라질 때 끝난다. 마운트 DOM이 생성되고 웹 브라우저상에 나타나는 것을 마운트 라고 한다. constructor…
서버리스 서버에서 처리하는 작업을 클라우드 기반의 서비스로 처리해서 서버 구축 및 관리 비용을 줄이는 구조. Faas (Function-as-a-Service) 함수를 서비스로 제공하는 형태. 등록한 함수는 특정 이벤트가 발생했을 때만 실행된다. ex…
이번 주 내내 Hexo로 만든 블로그를 Gatsby로 마이그레이션 하는 작업을 했다. Hexo도 나름 편했지만 테마를 원하는 대로 새로 만들거나 커스터마이징 하기 좀 어렵다는 단점이 있었다. 그러다가…
시험이 저번주 일요일에 끝나서 이제야 후기를 적는다. 친구가 어디서 봤는지 이런 컨퍼런스가 있다고 같이 가자며 GDG FRONT-ENDGAME 컨퍼런스 festa…
…
TypeScript + create-react-app으로 생성된 프로젝트에 Next.js를 적용해보자. create-next-app 이라는 훌륭한 보일러플레이트 도구가 있으니 이걸로 프로젝트를 새로 생성해서 작업하던 것을 다 옮겨도 되지만 Next…
CSR 서버 측에서 HTML, JS, 리소스를 다운로드 한 후 브라우저에서 View를 렌더링하여 보여주는 방법. 초기 로딩을 제외하면 서버에 view를 요청할 필요가 없으므로 화면 전환이 빠름. 초기 로딩속도 느림. SEO…
tsconfig.json tsconfig.json 파일은 프로젝트를 컴파일 하는데 필요한 루트 파일과 컴파일러 옵션을 지정한다. JSON schema for the TypeScript compiler's configuration file…
연쇄 행렬 곱셈 문제 n개의 행렬을 연쇄적으로 곱할 때 최적의 곱셈 순서를 구하는 문제. 즉 최소의 기본 곱셈 횟수를 가진 행렬의 곱셈 순서를 구하는 문제이다. i x j 행렬과 j x k 행렬을 곱하는데에는 i x j x k…
피보나치 수열 f(0) = 0. f(1) = 1. f(n) = f(n - 1) + f(n -2), n >= 2. 피보나치 수열은 정의 자체가 최적성의 원리가 성립되는 점화식이므로 바로 동적 프로그래밍 방법을 적용할 수 있다. 2 이상인 n에 대해 f…
