7080 Love Old Pop Classics | Songs from the Days We Remember | chillchillchillfm / 777fm


๐ŸŽž️ Back in the days when cassette tapes spun,
and warm old-pop melodies began the moment the needle touched the vinyl.

This chillchillchillfm playlist is a nostalgic journey through 70s–80s old pop memories,
a cozy time travel that gently embraces your heart even in the middle of a busy day.

๐Ÿ“ป Press play with a cup of coffee in hand.
With the crackling LP sound,
the songs once heard on an old radio begin to flow again.

✨ nostalgic | retro | cozy | sentimental vibes

๐Ÿ’ฟ chillchillchillfm presents:
๐ŸŽถ “Old Pop Memories – Cassette Tape Playlist”

๐ŸŽต Time Track

00:00 — A Chorus Like a Letter
04:04 — Between Pause and Play
08:01 — Confession Between Hiss
11:36 — Melody on a Monochrome Street
16:13 — Midnight Rewind
20:05 — One Last Click, Goodbye
23:44 — Pencil-Tightened Love
27:13 — Slow-Spinning Wheel
31:27 — Stereo Under a Blanket
35:43 — Thumbprint Memories
40:18 — Under the Radio Glow
44:44 — When Side B Begins
48:19 — Wind in the Frequency
52:50 — Your Name on the Label

๐ŸŽถ Track Mood: 70s soft pop · 80s sentimental ballads · vinyl crackle sound

๐Ÿ•ฐ️ Take a moment today — pause and wander through your memories.



#7080OldPop #RetroVibes #OldPopPlaylist #NostalgicMusic #CassetteDays #OldiesButGoldies #VintageSound #Chillchillchillfm #OldPopMemories #CafeMusic #VintagePlaylist #SoftPop #RetroBallads #7080Music #CozyVibes #SentimentalPlaylist

๋Œ“๊ธ€

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

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

ํ’€์Šคํƒ ์ „๋ฐ˜(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 )); ...
์ž์„ธํ•œ ๋‚ด์šฉ ๋ณด๊ธฐ