yceffort

frontend engineer

browser

July 6 2020javascript web browser

주요 렌더링 경로 - 브라우저의 원리를 이해하고 최적화 하기

[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)를 요약했습니다. 이글을 보는게 더 나아요 사실 ```toc tight: true, from-heading: 2 to-heading: 3 ``` 성...

Read

January 21 2020browser web javascript typescript

자바스크립트에서 http 요청하기 - fetch에 대한 고찰

`toc tight: true, from-heading: 2 to-heading: 3 ` ## 1. 서론 자바스크립트에서 http 요청을 하는 것은 이제 비일비재한 일이 되었다. 서버에서 모든 데이터를 가져와서 static 한 html을 만들어서 보여주고 있는 웹페이지는 아마 찾기 어려울 것이다. 맨 처음 웹을 배울 때, jquery의 ajax ...

Read

January 9 2020browser web javascript

Chrome Samesite 쿠키 정책

# 문제의 시작 지난 주말, 엄청나게 급하게 빠른 속도로 프로젝트를 heroku에 올릴 일이 있었다. DB도 새로만들어야하고, 로그인도 필요한 사이트라 DB는 Heroku의 Clean DB를, 로그인은 [google sign-in for websites](https://developers.google.com/identity/sign-in/web)을 사용하...

Read

September 29 2019browser javascript

브라우저 히스토리 조작

## 브라우저 히스토리 브라우저의 히스토리는 `window.history`안에 있다. `History {length: 3, scrollRestoration: "auto", state: null}` `length`만 가져올 수 있을 뿐, 실제 내부에 리스트는 가져올 수가 없는데 이는 보안상의 문제 때문이다. `window.history.back()` ...

Read

August 12 2019browser

koa-nextjs-react-typescript-boilerplate

[github repository](https://github.com/yceffort/koa-nextjs-react-typescript-boilerplate) nextjs와 react 만 깔끔하게 쓰고 싶지만, 그러기엔 현실적인 문제가 몇가지 있다 ...

Read

←

→