yceffort

frontend engineer

react

March 11 2020typescript javascript react

NextJS 1. Page & Route

요즘 리액트를 쓰는 많은 프로젝트에서, SSR을 지원하기 위해 [nextjs](https://nextjs.org/)를 쓰고 있다. 초기 로딩 속도나, SEO 지원 이슈 등 등 때문에 아무래도 SPA는 요즘 트렌드에서 많이 밀린 기분이다. 물론 [razzle](https://github.com/jaredpalmer/razzle) 을 쓰거나 custom ser...

Read

January 14 2020react javascript typescript

React count down에서 배운 event-emitter 와 requestAnimationFrame

# 리액트에서 카운트 다운을 만들며 배운 것들 리액트에서 카운트 다운을 만든다고 가정해보자. 가장 먼저 생각나는대로, 빠르게 구현한다면 아래와 같은 느낌이 될 것이다. https://codepen.io/yceffort/pen/BayPyNe 하지만 이 코드는 한가지 문제를 가지고 있다. ## setInterval, setTimeout `setInte...

Read

December 30 2019diary react

블로그 개편했습니다. 😎

주말에 집구석에 혼자 오래있을 일이 있어서, 생각난 김에 블로그를 개편했습니다. 이 전에는 hexo 기반으로 만들어진 블로그를 작업했는데, hexo 생태계가 관리가 잘 안되고 있는 건지 플러그인이나 기능들이 제대로 동작을 안하더군요. wordpress -> ??? -> github pages -> hexo -> gatsby 까지 벌써 개편만 한 다섯번 쯤...

Read

October 14 2019react typescript algorithm javascript

리액트 텍스트 하이라이트 만들기

## 요구사항 한 엘리먼트안에서 특정한 키워드를 다른 색싱으로 바꿔서 출력하는 것이다. 아래 예시를 살펴보자 ### before ```jsx <Text>카카오 페이지 카카오 스토리 카카오톡</Text> ``` ### after ```jsx <Text> <Text color="blue">카카오 </Text>페이지 <Text color="bl...

Read

August 20 2019javascript react

리액트 면접 질문 모음 (2)

[목차](/2019/08/13/reactjs-interview-questions/) # table of contents ```toc tight: true, from-heading: 2 to-heading: 3 ``` ## React Router ### What is React Router? React Router는 리액트 최상단에 있는 강력한 라우...

Read

←

→