분류 전체보기79 rxjs 안녕하세요! 오늘은 RxJS를 사용하여 TV 웹앱을 개발하는 과정과 그 경험을 공유하고자 합니다. 저는 최근에 RxJS를 활용해 TV 웹앱을 만들었고, 그 과정에서 얻은 지식을 여러분과 나누고 싶습니다. 이 블로그 포스트에서는 RxJS가 무엇인지, TV 웹앱 개발에 어떻게 활용할 수 있는지, 그리고 개발 과정에서 겪은 주요 도전과 해결 방법을 설명하겠습니다. ### RxJS란 무엇인가? RxJS(Reactive Extensions for JavaScript)는 비동기 프로그래밍을 단순화하고 더 쉽게 관리할 수 있도록 도와주는 라이브러리입니다. RxJS는 데이터 스트림과 관찰자 패턴을 활용하여 이벤트를 처리하고, 복잡한 비동기 로직을 간결하게 작성할 수 있게 해줍니다. ### RxJS의 주요 개념 1. *.. 2024. 6. 28. seo with google SEO(검색 엔진 최적화, Search Engine Optimization)는 웹사이트를 검색 엔진의 검색 결과 상위에 표시되도록 최적화하는 과정을 의미합니다. 이를 통해 웹사이트의 가시성을 높이고, 더 많은 방문자를 유도할 수 있습니다. SEO는 크게 온페이지(On-page)와 오프페이지(Off-page)로 나눌 수 있으며, 각각의 전략이 필요합니다. 온페이지 SEO 온페이지 SEO는 웹사이트 내부에서 수행되는 최적화 작업을 말합니다. 여기에는 다음과 같은 요소들이 포함됩니다: 1. **키워드 리서치(Keywords Research)** - 목표 키워드를 선정하고, 이를 웹사이트의 콘텐츠에 적절히 배치하는 과정입니다. 키워드는 검색 엔진에 의해 색인될 때 중요한 역할을 합니다. 2. **메타 태그(Me.. 2024. 6. 21. [tailwindcss] cookie darkmode with nextjs nextjs에서 cookie를 활용해서 darkmode를 적용 했다. 브라우저에서 먼가를 저장할수 있는 곳은 localstorage, sessionstorage, cookie, history를 활용 할 수 있다. 이중 쿠키를 사용한 이유는 다음과 같다. * localstorage를 사용할 경우 SSR에서는 localstorage에 접근 할 수 없다. client side로딩 시점에 localstorage를 로드해서 theme를 적용하면 로딩 딜레이가 있기 때문에, 화면이 깜빡이는 현상이 발생하게 된다. 화면이 깜빡임 없이 theme를 적용하기 위해 cookie는 좋은 방안이다. nextjs SSR에서 cookie에 접근이 가능하기 때문이다. import { cookies } from 'next/heade.. 2023. 1. 6. [next.js] version 13, head.js twitter card, 또는 sns에 웹페이지를 공유 할때 미리보기 기능이 제공된다. 이것을지원 하기 위해서는 CSR에서는 방법을 찾지 못하였다. 플랫폼에서 자바스크립트 로딩을 지원하지 않기 때문이다. nextjs 13에서는 head를 사용 하는 방법이 변경 되었다. head에서 데이터를 로드해 필요한 내용을 출력할수 있다. In the pages directory, the next/head React component is used to manage ) } After: app/head.tsx export default function Head() { return ( My Page Title ) } 2023. 1. 6. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음
