๋ชฉ๋ก๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ (454)
Bibi's DevLog ๐ค๐
css - ๊ฐ ์ผ์ ์ ํ ๋๋ฆฌ ์ ์ฉ : border http://webberstudy.com/html-css/css-1/border/ border (ํ ๋๋ฆฌ ์คํ์ผ) CSS์์ ๋ฐ์ค div๋ ์ฌ๋ฌ ์์์ ํ ๋๋ฆฌ ์คํ์ผ์ ์ค ์ ์๋ border ์์ฑ์ ์ดํด ๋ด ๋๋ค. CSS ์์ ์ค ์ ์๋ ํ ๋๋ฆฌ ์ข ๋ฅ๋ค์ ์์๋ณด๊ณ , border ๋จ์ถ ์์ฑ์ ํตํด์ ๋ฐ์ค ๋ชจ๋ธ์์ ์คํ์ผ ์ฃผ๊ฒ ๋๋ ๏ฟฝ webberstudy.com css - ๊ธ์จ ๊ตต๊ฒ : font-weight: bold css - table ๊พธ๋ฏธ๊ธฐ -ํ ๋๋ฆฌ์ : table, th, tdํ๊ทธ์ border ์ ์ฉ -ํ ๋ด ์ฌ๋ฐฑ : padding ์ ์ฉ https://www.codingfactory.net/10510 CSS / ํ(table) ๊พธ๋ฏธ๊ธฐ / ํ ๋๋ฆฌ ๋ง๋ค..
css - ์ด๋ฏธ์ง ์ผ์ชฝ, ์ค๋ฅธ์ชฝ์ ๋ ฌ ํ์ดํ ๋ถ๋ถ ์ข(๋ฉ์ด ์์ด์ฝ) ์ฐ(์ ์ ์์ด์ฝ) ์ด๋ฏธ์ง ์ ๋ ฌ. ์ฐธ๊ณ ํ ๋งํฌ https://aboooks.tistory.com/89 [html/css] ์ด๋ฏธ์ง๋ฅผ ๋ฃ๋ img ํ๊ทธ(css๋ก ์ด๋ฏธ์ง ์ค์ ์ ๋ ฌ ๋ฐฉ๋ฒ) [html/css] ์ด๋ฏธ์ง๋ฅผ ๋ฃ๋ img ํ๊ทธ(css๋ก ์ด๋ฏธ์ง ์ค์ ์ ๋ ฌ ๋ฐฉ๋ฒ) ์ค๋ ์์๋ณผ ํ๊ทธ๋ ์ฌ์ง์ด๋ ๊ทธ๋ฆผ ๊ฐ์ ์ด๋ฏธ์ง๋ฅผ ๋ฃ๋ ํ๊ทธ์ ๋๋ค... ๋ํ ์ด๋ฏธ์ง์ ํจ๊ป ์ฌ์ฉํ๋ ์ฌ๋ฌ ์์ฑ์ด๋, ์ด๋ฏธ์ง ์ค์ ์ ๏ฟฝ aboooks.tistory.com html - ํ์ดํ ๋ถ๋ถ h1ํ๊ทธ์ ํจ๊ป ์ด๋ฏธ์ง ๋๋ํ ๋ฐฐ์ด h1ํ๊ทธ์ ์ด๋ฏธ์ง๋ฅผ ํ ์ค๋ก ๋ฐฐ์ด. ์ฐธ๊ณ ํ ๋งํฌ https://www.it-swarm.dev/ko/html/lth1gt-%ED%83%9C%EA%B7%B8-%E..
>> html : ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋๋ ์ง - ๋ด์ฅํจ์๋ก ๊ตฌํ! let today = new Date() document.write(otoday.toLocaleDateString()); -์ฃผ๋ก ์ฐธ๊ณ ํ ๋งํฌ : https://hianna.tistory.com/325 [Javascript] ํ์ฌ ๋ ์ง, ์๊ฐ ๊ตฌํ๊ธฐ JavaScript์์ ํ์ฌ ๋ ์ง์ ์๊ฐ์ ๊ตฌํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ํ์ฌ ๋ ์ง ๊ตฌํ๊ธฐ See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()๋ ํ์ฌ ๋ ์ง์ ์๊ฐ์ ๊ฐ์ง๋ ๊ฐ์ฒด๋ฅผ ๋ฆฌํดํฉ๋๋ค.. hianna.tistory.com >> html : img ๋ด์ปดํจํฐ ๋ด์ ํ์ผ ๋์์ผ๋ก src ๊ฒฝ๋ก์ค์ https://kcit.tistor..
ํด๋ผ์ด์ธํธ -์ฌ์ฉ์๊ฐ ์์ฑํ ์ผ์ ์ ์ฅ(POST)-A -์ ์ฅ๋ ์ผ์ ์กฐํ(GET)-B -์ผ์ ๊ฒ์?-C -์ผ์ ์๋ฆผ ์ค์ -D -1์ผ(to-do list) 7์ผ(์ฃผ๊ฐ) 30์ผ(์๊ฐ)์ 3 ๋ ์ด์์ ์ ๊ณต(๋ฒํผ์ผ๋ก ๋ ์ด์์ ์ ํ ๊ฐ๋ฅ) (ํ์ด์ง ๋ฐ๋ก ๋ง๋ค์ด์ html๋งํฌ๊ฑธ๊ธฐ) ์๋ฒ -์์ฑ๋ ์ผ์ ์ DB์ ์ ์ฅ(POST)-A -์ ์ฅ๋ ์ผ์ DB์์ ์กฐํํด ํด๋ผ์ด์ธํธ์ ๋ณด๋ด๊ธฐ(GET)-B -์ ์ฅ๋ ์ผ์ ๊ฒ์?-C -์๋ฆผ ์ค์ ์ ๋ฐ๊ณ ์ค์ ๋ ์๋ฆผ(์นดํก/์ด๋ฉ์ผ) ๋ณด๋ด๊ธฐ-D DB -๊ตญ๊ฒฝ์ผ ์ ๋ณด ์ ์ฅ, ๊ด๋ฆฌ? -> ๊ตญ๊ฒฝ์ผ API๋ก ํด๊ฒฐ? -์ผ์ ์ ์ฅ ๋ฐ ๊ด๋ฆฌ. CRUD Create(POST)-A Read(GET)-B,C? Update(POST?)-A' (์์ฑํ ์ผ์ ์์ ๊ธฐ๋ฅ) Deleate(??) (์์ฑํ ์ผ์ ์ญ์ ..
โป ๊ฐ๋ฐ๊ณผ ํจ๊ป ๋ณํํ๋ฉด ์ข์ ๊ฒ : ๋ชจ๋ฐ์ผ์น ๊ฐ๋ฐ ํํ ๋ฆฌ์ผ ๊ตฌ๊ธ๋งํด์ ์ตํ๊ธฐ 5์ฃผ์ฐจ(8/12 ํผ๋๋ฐฑ~8/16) (์์ ) ๊ฐ์ธ ํ๋ก์ ํธ ๊ณํ ๋ฐํ์ ํผ๋๋ฐฑ -ํ๋ก ํธ์๋๋ง 1/7/30์ผ ๋ ์ด์์ ํฐ ํ๋ง ์ก๊ธฐ. HTML, CSS, JS >1์ผ ๋ ์ด์์(to-do list) ๋จผ์ ๊ตฌํํ ๋ค 7์ผ, 30์ผ ๋ ์ด์์ ์์ผ๋ก ๊ตฌํ -์๋ฒ ํฐ ํ ์ก์ผ๋ฉด์ APIํ ๋ง๋ค์ด๋๊ธฐ -DB์์ฑํ๊ณ ํ๋ก ํธ์๋ ๋ณด์ํ๊ธฐ 6์ฃผ์ฐจ(8/17~8/23) (์์ ) ์๋ฒ ๊ตฌ์ , Flask์๋ฒ ์คํ, API์ค๊ณ / ์ต์ข ๊ธฐํ์ ๋ฐํ, ํ๋ก์ ํธ github repository์์ฑ, ํํฐ ํผ๋๋ฐฑ -ํด๋ผ์ด์ธํธ, ์๋ฒ, DB ์ ์ฒด์ ์ธ ๊ธฐ๋ฅ๊ตฌํ ๋ฐ ํ ์คํธ -๊ตญ๊ฒฝ์ผ openAPIํ์ฉ ๋๋ ๊ตฌ๊ธ๋งํ์ฌ ๊ตญ๊ฒฝ์ผ ์ ๋ณด ๋ฐ์ -์ค์ผ์ค ์๋ฆผ ๊ธฐ๋ฅ ๊ตฌํ >๋ฉ์ ์ (..
(์คํ๋ฅดํ ์ฝ๋ฉ ํด๋ฝ ์์ ์ ๊ฐ์ธ ํ๋ก์ ํธ) TIP : ์ผ๋จ ๊ธฐ๋ณธ์ ์ธ ํ(html, API, ์ค์ ์๋๊น์ง)์ ๋ค ์์ฑํ ๋ค์์ ํ๋ก ํธ์๋ ๋ฐฑ์๋ DB ๋ฑ์ ํ๋์ฉ ๋ณด์ํ๋ฉด ๋๋ค! ์ฒ์๋ถํฐ ์๋ฒฝํ๊ฒ ํ ์๊ฐ ํ์ง ๋ง๋ผ! 1. ํ๋ก์ ํธ ์ด๋ฆ/์ค๋ช ์ด๋ฆ : ๋ฉ์ด์ ๋ "๋์ ํ๋ฃจ๋ฅผ ๊ด๋ฆฌํด ์ฃผ๋ ์ง์ฌ ๊ฐ์์ง๊ฐ ์๋ ์ผ์ ๊ด๋ฆฌ ์น/๋ชจ๋ฐ์ผ ์น ์๋น์ค" 2. ํ๋ก์ ํธ ์๊น์(๋ ์ด์์) = ๊ผญ ๊ทธ๋ฆผ์ผ๋ก ๊ทธ๋ ค์ฃผ์ธ์! (์ฑ๋ด ๋ฑ ํ๋ฉด์ด ์๋ ํ๋ก์ ํธ๋ ํจ์ค) 3. ๊ฐ๋ฐํด์ผ ํ๋ ๊ธฐ๋ฅ ํด๋ผ์ด์ธํธ -์ผ์ ์์ฑ, ์ ์ฅ -์ ์ฅํ ์ผ์ ์กฐํ -์ผ์ ์๋ฆผ ์ค์ -์ผ์ ๊ฒ์ -1์ผ(to-do list) 7์ผ(์ฃผ๊ฐ) 30์ผ(์๊ฐ)์ 3 ๋ ์ด์์ ์ ๊ณต(๋ฒํผ์ผ๋ก ๋ ์ด์์ ์ ํ ๊ฐ๋ฅ) (ํ์ด์ง ๋ฐ๋ก ๋ง๋ค์ด์ html๋งํฌ๊ฑธ๊ธฐ) ์๋ฒ -์์ฑ๋ ..