react5 listitem [Markdown 다루기 with Marked, Tailwind CSS] 사용 라이브러리 https://marked.js.org/ https://tailwindcss.com/ itemlist itemlist 예를 들면 li 같은 태그에서 이렇게 동그라미가 나와야 하는데 나오지 않는다면, marked에서 지원하는 use를 사용해 custom class를 적용 할 수 있다. Marked + Tailwind CSS에서 사용 예제이다. const renderer = { listitem(text, task, checked) { return `${text}`; }, }; marked.use({ renderer }); const parse = marked.parse(body); 위의 예제와 같이 listitem의 li에 tailwind css를 적용해주는 예제이다. 위처럼 적용하면 li태.. 2022. 12. 22. react-intersection-observer for loading more data(스크롤 데이터 로딩) https://github.com/thebuilder/react-intersection-observer#readme GitHub - thebuilder/react-intersection-observer: React implementation of the Intersection Observer API to tell you when an eleme React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. - GitHub - thebuilder/react-intersection-observer: React implementation of the Inter... git.. 2022. 12. 22. Stack Overflow Trends [ vue.js vs react] React, Angular, Vue.js https://insights.stackoverflow.com/trends?tags=angular%2Creactjs%2Cvue.js 웹서비스를 만드는데 대표적으로 비교되는 라이브러리 및 프레임워크 입니다. 먼저 스택오버플로우 트랜드 차트를 간단히 살펴 보는게 의미가 있습니다. 큰 흐름에서 보면, 실제 사용과 유사한 트렌드를 보여주고있다고 판단 됩니다. React의 대세 흐름은 앞으로도 유지 될 것으로 보입니다. 오픈소스 프로젝트를 보면, 거이 대부분 react로 작성된 것을 볼 수 있습니다. 해외에서 사용량이 역시 많아 보입니다. 또한 대규모 프로젝트인경우 react로 진행하는 경우가 많습니다. Vue vs React Angular는 추세적으로 프로젝트에서 사용 .. 2022. 12. 16. Typescript + Router Typescript npm install --save typescript @types/node @types/react @types/react-dom @types/jest https://create-react-app.dev/docs/adding-typescript Router npm install --save react-router-dom https://create-react-app.dev/docs/adding-a-router 2022. 7. 5. 이전 1 2 다음
