Acoustic Cafรฉ Music Playlist | Cheerful Healing Songs for Work & Study


๐ŸŽž️ Cassette Days — Songs from the Past, Playing Again

The songs that once stayed inside the cassette are spinning once more.
Under the glow of an old radio light, we hear the voice of first love again —
a gentle night returning to the soft emotions of the 70s & 80s old pop era.

Welcome to our cozy radio cafรฉ — chillchillchillfm & 777fm.
Soft acoustic and gentle pop tunes that warm your heart like a cup of coffee.

๐ŸŽถ Cafรฉ BGM & Healing Music | 7080 Old Pop / Soft Cafรฉ Vibes
Wrap your day in sunlight-soft pop, jazzy tones, and lo-fi soul —
music that warms your morning and softly winds down your night.

๐ŸŽง How to Enjoy

– ☕ A cozy coffee break at home or in your favorite cafรฉ
– ๐ŸŒค️ For walking, reading, working, or quiet focus moments

☕ 777fm — The Frequency Where Emotions Stay
๐ŸŽง chillchillchillfm — The Radio Cafรฉ Where Memories Flow

⏱️ Tracklist

00:00 Warm Table Talk
03:13 Coffee Break Dream
06:24 Restart in the Light
10:18 After Lunch Glow
13:58 Coffee Break Dream
17:23 A Little Rest
20:42 My Afternoon
24:26 Lazy Cup of Time
28:23 Afternoon Rewind
32:19 The Calm Before Work
34:48 Half Dream Hour
37:36 Light Between Tasks
40:45 Stay for a Minute
44:05 Fading Day
47:33 Soft Reset
51:41 Quiet Restart
55:50 Peaceful Routine
59:29 Evening Echo

๐ŸŽผ Genre: Soft Pop / Chill Pop / Lo-Fi Soul
๐ŸŒค️ Mood: Calm · Cozy · Focus · Warm Light · Nostalgic

✨ Take your time. Let the light and sound gently rewind your heart.
Even in the noise of the day, music softly rewinds your routine —
back to warmth, memory, and peace.



๐ŸŽž️ Cassette Days — Songs from the Past, Playing Again

The songs that once stayed inside the cassette are spinning once more.
Under the glow of an old radio light, we hear the voice of first love again —
a gentle night returning to the soft emotions of the 70s & 80s old pop era.

Welcome to our cozy radio cafรฉ — chillchillchillfm & 777fm.
Soft acoustic and gentle pop tunes that warm your heart like a cup of coffee.

๐ŸŽถ Cafรฉ BGM & Healing Music | 7080 Old Pop / Soft Cafรฉ Vibes
Wrap your day in sunlight-soft pop, jazzy tones, and lo-fi soul —
music that warms your morning and softly winds down your night.

๐ŸŽง How to Enjoy

– ☕ A cozy coffee break at home or in your favorite cafรฉ
– ๐ŸŒค️ For walking, reading, working, or quiet focus moments

☕ 777fm — The Frequency Where Emotions Stay
๐ŸŽง chillchillchillfm — The Radio Cafรฉ Where Memories Flow

⏱️ Tracklist

00:00 Warm Table Talk
03:13 Coffee Break Dream
06:24 Restart in the Light
10:18 After Lunch Glow
13:58 Coffee Break Dream
17:23 A Little Rest
20:42 My Afternoon
24:26 Lazy Cup of Time
28:23 Afternoon Rewind
32:19 The Calm Before Work
34:48 Half Dream Hour
37:36 Light Between Tasks
40:45 Stay for a Minute
44:05 Fading Day
47:33 Soft Reset
51:41 Quiet Restart
55:50 Peaceful Routine
59:29 Evening Echo

๐ŸŽผ Genre: Soft Pop / Chill Pop / Lo-Fi Soul
๐ŸŒค️ Mood: Calm · Cozy · Focus · Warm Light · Nostalgic

✨ Take your time. Let the light and sound gently rewind your heart.
Even in the noise of the day, music softly rewinds your routine —
back to warmth, memory, and peace.

๋Œ“๊ธ€

๋Œ“๊ธ€ ์“ฐ๊ธฐ

์ด ๋ธ”๋กœ๊ทธ์˜ ์ธ๊ธฐ ๊ฒŒ์‹œ๋ฌผ

ํ’€์Šคํƒ ์ „๋ฐ˜(React + Next.js ํฌํ•จ) ์Šคํƒ ๋งต

Next.js ๊นŒ์ง€ ํฌํ•จํ•ด ์ „๋ฐ˜ ์Šคํƒ์„ ์ •๋ฆฌํ•˜๊ณ , ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… · ๋ ˆ๋”งํ˜• ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ฅผ ๋งŒ๋“ค ๋•Œ์˜ ๊ถŒ์žฅ ์„ ํƒ์ง€๋ฅผ ํ‘œ๋กœ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ๋งˆ์ง€๋ง‰์œผ๋กœ ์‹ค์งˆ์ ์ธ ํ•„์ˆ˜ ์–ธ์–ด/๊ฐœ๋… ์ด “๋ฌด์—‡์„ ๋งก๊ณ , ์™œ ํ•„์š”ํ•œ์ง€” ์—ญํ•  ์ค‘์‹ฌ์œผ๋กœ ์š”์•ฝํ•ฉ๋‹ˆ๋‹ค. 1) ํ’€์Šคํƒ ์ „๋ฐ˜(React + Next.js ํฌํ•จ) ์Šคํƒ ๋งต ์˜์—ญ ํ•„์ˆ˜ ์–ธ์–ด/๊ฐœ๋… ๋Œ€ํ‘œ ์Šคํƒ(React/Next) ์–ธ์ œ ์„ ํƒ? ๋น„๊ณ  ํ”„๋ก ํŠธ UI HTML/CSS/JS(ES6+) , ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ React + TypeScript SPA๋กœ ๋น ๋ฅธ ์ธํ„ฐ๋ž™์…˜์ด ์ค‘์š”ํ•  ๋•Œ ์ปดํฌ๋„ŒํŠธ/ํ›… ๊ธฐ๋ฐ˜ UI ์—”์ง„ ๋ผ์šฐํŒ… & ๋ Œ๋”๋ง CSR/SSR/SSG/ISR ๊ฐœ๋… Next.js (App Router) SEO·์ดˆ๊ธฐ์†๋„·๋ฐ์ดํ„ฐ ์ ‘๊ทผ์ด ์ค‘์š”ํ•  ๋•Œ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ·๋ผ์šฐํŠธ ํ•ธ๋“ค๋Ÿฌ·์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์ƒํƒœ ๊ด€๋ฆฌ ์•ฑ ์ƒํƒœ vs ์„œ๋ฒ„ ์ƒํƒœ ๋ถ„๋ฆฌ Redux Toolkit (์•ฑ ์ƒํƒœ), React Query (์„œ๋ฒ„ ์ƒํƒœ) ์žฅ๋ฐ”๊ตฌ๋‹ˆ·๊ถŒํ•œ(์•ฑ) / API ์บ์‹œ(์„œ๋ฒ„) ๋‘˜์„ ํ˜ผ์šฉํ•˜๋ฉด ๊น”๋”ํ•จ ์Šคํƒ€์ผ๋ง ๋ฐ•์Šค๋ชจ๋ธ, Flex/Grid Tailwind CSS ๋””์ž์ธ ์‹œ์Šคํ…œ ์—†์ด ๋น ๋ฅธ ์Šคํƒ€์ผ๋ง ์œ ํ‹ธ๋ฆฌํ‹ฐ ํด๋ž˜์Šค ์ค‘์‹ฌ ์ธ์ฆ ์„ธ์…˜/JWT, OAuth2 Firebase Auth , NextAuth.js ๋น ๋ฅธ ์†Œ์…œ๋กœ๊ทธ์ธ / Next ํ†ตํ•ฉ ๋ฐฑ์—”๋“œ๋Š” httpOnly ์ฟ ํ‚ค ๊ถŒ์žฅ ๋ฐฑ์—”๋“œ(API) Node ๋Ÿฐํƒ€์ž„, REST/JSON Next.js Route Handlers ๋˜๋Š” Express/Fastify ๋‹จ์ผ ๋ฆฌํฌ ๋‚ด API ํ•„์š”(Next) / ๋ณ„๋„ ์„œ๋ฒ„(Express) Zod๋กœ ์ž…๋ ฅ ๊ฒ€์ฆ ์ถ”์ฒœ DB & ORM ์Šคํ‚ค๋งˆ/์ธ๋ฑ์Šค/ํŠธ๋žœ์žญ์…˜ PostgreSQL + Prisma ๋ฒ”์šฉ·์•ˆ์ •·ํƒ€์ž… ์„ธ์ดํ”„ํ‹ฐ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜/์‹œ๋“œ ์‰ฌ์›€ ์บ์‹œ/๊ฒ€์ƒ‰ HTTP ์บ์‹œ·ํ‚ค๋ฐธ๋ฅ˜·๊ฒ€์ƒ‰์—”์ง„ Redis (์„ธ์…˜·์นด์šดํ„ฐ), Meilisearch/Elastic (๊ฒ€์ƒ‰) ์ธ๊ธฐ๊ธ€·๋žญํ‚น·๊ฒ€์ƒ‰ ํ•„์š” ์‹œ ๋ ˆ์ดํŠธ๋ฆฌ๋ฐ‹์—๋„ ์œ ...
์ž์„ธํ•œ ๋‚ด์šฉ ๋ณด๊ธฐ

๐Ÿ“˜ Day 1 ๊ต์žฌ (ํ™˜๊ฒฝ ์„ธํŒ… & JS ๊ธฐ์ดˆ)

 JS๊ธฐ 0. GitHub ์ดˆ๊ธฐ ์„ธํŒ… (ํ•œ ๋ฒˆ๋งŒ) ๐Ÿ‘‰ ์•ž์œผ๋กœ Day1~Day100 ์ „๋ถ€ fullstack ํด๋” ํ•˜๋‚˜์˜ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ์— ์ €์žฅ ✍️ ํ„ฐ๋ฏธ๋„: cd ~/OneDrive/Desktop/fullstack git init git branch -M main git remote add origin https://github.com/sy920/fullstack.git git add . git commit -m "start fullstack project" git push -u origin main ๐Ÿ‘€ ์ด์ œ fullstack ์ „์ฒด๊ฐ€ GitHub์— ์˜ฌ๋ผ๊ฐ. ์•ž์œผ๋กœ๋Š” Day๋ณ„ ํด๋”๋ฅผ ๋งŒ๋“ค์–ด ์ง„ํ–‰ํ•˜๊ณ , ๋๋‚  ๋•Œ๋งˆ๋‹ค ๋ฃจํŠธ( fullstack )์—์„œ ์ปค๋ฐ‹ & ํ‘ธ์‹œ๋งŒ ํ•˜๋ฉด ๋จ. 1. Day1 ์‹œ์ž‘ (ํด๋” ์ƒ์„ฑ) ✍️ cd ~/OneDrive/Desktop/fullstack mkdir day01-js-basics cd day01-js-basics code . ๐Ÿ‘‰ VSCode๊ฐ€ ์—ด๋ฆฌ๋ฉด index.js ํŒŒ์ผ์„ ๋งŒ๋“ ๋‹ค. 2. ์ฝ”๋“œ ์ž‘์„ฑ (index.js) ✍️ // ================== ๋ณ€์ˆ˜ ================== let name = "์†Œ์œจ" ; // ๋ฌธ์ž์—ด let age = 25 ; // ์ˆซ์ž let isStudent = true ; // ๋ถˆ๋ฆฌ์–ธ // ================== ๋ฐฐ์—ด ================== let fruits = [ "์‚ฌ๊ณผ" , "๋ฐ”๋‚˜๋‚˜" , "์ฒด๋ฆฌ" ]; // ================== ๊ฐ์ฒด ================== let user = { name : "์†Œ์œจ" , city : "์•ˆ๋™" }; // ================== ์กฐ๊ฑด๋ฌธ ================== if (age >= ...
์ž์„ธํ•œ ๋‚ด์šฉ ๋ณด๊ธฐ

๐Ÿ“˜ Day 2 ๊ต์žฌ (๋ฐ˜๋ณต๋ฌธ & ํ•จ์ˆ˜)

 0. Day2 ์‹œ์ž‘ (ํด๋” ์ƒ์„ฑ) ✍️ cd ~/OneDrive/Desktop/fullstack mkdir day02-loops-functions cd day02-loops-functions code . ๐Ÿ‘‰ index.js ํŒŒ์ผ์„ ๋งŒ๋“ ๋‹ค. 1. ์ฝ”๋“œ ์ž‘์„ฑ (index.js) ✍️ let fruits = [ "์‚ฌ๊ณผ" , "๋ฐ”๋‚˜๋‚˜" , "์ฒด๋ฆฌ" ]; // ================== ๋ฐ˜๋ณต๋ฌธ ================== // for ๋ฐ˜๋ณต๋ฌธ for ( let i = 0 ; i < fruits. length ; i++) { console . log ( "for:" , fruits[i]); } // for...of ๋ฐ˜๋ณต๋ฌธ for ( let f of fruits) { console . log ( "for...of:" , f); } // while ๋ฐ˜๋ณต๋ฌธ let i = 0 ; while (i < fruits. length ) { console . log ( "while:" , fruits[i]); i++; } // ================== ํ•จ์ˆ˜ ================== // ํ•จ์ˆ˜ ์„ ์–ธ์‹ function add ( a, b ) { return a + b; } console . log ( "๋”ํ•˜๊ธฐ:" , add ( 2 , 3 )); // ํ•จ์ˆ˜ ํ‘œํ˜„์‹ const multiply = function ( a, b ) { return a * b; } console . log ( "๊ณฑํ•˜๊ธฐ:" , multiply ( 2 , 3 )); // ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ const divide = ( a, b ) => a / b; console . log ( "๋‚˜๋ˆ„๊ธฐ:" , divide ( 6 , 2 )); ...
์ž์„ธํ•œ ๋‚ด์šฉ ๋ณด๊ธฐ