Skip to content

Commit d08c5d0

Browse files
committed
update post
1 parent b72e95a commit d08c5d0

File tree

11 files changed

+27
-21
lines changed

11 files changed

+27
-21
lines changed

content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,16 @@ tags:
55
- study
66
- clone
77
createdAt: 2025-06-13 11:29:34
8-
modifiedAt: 2025-06-30 21:27:02
8+
modifiedAt: 2025-07-01 15:59:57
99
publish: 프로젝트/당근마켓 클론코딩
1010
related: ""
1111
series: ""
1212
---
1313

1414
# 당근마켓 클론코딩
1515

16+
![당근마켓 클론코딩 랜딩](_assets/attachments/당근마켓%20클론코딩/carrot-landing.png)
17+
1618
NomadCoders의 [당근마켓 클론코딩](https://nomadcoders.co/carrot-market/) 강의를 수강하며 Next.js와 Tailwind CSS 그리고 Prisma에 대한 복습과 해당 내용을 블로그에 올리는것을 목표로 한다.
1719

1820
- [레포지토리](https://github.com/lazy-dinosaur/carrot-market-clone)

content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ tags:
44
- carrot-market
55
- study
66
createdAt: 2025-06-30 08:48:51
7-
modifiedAt: 2025-06-30 21:29:31
7+
modifiedAt: 2025-07-01 16:01:14
88
publish: 프로젝트/당근마켓 클론코딩
99
related:
1010
- "[[당근마켓 클론코딩]]"
@@ -13,6 +13,8 @@ series: ""
1313

1414
# 당근마켓 클론코딩으로 Next.js 복습하기
1515

16+
![nextjs landing](_assets/attachments/당근마켓%20클론코딩/nextjs-landing.png)
17+
1618
## 앱 라우터 기본 구조
1719

1820
Next.js는 폴더구조를 총해 라우트 경로를 정의한다.

content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ tags:
55
- study
66
- tailwind
77
createdAt: 2025-06-14 15:04:37
8-
modifiedAt: 2025-06-30 21:37:33
8+
modifiedAt: 2025-07-01 16:00:35
99
publish: 프로젝트/당근마켓 클론코딩
1010
related:
1111
- "[[당근마켓 클론코딩]]"
@@ -14,6 +14,8 @@ series: ""
1414

1515
# 당근마켓 클론코딩으로 Tailwind 복습하기
1616

17+
![tailwind landing](_assets/attachments/당근마켓%20클론코딩/tailwind-landing.png)
18+
1719
기본적으로 ide에서 제대로된 tailwind를 사용하기 위해서는 tailwindintellisense를 설치해야 한다.
1820
neovim의 경우 lazyvim을 통해 쉽게 설정이 가능하다. `:LazyExtra` 로 추가 플러그인 설치 창을 열고 `lang.tailwind`를 선택하여 설치하면 손쉽게 설정이 끝난다.
1921

public/link-map.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
{
22
"0.inbox/가상DOM의 원리.md": "자원/React/가상DOM의 원리",
3-
"0.inbox/Youtube로 피그마 배우기-Day1.md": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
43
"3.resource/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기.md": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
54
"3.resource/Windows/Windows에 환경변수 설정하기.md": "자원/Windows/Windows에 환경변수 설정하기",
65
"3.resource/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기.md": "자원/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기",
@@ -49,6 +48,7 @@
4948
"3.resource/Web/CSS/CSSOM(CSS Object Model).md": "자원/웹개발/CSSOM(CSS Object Model)",
5049
"2.area/블로그/Archive로 이동시킨 노트들을 블로그에 포스팅할때 문제.md": "영역/블로그/Archive로 이동시킨 노트들을 블로그에 포스팅할때 문제",
5150
"2.area/개발/내가 1년간의 리눅스 개발 여정을 끝내고 윈도우와 맥으로 돌아온 이유.md": "영역/개발/내가 1년간의 리눅스 개발 여정을 끝내고 윈도우와 맥으로 돌아온 이유",
51+
"1.project/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1.md": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
5252
"1.project/Youtube로 피그마 배우기/Youtube로 피그마 배우기.md": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기",
5353
"1.project/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기",
5454
"1.project/당근마켓 클론코딩/당근마켓 클론코딩.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩",

public/meta-data.json

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,6 @@
1010
"modifiedAt": "2025-06-17 14:39:39",
1111
"publish": "자원/React"
1212
},
13-
{
14-
"urlPath": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
15-
"title": "Youtube로 피그마 배우기-Day1",
16-
"summary": "",
17-
"image": "",
18-
"tags": ["project", "figma", "study"],
19-
"series": "",
20-
"createdAt": "2025-07-01 14:25:50",
21-
"modifiedAt": "2025-07-01 15:57:34",
22-
"publish": "프로젝트/Youtube로 피그마 배우기"
23-
},
2413
{
2514
"urlPath": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
2615
"title": "크롬 확장프로그램에 케시메모리 추가하기",
@@ -549,6 +538,17 @@
549538
"modifiedAt": "2025-06-30 08:59:46",
550539
"publish": "영역/개발"
551540
},
541+
{
542+
"urlPath": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
543+
"title": "Youtube로 피그마 배우기-Day1",
544+
"summary": "",
545+
"image": "",
546+
"tags": ["project", "figma", "study"],
547+
"series": "",
548+
"createdAt": "2025-07-01 14:25:50",
549+
"modifiedAt": "2025-07-01 15:57:34",
550+
"publish": "프로젝트/Youtube로 피그마 배우기"
551+
},
552552
{
553553
"urlPath": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기",
554554
"title": "Youtube로 피그마 배우기",
@@ -568,7 +568,7 @@
568568
"tags": ["project", "carrot-market", "study", "tailwind"],
569569
"series": "",
570570
"createdAt": "2025-06-14 15:04:37",
571-
"modifiedAt": "2025-06-30 21:37:33",
571+
"modifiedAt": "2025-07-01 16:00:35",
572572
"publish": "프로젝트/당근마켓 클론코딩"
573573
},
574574
{
@@ -579,7 +579,7 @@
579579
"tags": ["project", "carrot-market", "study", "clone"],
580580
"series": "",
581581
"createdAt": "2025-06-13 11:29:34",
582-
"modifiedAt": "2025-06-30 21:27:02",
582+
"modifiedAt": "2025-07-01 15:59:57",
583583
"publish": "프로젝트/당근마켓 클론코딩"
584584
},
585585
{
@@ -590,7 +590,7 @@
590590
"tags": ["project", "carrot-market", "study"],
591591
"series": "",
592592
"createdAt": "2025-06-30 08:48:51",
593-
"modifiedAt": "2025-06-30 21:29:31",
593+
"modifiedAt": "2025-07-01 16:01:14",
594594
"publish": "프로젝트/당근마켓 클론코딩"
595595
},
596596
{
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"content": "\n# 당근마켓 클론코딩\n\nNomadCoders의 [당근마켓 클론코딩](https://nomadcoders.co/carrot-market/) 강의를 수강하며 Next.js와 Tailwind CSS 그리고 Prisma에 대한 복습과 해당 내용을 블로그에 올리는것을 목표로 한다.\n\n- [레포지토리](https://github.com/lazy-dinosaur/carrot-market-clone)\n\n## 프로젝트트 생성\n\nnext.js로 프로젝트를 생성한다.\n\n- npx\n\n ```bash\n npx create-next-app@latest\n ```\n\n- bun\n\n ```bash\n bun create next-app\n ```\n\n 기본 셋업을 통해 프로젝트를 생성하면 기본적으로 tailwindcss가 설치되어 기본적으로 사용할 수 있다.\n\n - [[당근마켓 클론코딩으로 Tailwind 복습하기]]\n - [[당근마켓 클론코딩으로 Next.js 복습하기]]\n - [[당근마켓 클론코딩으로 Zod 배우기]]\n",
2+
"content": "\n# 당근마켓 클론코딩\n\n![당근마켓 클론코딩 랜딩](_assets/attachments/당근마켓%20클론코딩/carrot-landing.png)\n\nNomadCoders의 [당근마켓 클론코딩](https://nomadcoders.co/carrot-market/) 강의를 수강하며 Next.js와 Tailwind CSS 그리고 Prisma에 대한 복습과 해당 내용을 블로그에 올리는것을 목표로 한다.\n\n- [레포지토리](https://github.com/lazy-dinosaur/carrot-market-clone)\n\n## 프로젝트트 생성\n\nnext.js로 프로젝트를 생성한다.\n\n- npx\n\n ```bash\n npx create-next-app@latest\n ```\n\n- bun\n\n ```bash\n bun create next-app\n ```\n\n 기본 셋업을 통해 프로젝트를 생성하면 기본적으로 tailwindcss가 설치되어 기본적으로 사용할 수 있다.\n\n - [[당근마켓 클론코딩으로 Tailwind 복습하기]]\n - [[당근마켓 클론코딩으로 Next.js 복습하기]]\n - [[당근마켓 클론코딩으로 Zod 배우기]]\n",
33
"plainContent": "NomadCoders의 당근마켓 클론코딩 강의를 수강하며 Next.js와 Tailwind CSS 그리고 Prisma에 대한 복습과 해당 내용을 블로그에 올리는것을 목표로 한다.\n레포지토리\nnext.js로 프로젝트를 생성한다.\nnpx\nbun\n기본 셋업을 통해 프로젝트를 생성하면 기본적으로 tailwindcss가 설치되어 기본적으로 사용할 수 있다.\n당근마켓 클론코딩으로 Tailwind 복습하기]]\n[[당근마켓 클론코딩으로 Next.js 복습하기]]\n[[당근마켓 클론코딩으로 Zod 배우기"
44
}

public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.
376 KB
Loading
22.3 KB
Loading

0 commit comments

Comments
 (0)