TIL

cloudfare에서 도메인 사고 vercel에 적용했는데 페이지에 들어가면 ERR_TOO_MANY_REDIRECTS 오류가 나는 상황https://www.retrotasker.com/ RetroTaskerYour To-Do List, Reimagined Featuring unlimited task creation, real-time deadline and day countdowns, collapsible layouts, and a unique feature to play your favorite YouTube tunes without disruption. Achieve more with a glance at what percentage of your tawww.retrotasker.com  cloudf..

컴포넌트 지향은 프론트 할 때 가장 기본이 되는 사고방식이다. 컴포넌트는 재사용 가능한 부품을 나타내고 컴포넌트 조합을 통해 ui를 구현하는 것이 컴포넌트 지향 방식이다. 컴포넌트 설계를 확실하는 것이 중요하다. 컴포넌트 설계의 장점은 재사용성과 가독성, 쉬운 테스트 이다. 컴포넌트는 가능한 추상적이어야 한다. 서비스나 기능 고유의 UI부품을 구현해버리면 재사용성이 낮아져 버려 컴포넌트의 장점을 얻을 수 없다. 예를 들어 소셜로그인 버튼을 구현한다고 하면, 버튼은 아이콘+버튼 컴포넌트로 이루어져 있다. 실제로 구현할때는 GoogleButton으로 만드는 것이 아니라 IconLabelButton이라는 미래의 다른 소셜연동을 지원할때 재사용할 수 있는 형태가 바람직하다. 각 종류의 인증을 모두 구현하는 것이..

nextJS는 웹 프런트엔드 라이브러리인 리액트를 기반으로 구현 및 개발되었다. 리액트를 기반으로 하지만, node js 서버의 기능도 일부 가지고 있다기존 리액트 애플리케이션은 모든 콘텐츠를 클라이언트 사이드인 브라우저에서 렌더링한다. 이는 리액트가 웹 프론트엔드에 최적화된 라이브러리이기 때문이다. nextjs를 사용하면 서버 사이드에서 렌더링되는 애플리케이션으로 만들 수 있다. nextjs는 리액트 자체만 사용할 때보다 개발하기 쉽다.  서버 사이드 렌더링서버에서 요청에 대한 page의 HTML 반환 장점- 사이트를 빠르게 표시할 수 있다- 서버에서 콘텐츠를 생성하므로 SEO 향상 단점- node.js와 같은 서버사이드 자바스크립트 실행환경이 필요하다- 서버 CPU부하가 증가- 서버와 클라이언트에서 ..