CSS ์ง์ ํด๋ณด๋ ์ด๋ ต๋ค
๐ ์ดํํ 13hour
๐๐ผ -
๐๐ผ -
๋ฐ์ํ ๋ง๋ค ๊ฒ
react๋ vue๊ฐ์ ์ต์ ๋ฌธ๋ฒ์ ์ฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ ์์ํฌ์ best practice๋ฅผ ์ฐ๊ธฐ
๋ถํธ์คํธ๋ฉ ์์กดํ์ง ๋ง๊ธฐ
ํ๋ก ํธ์๋ ์ฃผ๋์ด๋ html, css๋ง ์ ๋๋ก ํด๋ ์์์ด ์๋ค...
<dl> <dd> <strong>
๋ช
์์ ์ธ ํด๋์ค ์๋ช
์ผ๋ก ์ ์ง ๋ณด์ ๊ด๋ฆฌ, ํ๋ก์ ํธ ์งํ์ ๋ฌธ์ ์๊ฒ - ํ์
img๋ alt ๋์ฒดํ
์คํธ ํ์
button type ๋นผ๋จน์ง ์๊ณ -> ๊ธฐ๋ณธ๊ธฐ ์ค์
github commit ํต์ผ๋ก ์ฌ๋ฆฌ์ง ๋ง๊ณ commit ์๊ฒ ์ชผ๊ฐ์ ์ฌ๋ ค์ผ ํจ (ํฌํธํด๋ฆฌ์ค์๋, ๋ฒ์ ๊ด๋ฆฌ์๋ ์ข์)
์๊ฐํ๋ฉด์ ์ฝ๋ ์งฐ๋๊ฐ, ๋ณต๋ถ ์๋ ์๊ฐํ๋ฉด์ ์ผ๋์ง์ ๋ํ
์ผ
CSS๋ ๋
ผ๋ฆฌ์ ์ผ๋ก ์์ฑํ ๊ฒ
์ค๋ณต ์ ์ธ ์ ๋ ์ ๋จ
title: ๋ฌธ์์ ์ ๋ชฉ์ด๊ธฐ ๋๋ฌธ์ seo์ ์ค์ํ ์ญํ , ๋ฌธ์๋ง๋ค ๋ค๋ฅด๊ฒ ํ ๊ฒ, ๊ฐ๊ฒ ํ๊ณ ์ถ๋ค๋ฉด
about | KEEPCALM ์ด๋ฐ์์ผ๋ก
์ ์ธ๊ณผ ์ ์ธ ์ฌ์ด๋ ํญ์ ๋์ฐ๊ธฐ
dark ๋ชจ๋๋ darkmode.css ๋ฐ๋ก ๋ง๋ค์ด์ body.dark ๋ณ๊ฒฝ์ฌํญ ๋ฐ๋ก ์ ์ธํ๊ธฐ
๊ทธ๋ผ ์ด๋ป๊ฒ ๊ฐ์ ธ์ค๋๊ฐ
link lightmode.css
link darkmode.css ์์๋ก ๊ฐ์ ธ์ค๋ฉด ํธํ๊ฒ ๋ฎ์ด์์ธ ์ ์์ -> cascading ์ฐ์ ์์ ๊ท์น
* aa
- [X] bb
- [ ] cc
[๋จ๊ณ๋ณ ํฌํธํด๋ฆฌ์ค]
์น ํผ๋ธ๋ฆฌ์ฑ: HTML, CSS
html, css - ๋์์ธ์ ์๋ฒฝํ๊ฒ ๊ตฌํํ ์ ์๋๊ฐ (๋ฐ์ํ ์น์ผ๋ก, ํผ๋ธ๋ฆฌ์ฑ ์ญ๋ ๋ณด์ฌ์ฃผ๊ธฐ)
-> ์์์ ์ด๋์ ์ฐพ๋ : google ๊ฒ์ - free web design psd (Behance,Sketch App sources - ํฌํ ์ต, ์ค์ผ์น, ํผ๊ทธ๋ง)
UI๊ฐ๋ฐ: JavaScript, DOM API
๊ฐ๋จํ ๊ฒ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ๋ค ์ฐ์ง ๋ง ๊ฒ
The Web Developer Bootcamp 2021
Jump to Python WikiDocs
๋
ธ๋ง๋ ์ฝ๋
React JS crash Course 2021
๋ฆฌ์กํธ ๊ฐ์
๋ฐ์ํ 3์ข
์์
Front-End RoadMap
JS Bin
component -> childern component ์ ๋ณด ๋ณด๋ด๊ธฐ
html: <tag attribute= value></div>
jsx: <Component property = value/>
axios๋ฅผ ํตํด api ํธ์ถ
npm install react-router-dom
A library for building user interfaces
Runs on the client as a SPA(Single Page App), but can be used to build full stack apps by communicating with a server/API (eg.MERN stack)
front-end framework - Angular or Vue
์๋ก๊ณ ์นจ ์์ด ์น ํ์์ด ๊ฐ๋ฅํ๋ค -> Web-app (๋ฆฌ์กํธ, ์ต๊ทค๋ฌ, ๋ทฐ)
1. ๋ชจ๋ฐ์ผ์ฑ์ผ๋ก ๋ฐํ์ด ์ฌ์ (PWA, React Native)
2. ์ฑ์ฒ๋ผ ๋ฐ์ด๋ UX
3. ๋น์ฆ๋์ค์ ๊ฐ์
json -> fake backend
JSX (html๊ฐ์ ๋ฌธ๋ฒ) - class -> className (
function App() { retrun();} -> html ์ฝ๋ฉํ๋ฉด ๋๋ค
- ์ ๋๊ฒ ๋ค...react๋ javascript ํ์ ๋ณต์ตํ์ ๐ญ๐ญ๐ญ ์ผ์
<ol> <ul> <dl> <dd> <dt>
wikipedia clone codingํ๋ ์ค.
commit