์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- Absolute
- AGI
- ai
- AI agents
- AI engineer
- AI researcher
- ajax
- algorithm
- Algorithms
- aliases
- Array ๊ฐ์ฒด
- ASI
- bayes' theorem
- Bit
- Blur
- BOM
- bootstrap
- canva
- challenges
- ChatGPT
- Today
- In Total
A Joyful AI Research Journey๐ณ๐
[11] 230206 ๊ฐ์ธ ํ๋ก์ ํธ (1) 11์ผ ์ฐจ Mon) ๋ฉ์ธ ํ๋ฉด ์งํ ์ค (3) ํด์ผ ํ ๊ฒ ๋ฆฌ์คํธ ๋ณธ๋ฌธ
[11] 230206 ๊ฐ์ธ ํ๋ก์ ํธ (1) 11์ผ ์ฐจ Mon) ๋ฉ์ธ ํ๋ฉด ์งํ ์ค (3) ํด์ผ ํ ๊ฒ ๋ฆฌ์คํธ
yjyuwisely 2023. 2. 6. 07:00230206 Mon 27th class [11th day for portfolio :)]
์ฐ์ ํด์ผํ ๊ฒ์
1) ๋ฉ์ธ ํ๋ฉด:
- ์์ด์ฝ 6๊ฐ ์ถ๊ฐ
์๋ฌด๋ฆฌ ์๊ฐํด๋ด๋ ๋๊ทธ๋ ์ธ๋ค์ผ์ด ๋์ ๊ฒ ๊ฐ๋ค.
์ด๋ฏธ์ง 6๊ฐ ์ฐพ๋๋ค.
(1. ๊ตํต ์ ๋ณด
2. ์๋ฐ ์ ๋
3. ์์์ ์ ๋ณด
4. ๋ ์ , ์คํฌ์ธ
5. ํน์ฐ๋ฌผ
6. ์ถ์ , ๋ํ)- ํฌ๊ธฐ ์กฐ์ (%๋ก) (์๋ฃ)
- ์ฌ๋ผ์ด๋ ์ผ์ More ๋๋ฅด๋ฉด ๊ทธ ์ ๋ณด ํ์ด์ง๋ก ์ด๋ (์์ง X)
๋๊ตฌ ๋ฌธํ๊ด๊ด์ถ์ ์ฌ์ดํธ ์ฐธ๊ณ )
https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do
- ๋ ์จ ์์ ฏ, ๊ฒ์์ด ๊ธฐ๋ฅ ์ถ๊ฐ
- ๋๋ฒ์งธ ์ฌ๋ผ์ด๋ ์ผ ๋ฐ๋ณต ์ฌ์ ๋ฒํผ ์ผ์์ ์ง ๋ฒํผ ๋ง๋ค๊ธฐ(์๊ฐ์ค)
- css ์ฝ๋ ๊น๋ํ๊ฒ ๋ง๋ค๊ธฐ :)
- ๋ฉ๋ด ์ฝ๋ ๊ฒ์๊ธ ์ฌ๋ฆฌ๊ธฐ
2) ๋ก๊ทธ์ธ ํ์ด์ง
- ๋น๋ฐ๋ฒํธ ์
๋ ฅ์ ๊ธ์ ๋ณด์ด๊ฒ ํ๋ ์์ด์ฝ ๋ฃ๊ธฐ
- ๋ฒํผ ๋๋ ์ ๋ ๊ธ์์ ๋ณ๊ฒฝ ํจ๊ณผ ์ฃผ๊ธฐ
- input ๋๋ ์ ๋ border ์์ ๋ณ๊ฒฝ๋๋ค
- | ์ฐํ๊ฒ ๋ง๋ค๊ธฐ
- ๊ตฌ๊ธ ์์ด์ฝ ์ฌ์ฉํ๊ธฐ (ํ์ดํ ์, ์๋)
3) ํ์ ๊ฐ์
ํ์ด์ง
- ๋น๋ฐ๋ฒํธ ์
๋ ฅ์ ๊ธ์ ๋ณด์ด๊ฒ ํ๋ ์์ด์ฝ ๋ฃ๊ธฐ (๋ก๊ทธ์ธ ํ์ด์ง์ ๊ฐ๋ค.)
- ๋ฒํผ ๋๋ ์ ๋ ๊ธ์์ ๋ณ๊ฒฝ ํจ๊ณผ ๋ฃ๊ธฐ (๋ก๊ทธ์ธ ํ์ด์ง์ ๊ฐ๋ค.)
- input ๋๋ ์ ๋ border ์์ ๋ณ๊ฒฝ๋๋ค (๋ก๊ทธ์ธ ํ์ด์ง์ ๊ฐ๋ค.)
- ์ง์ ์
๋ ฅ ๋๋ ์ ๋ ์ผ์ชฝ ์ ๋ ฌ๋ก ๋ฐ๊พธ๊ธฐ
- ์ฝ๊ด (๋ด์ฉ ๋ณด๊ธฐ) ์ถ๊ฐ
- tabindex ์ถ๊ฐํ๋ค.
https://www.daleseo.com/html-tabindex/
- ์ฝ๊ด ๋ณด๊ธฐ ๋๋ ์ ๋ ์ ์ด์ฟผ๋ฆฌ slideUp slideDown ๊ธฐ๋ฅ์ฐ๊ธฐ
- ๋ผ๋์ค ๋ฒํผ: ์ปค์คํ
ํ๊ธฐ (์๋ ์ฐธ๊ณ )
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_radio
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox
- ํ์๊ฐ์
์
๋ ฅ ๊ฒ์ฆ ์ ํจ์ฑ ๊ฒ์ฌ
๋น๋ฐ๋ฒํธ ์
๋ ฅ์ ๊ธ์ ๋ณด์ด๊ฒ ํ๋ ์์ด์ฝ ๋๋ฅด๋ฉด ์ ์ ๋น๋ฐ๋ฒํธ์ ๊ฒฝ๊ณ ๋ฌธ์ฅ๋ค์ด ๋์จ๋ค.
- (ํ์)์ฝ๊ด ์ ์ฒด ๋์ (์ ํ) ์ฝ๊ด ์ ์ฒด ๋์
if ์ ์ฒด ๋์์๋์ ์ check box 3๊ฐ ์ ํ, ์ ํ ๋์ ์ checkbox 2๊ฐ ์ ํ
if 3๊ฐ ์ ํ์์ ํ ์ ์ ์ฒด ๋์ ํด๋ฆญ๋จ, 2๊ฐ ์ ํ ์ ์ ํ ๋์ ํด๋ฆญ๋จ
์ฐธ๊ณ )
https://gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90
https://emessell.tistory.com/149https://openlife.tistory.com/381
https://openlife.tistory.com/381
๊ธฐํ) ํ์ด์ง ์์ด์ฝ ๋ฃ๊ธฐ
https://dasima.xyz/html-title-%EC%9D%B4%EB%AF%B8%EC%A7%80-icon/
์ด ๋ ๋ถํฐ ์๋ก ์๊ฒ ๋ ๊ฒ์ ๊ฒ์ํ์ ์ถ๊ฐํ๋ค.๐