์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

Google Sheets๋กœ ๋งŒ๋“œ๋Š” Simple Blog!

Google Spreadsheets + Google apps script + Google drive + Bootstrap๋ฅผ ์‚ฌ์šฉํ•ด, 24์‹œ๊ฐ„ ๋ฌด๋ฃŒ๋กœ ๋™์ž‘ํ•˜๋Š” Simpleํ•œ blog๋ฅผ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด๋ด…์‹œ๋‹ค!

Thumbnail

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[ํ”„๋ก ํŠธ์—”๋“œ, ๊ฐœ๋ฐœ ยท ํ”„๋กœ๊ทธ๋ž˜๋ฐ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ
๋ฐฐ์›Œ์š”!

  • Google Apps Script ๊ธฐ์ดˆ

  • Simpleํ•œ blog ์ œ์ž‘

  • Bootstrap

  • Google drive๋ฅผ ํ™œ์šฉํ•œ ์ด๋ฏธ์ง€ ํ˜ธ์ŠคํŒ…

  • Google Spreadsheet๋ฅผ DB๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

 

 

[๊ฒ€์ƒ‰ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค.]

๋”ฑํžˆ ์“ธ๋ชจ๋Š” ์—†์ง€๋งŒ ์žฌ๋ฏธ์žˆ๋Š” ํ”„๋กœ์ ํŠธ ์ฐพ์œผ์„ธ์š”?

์ด์ œ ๋ง‰ HTML, CSS, JS๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ
๋น ๋ฅด๊ฒŒ ๋š๋”ฑ ๋ฌด์—‡์„ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์œผ์‹ ๊ฐ€์š”?

์—ฌ๊ธฐ ๋ฌด์“ธ๋ชจ ์œ ์žฌ๋ฏธ ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ์–ด์š”.

Google spreadsheets + Google apps script + Google drive + bootstrap

์ด 4๊ฐ€์ง€๋งŒ ์‚ฌ์šฉํ•ด์„œ 24์‹œ๊ฐ„ ๋ฌด๋ฃŒ๋กœ ๋™์ž‘ํ•˜๋Š”
Simpleํ•œ Blog๋ฅผ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด ๋ด…์‹œ๋‹ค!


Google Sheets๋ฅผ ์‚ฌ์šฉํ•ด Blog๋ฅผ ๋งŒ๋“ค์–ด์š”!

1. ์‹ค์ œ ํŽ˜์ด์ง€์—์„œ ์ž…๋ ฅํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋“ค์–ด์˜ค๋Š” Google Spreadsheets 

2. ๋ธ”๋กœ๊ทธ ๋ฉ”์ธํ™”๋ฉด

3. Blog (์Šคํ”„๋ ˆ๋“œ์‹œํŠธ์—์„œ ์ž‘์„ฑํ•œ ๋‚ด์šฉ์ด ๋ชจ๋‘ ๋ณด์ž…๋‹ˆ๋‹ค.)

4. ๊ธ€์“ฐ๊ธฐ ์ฐฝ(๊ธ€์„ ์ž…๋ ฅํ•˜๋ฉด Google Spreadsheets์— ์ž…๋ ฅ๋˜๊ณ , ๋ธ”๋กœ๊ทธ ํŽ˜์ด์ง€์—์„œ ๋ณด์—ฌ์ง‘๋‹ˆ๋‹ค.)


HTML, CSS, JavaScript๋ฅผ
์ด์ œ ๋ง‰ ๊ณต๋ถ€ํ•˜์‹  ๋ถ„๋“ค์—๊ฒŒ ์ ํ•ฉํ•œ ๊ฐ•์˜์—์š”.

์ด์ œ ๋ง‰ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ,
๋ฌด์–ธ๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์€
์—ด์ • ๋„˜์น˜๋Š” ๋ถ„๋“ค! ์–ด์„œ ์˜ค์„ธ์š”! :)

๋ฐฑ์—”๋“œ, ์„œ๋ฒ„, SQL ๋“ฑ์„ ๊ณต๋ถ€ํ•˜์ง€ ์•Š๊ณ 
๋ฐ”๋กœ ์‹ฌํ”Œํ•œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค์–ด ๋ณผ ์ˆ˜ ์žˆ์–ด์š”.

๊ทธ๋Ÿฐ๋ฐ ์™œ ๋ฌด์“ธ๋ชจ๋ƒ๊ณ ์š”?

์‹ค๋ฌด์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
(์‹ค๋ฌด์—์„œ๋Š” AWS, Linux ๊ณ„์—ด ์„œ๋ฒ„,
Back-end Framework........์•„์•„์•„์•„์•„..........)

ํ•˜์ง€๋งŒ ๊ผญ ์œ ์šฉํ•˜๊ณ  ์œ ์ตํ•œ ๊ฒƒ๋งŒ ํ•  ์ˆ˜ ์—†์ž–์•„์š”.
๋ฉ ๋•Œ๋ฆฌ๋ฉด์„œ ๋™์˜์ƒ์„ ์‹œ์ฒญํ•˜์‹œ๋ฉด
"์–ด์—‡? ์ด๊ฒŒ?" ํ•˜๊ฒŒ ๋˜๋Š” ์‹ ๊ธฐํ•˜๊ณ  ๋†€๋ผ์šด ๊ฐ•์˜!
์•Œ์•„๋„ ์“ธ๋ชจ์—†์ง€๋งŒ ์žฌ๋ฏธ๋Š” ์žˆ๋Š” ๋ฌด๋ชจํ•œ ์ฝ”๋”ฉ!

์ œ์ฝ”๋ฒ ์™€ ํ•จ๊ป˜ ๊ฐœ๋ฐœํ•ด๋ด…์‹œ๋‹ค! :)

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์ด์ œ ๋ง‰ HTML, CSS, JS๋ฅผ ์‹œ์ž‘ํ•˜์‹  ๋ถ„

  • ์žฌ๋ฏธ์žˆ๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ฐพ์œผ์‹œ๋Š” ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML, CSS, JS ๊ธฐ๋ณธ ๋ฌธ๋ฒ•

์•ˆ๋…•ํ•˜์„ธ์š”
์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„์ž…๋‹ˆ๋‹ค.

92,160

๋ช…

์ˆ˜๊ฐ•์ƒ

2,077

๊ฐœ

์ˆ˜๊ฐ•ํ‰

158

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

69

๊ฐœ

๊ฐ•์˜

แ„‰แ…ฉแ„€แ…ข แ„‹แ…ตแ„†แ…ตแ„Œแ…ต.png.webp

 

๐Ÿง™โ€โ™‚ ์•ˆ๋…•ํ•˜์„ธ์š”. ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„์ž…๋‹ˆ๋‹ค.

์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„๋ž€?

 

 

์ œ์ฃผ์—์„œ ๊ฐ€์žฅ ํ•ซํ•œ ๊ฐœ๋ฐœ์ž๋“ค์ด ๋ชจ์—ฌ ์ž‘๋‹นํ•œ ๋ถ€ํŠธ์บ ํ”„! ์—ด์ •์žˆ๋Š” ์ฒญ๋…„๋“ค์—๊ฒŒ ์—ด์ •๋งŒํผ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค!

์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„๋Š” ์ œ์ฃผ์—์„œ ๊ฐ€์žฅ ํฐ ICT ๊ต์œก ํ–‰์‚ฌ๋กœ ์นด์นด์˜ค, ๊ตฌ๋ฆ„, ์ œ์ฃผ์‚ฐํ•™์œตํ•ฉ์› ๋“ฑ ๊ธฐ์—… ์ง€์ž์ฒด์™€ ํ•จ๊ป˜ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


์„œ๋น„์Šค ๊ตฌ์ถ• ์„ฑ๊ณต
๊ฒฝํ—˜์„ ํ†ตํ•ด ์ด ์ทจ์—…๋‚œ ์‹œ๋Œ€์— ์ž์‹ ๊ฐ, ์ž์กด๊ฐ, ์„ฑ์ทจ๊ฐ, ๊ทธ๋ฆฌ๊ณ  ์ž๋ฆฝํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ๋ฐฐ์–‘ํ•ด ๋ณด์„ธ์š”!

์œผ๋ผ์ฐจ์ฐจ ์ฒญ์ถ˜ ํ™”์ดํŒ…์ž…๋‹ˆ๋‹ค! ๐Ÿ˜€

 


 

โ–ถ๏ธŽ ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„ ๋กœ๋“œ๋งต

แ„Œแ…ฆแ„แ…ฉแ„‡แ…ฆ แ„…แ…ฉแ„ƒแ…ณแ„†แ…ขแ†ธ.png.webp

 

โ–ถ๏ธŽ ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„ ์ˆ˜๋ฃŒ์ฆ ์ œ๋„

 

- 1.png.webp

 

๋”๋ณด๊ธฐ

๊ณต๋™ ์ง€์‹๊ณต์œ ์ž

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

17๊ฐœ โˆ™ (1์‹œ๊ฐ„ 7๋ถ„)

์ˆ˜์—… ์ž๋ฃŒ

๊ฐ€ ์ œ๊ณต๋˜๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

30๊ฐœ

4.8

30๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

๋ฌด๋ฃŒ