---
title: "#자바스크립트: #프레임워크 리엑트"
url: "https://notes.junghanacs.com/notes/20230718T104400"
author: "Junghan Kim"
date: "2023-07-18T10:44:00+09:00"
lastmod: "2024-12-01T06:30:00+09:00"
tags: ["framework","javascript"]
description: "리액트를 중심으로 자바스크립트 프레임워크와 디지털가든 풀스택 방향을 함께 고민해 둔 기록."
---

> [!abstract] 이 노트에 대하여
> 
> 리액트와 자바스크립트 프레임워크를 살피며 디지털가든과 글쓰기 서비스의 기술 기반을 생각한다. 단순 학습 메모가 아니라 왜 지금 풀스택 웹 구성이 필요한지까지 함께 묻는 기록이다.

## 히스토리

-   [2025-01-18 Sat 14:53] 디지털가든용 프레임워크가 아니라, 자바스크립터 프레임워크를 보면 된다.

## 관련메타

-   [† #자바스크립트 #타입스크립트](https://notes.junghanacs.com/meta/20230705T104600)
-   [† #SSG: #쿼츠 ¤Quartz](https://notes.junghanacs.com/meta/20241007T112300)로 통합해서 사용 중이기 때문.

## TL;DR

[2023-07-18 Tue 10:55]

-   다음 홈페이지는 tailwind-nextjs-starter-blog 로 새로 만든다
-   지금은 텍스트린터에 집중할 때이다.
-   동일 언어와 프레임워크로 통합하니 좋은 일이다.

## 질문

어디에서 시작해야 할까? 지금 시점에 풀스택 디지털 가든을 왜 만들어야 하는가? 어떻게 만들어야 하는가? 어디에서 시작해야 하는가? 그게 왜 나의 로드맵에서 중요한가?

## Next.js  -- tailwind-nextjs-starter-blog

## 왜 새 디지털 가든인가 - 텍스트 린터는?

[2023-07-18 Tue 10:53]

아 그럴 필요는 없다. 텍스트 Linter 작업도 있고 다 같은 자바스크립트라서 하나로 묶고 싶은데.

쉽게 하는 방법을 찾다보니 그런가.

어리석은 것. 텍스트 처리에 집중하는게 맞다.

## tailwind-nextjs-starter-blog : How-to

[2023-07-19 Wed 12:57]

$ npx degit <https://github.com/timlrx/tailwind-nextjs-starter-blog.git> my-blog $ npm start

바로 동작하는구나. 자바 스크립트로 사용해도 좋고.

## 키워드

[2023-07-18 Tue 10:46]

-   덴드럼 - 이맥스가 아니라면 스코드로 가고 덴드럼을 강력 추천하는게 맞지 않나 만약 퍼블리시를 어떻게 자동화 할 수 있는지는 간단하게 보이지는 않는다. 나는 여러 옵션을 경험하고 제공하는게 맞다.
-   리엑트 - 넥스트와 게츠비가 있다.

## 프레임워크 용어 정리

<https://namu.wiki/w/Tailwind%20CSS>

## Next.js 의 작동 방식 [번역] | GeekNews

<https://news.hada.io/topic?id=7999>

### 내가 Next.js 블로그를 시작한 배경 | thisyujeong.dev

<https://thisyujeong.dev/blog/created-process>