Coder Social home page Coder Social logo

hoonie-log's Introduction

hoonie-log ๐Ÿ“

๐Ÿ”— hoonie-log ๋ฐ”๋กœ๊ฐ€๊ธฐ

hoonie-log๋Š” Next.js์™€ Supabase๋กœ ๋นš์€ ๋ธ”๋กœ๊ทธ์ž…๋‹ˆ๋‹ค.

ํŒจ์น˜๋…ธํŠธ

v0.1.0: ๋”ฐ๋ˆ๋”ฐ๋ˆํ•˜๊ฒŒ ๋ฐฐํฌ๋œ hoonie-log๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”. ํ˜„์žฌ๋Š” ๊ฐ„๋‹จํ•œ ๋””์ž์ธ๋งŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ธฐ๊ฐ„

!์ž์„ธํ•œ ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„์€ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. 2024. 5. 3. ~ 6. 8.

๋ชฉํ‘œ

  • ํ…์ŠคํŠธ ์—๋””ํ„ฐ ๊ธฐ๋Šฅ์„ ํฌํ•จํ•œ ๋‚˜๋งŒ์˜ ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ
  • ์ „์ž์ฑ…์„ ์ฝ๋Š”๋‹ค๋Š” ๋Š๋‚Œ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๋””์ž์ธ ๊ตฌํ˜„ํ•˜๊ธฐ
  • ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ํ†ตํ•ด ๊ด€๋ฆฌ์ž๊ฐ€ ๊ธ€์„ ์ž‘์„ฑ, ์ˆ˜์ •, ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ธฐ

๊ธฐ๋Šฅ

๐Ÿ‘ฅ ๊ณตํ†ต ๊ธฐ๋Šฅ

  • ๋ธ”๋กœ๊ทธ์— ์ž‘์„ฑ๋œ ๋œ ๊ธ€์„ ์ฝ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋Œ“๊ธ€์„ ๋‚จ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์›ํ•˜๋Š” ๊ธ€์„ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ผ์ดํŠธ, ๋‹คํฌ ๋ฐ ์‚ฌ์šฉ์ž ๊ธฐ๊ธฐ์—์„œ ์‚ฌ์šฉ์ค‘์ธ ํ…Œ๋งˆ๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿง‘๐Ÿปโ€๐Ÿ’ผ ๊ด€๋ฆฌ์ž ๊ธฐ๋Šฅ

  • OAuth 2.0์„ ์‚ฌ์šฉํ•ด ๋Œ€์‹œ๋ณด๋“œ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋Œ€์‹œ๋ณด๋“œ์—์„œ ๊ธ€์„ ์ž‘์„ฑํ•˜๊ณ , ์ˆ˜์ •ํ•˜๊ณ , ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ธ”๋กœ๊ทธ ํ†ต๊ณ„๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ธŒ๋žœ์น˜ ์ „๋žต๊ณผ ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

๋ธŒ๋žœ์น˜ ์ „๋žต

!๋ธŒ๋žœ์น˜ ์ „๋žต์€ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

Git-Flow

์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

Conventional Commits๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜์„ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

ํƒ€์ž… ์„ค๋ช…
chore ๋นŒ๋“œ ์—…๋ฌด ์ˆ˜์ •, ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € ์ˆ˜์ •, production code์™€ ๋ฌด๊ด€ํ•œ ๋ถ€๋ถ„
comment ์ฃผ์„ ์ถ”๊ฐ€ ๋ฐ ๋นˆ๊ฒฝ
design CSS ๋“ฑ ์‚ฌ์šฉ์ž UI ๋ณ€๊ฒฝ
docs ๋ฌธ์„œ ์ˆ˜์ •
feat ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€
fix ๋ฒ„๊ทธ ์ˆ˜์ •
refactor ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง
remove ํŒŒ์ผ, ํด๋” ์‚ญ์ œ
rename ํŒŒ์ผ ํ˜น์€ ํด๋”๋ช…์„ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ์˜ฎ๊ธฐ๋Š” ์ž‘์—…๋งŒ ํ•˜๋Š” ๊ฒฝ์šฐ
revert ์ด์ „ ์ปค๋ฐ‹์œผ๋กœ ๋˜๋Œ๋ฆฌ๋Š” ์ž‘์—…
style ์ฝ”๋“œ ํฌ๋งทํŒ…, ์„ธ๋ฏธ์ฝœ๋ก  ๋ˆ„๋ฝ, ์ฝ”๋“œ ๋ณ€๊ฒฝ์ด ์—†๋Š” ๊ฒฝ์šฐ
test ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋ฆฌํŒฉํ† ๋ง ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ถ”๊ฐ€

๊ฐœ๋ฐœ ํ™˜๊ฒฝ


!๊ฐœ๋ฐœ ํ™˜๊ฒฝ์€ ์—…๋ฐ์ดํŠธ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

ํด๋” ๊ตฌ์กฐ

!ํด๋” ๊ตฌ์กฐ๋Š” ์—…๋ฐ์ดํŠธ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค

hoonie-log
โ”œโ”€ .eslintrc.json
โ”œโ”€ package-lock.json
โ”œโ”€ package.json
โ”œโ”€ postcss.config.mjs
โ”œโ”€ public
โ”‚  โ”œโ”€ apple-icon.png
โ”‚  โ”œโ”€ favicon.ico
โ”‚  โ”œโ”€ fonts
โ”‚  โ”‚  โ”œโ”€ RIDIBatang.otf
โ”‚  โ”‚  โ””โ”€ pretendard_variable.woff2
โ”‚  โ”œโ”€ icons
โ”‚  โ”‚  โ”œโ”€ icon-arrow_up.svg
โ”‚  โ”‚  โ”œโ”€ icon-bars.svg
โ”‚  โ”‚  โ”œโ”€ icon-calendar.svg
โ”‚  โ”‚  โ”œโ”€ icon-clock.svg
โ”‚  โ”‚  โ”œโ”€ icon-github.svg
โ”‚  โ”‚  โ”œโ”€ icon-linkedin.svg
โ”‚  โ”‚  โ”œโ”€ icon-mail.svg
โ”‚  โ”‚  โ”œโ”€ icon-share.svg
โ”‚  โ”‚  โ”œโ”€ icon-x.svg
โ”‚  โ”‚  โ””โ”€ logo.png
โ”‚  โ”œโ”€ opengraph-image.png
โ”‚  โ””โ”€ profile.jpg
โ”œโ”€ src
โ”‚  โ”œโ”€ app
โ”‚  โ”‚  โ”œโ”€ blog
โ”‚  โ”‚  โ”‚  โ”œโ”€ [slug]
โ”‚  โ”‚  โ”‚  โ”‚  โ””โ”€ page.tsx
โ”‚  โ”‚  โ”‚  โ””โ”€ page.tsx
โ”‚  โ”‚  โ”œโ”€ components
โ”‚  โ”‚  โ”‚  โ”œโ”€ Calender.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Clock.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Footer.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Giscus.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Github.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Header.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Linkedin.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ Mail.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ PostAbstarctItem.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ PostAbstarctList.tsx
โ”‚  โ”‚  โ”‚  โ”œโ”€ PostBody.tsx
โ”‚  โ”‚  โ”‚  โ””โ”€ PostHeader.tsx
โ”‚  โ”‚  โ”œโ”€ craft
โ”‚  โ”‚  โ”‚  โ”œโ”€ [slug]
โ”‚  โ”‚  โ”‚  โ”‚  โ””โ”€ page.tsx
โ”‚  โ”‚  โ”‚  โ””โ”€ page.tsx
โ”‚  โ”‚  โ”œโ”€ globals.css
โ”‚  โ”‚  โ”œโ”€ layout.tsx
โ”‚  โ”‚  โ”œโ”€ not-found.tsx
โ”‚  โ”‚  โ””โ”€ page.tsx
โ”‚  โ”œโ”€ interfaces
โ”‚  โ”‚  โ””โ”€ post.ts
โ”‚  โ”œโ”€ lib
โ”‚  โ”‚  โ”œโ”€ api.ts
โ”‚  โ”‚  โ””โ”€ constants.ts
โ”‚  โ””โ”€ posts
โ”‚     โ”œโ”€ blog
โ”‚     โ”‚  โ”œโ”€ content.md
โ”‚     โ”‚  โ””โ”€ test-1.md
โ”‚     โ””โ”€ craft
โ”‚        โ””โ”€ content4.md
โ”œโ”€ tailwind.config.ts
โ””โ”€ tsconfig.json

์ฐธ๊ณ ํ•œ ์ž๋ฃŒ

๐Ÿ”— Next.js Portfolio with Blog
๐Ÿ”— ๋ฆฌ๋””๋ฐ”ํƒ•์ฒด
๐Ÿ”— Pretendard Variable

hoonie-log's People

Contributors

starcradle101 avatar

Watchers

 avatar

hoonie-log's Issues

Feat: ๊ด€๋ฆฌ์ž ์ธ์ฆ ๊ธฐ๋Šฅ ๊ตฌํ˜„

๐Ÿ–จ๏ธ Description

Supabase Auth๋ฅผ ํ™œ์šฉํ•œ ์‚ฌ์šฉ์ž ์ธ์ฆ ๊ตฌํ˜„์„ ์œ„ํ•œ ์ด์Šˆ์ž…๋‹ˆ๋‹ค.

๐Ÿ“ To-do

  • Supabase์™€ ํ”„๋กœ์ ํŠธ ์—ฐ๋™
  • Supabase ํด๋ผ์ด์–ธํŠธ ๊ตฌํ˜„
  • ์ธ์ฆ ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ๋ฏธ๋“ค์›จ์–ด ๋ฐ ์œ ํ‹ธ๋ฆฌํ‹ฐ ํ•จ์ˆ˜ ๊ตฌํ˜„
  • ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ๊ตฌํ˜„
  • ํ…Œ์ŠคํŠธ ๋Œ€์‹œ๋ณด๋“œ ํŽ˜์ด์ง€ ๊ตฌํ˜„

๐Ÿง‘๐Ÿปโ€๐Ÿ’ป ETC

  • Footer ์ปดํฌ๋„ŒํŠธ์™€ not-found ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ๋งˆํฌ์—… ์ผ๋ถ€ ์ˆ˜์ •

Design: ๋Œ€์‹œ๋ณด๋“œ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„

๐Ÿ–จ๏ธ Description

๋Œ€์‹œ๋ณด๋“œ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„์„ ์œ„ํ•œ ์ด์Šˆ์ž…๋‹ˆ๋‹ค.

๐Ÿ“ To-do

  • Route groups๋ฅผ ํ™œ์šฉํ•œ ๋ธ”๋กœ๊ทธ/๋Œ€์‹œ๋ณด๋“œ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๋ถ„๋ฆฌ
  • ๋Œ€์‹œ๋ณด๋“œ ๋ฉ”์ธ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„
  • ๊ธ€์“ฐ๊ธฐ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„
  • ์ž‘์„ฑ ๊ธ€ ๋ชฉ๋ก ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„

๐Ÿง‘๐Ÿปโ€๐Ÿ’ป ETC

  • ๊ธฐํƒ€ ์‚ฌํ•ญ์€ ์ถ”ํ›„ ์ถ”๊ฐ€ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.