Archive

「Log of Web Study」
2022

리액트 Route를 Code Splitting으로 개선하기

동적 Import를 활용한 초기 로딩 속도 개선


2021

React Compound로 컴포넌트 설계하기 (2)

React Component 조합 및 Render props 사용하기


React Compound로 컴포넌트 설계하기 (1)

React Component 조합 및 제어역전 알아보기


64-bit Oracle Client library cannot be loaded in mac

mac에서 oracle사용시 발생하는 에러 해결


맥에 오라클 설치하기

docker를 사용하여 맥에 오라클 설치!


React Context API 사용하기

Context API란 ?!


React Hooks 만들어 사용하기

custom hooks를 사용하여 코드 재사용하기


worker 일시켜보기

web worker 사용하여 일시키기


React useReducer

useReducer 를 사용하여 상태 업데이트 로직 분리하기


좋은 Component란?

좋은 React Component 설계란


SPA가 왜 나왔을까?

SPA 발전 과정


Next 학습 (1)

Next.js 시작하기


Next 학습 (2)

Next.js 추가설정


두개 뽑아서 더하기

프로그래머스 코딩 테스트 - level 1


BigQuery with Python

파이썬에서 Big Query 사용하기


Presto with Python

파이썬에서 프레스토로 query 사용하기


Elastic Search 기초

Elastic Search 개념 학습하기


Typescript + WebGL (2)

WebGL 기초 (1)


Typescript + WebGL (1)

gts, webpack으로 vanilla Typescript 세팅하기


EC2 git pull 자동화

git hooks로 pull 자동화


EC2 자동화 user data 작성하기

cloud-init으로 자동화 스크립트 실행


lambda에서 zappa를 사용하여 flask 설치하기


EC2에 pycharm으로 sftp 원격 연결하기

로컬에서 ec2 인스턴스 코드 수정 반영하기


구글 로그인 사용하기

구글 Oauth 사용하기


database EK FK ER 모델

frontend 면접 대비 컴퓨터 기초


database 색인

frontend 면접 대비 컴퓨터 기초


2020

database 파티셔닝, 샤딩

frontend 면접 대비 컴퓨터 기초


database 리플리케이션

frontend 면접 대비 컴퓨터 기초


database 다중화

frontend 면접 대비 컴퓨터 기초


database 기초

frontend 면접 대비 컴퓨터 기초


database 트랜잭션

frontend 면접 대비 컴퓨터 기초


database 정규화

frontend 면접 대비 컴퓨터 기초


database 무결성

frontend 면접 대비 컴퓨터 기초 학습


탐색 알고리즘

frontend 면접 대비 컴퓨터 기초 학습


network 기초

frontend 면접 대비 컴퓨터 기초 학습


process와 thread

frontend 면접 대비 컴퓨터 기초 학습


객체지향 vs 함수형

frontend 면접 대비 컴퓨터 기초


frontend 면접 대비 이벤트 위임 학습

javascript 이벤트 위임


frontend 면접 대비 javascript 학습

javascript 기본 지식


frontend 면접 대비 REST API

REST API란


frontend 면접 대비 ajax와 비동기

async과 await


frontend 면접 대비 HTTP, HTTPS, 버전 비교

HTTP vs HTTPS, versions


frontend 면접 대비 브라우저 저장소란?

웹 스토리지 (로컬, 세션, 쿠키)


frontend 면접 대비 스크립트 로드 시점 변화

script 태그의 async, defer


frontend 면접 대비 브라우저 렌더링 과정

브라우저 렌더링