Notice
Recent Posts
Recent Comments
ยซ   2024/12   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
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
Archives
Today
In Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

A Joyful AI Research Journey๐ŸŒณ๐Ÿ˜Š

[11] 230206 ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ (1) 11์ผ ์ฐจ Mon) ๋ฉ”์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (3) ํ•ด์•ผ ํ•  ๊ฒƒ ๋ฆฌ์ŠคํŠธ ๋ณธ๋ฌธ

๐Ÿ’–My Bootcamp Projects Logsโœจ/Individual project 1๏ธโƒฃ

[11] 230206 ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ (1) 11์ผ ์ฐจ Mon) ๋ฉ”์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (3) ํ•ด์•ผ ํ•  ๊ฒƒ ๋ฆฌ์ŠคํŠธ

yjyuwisely 2023. 2. 6. 07:00

230206 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/149
https://openlife.tistory.com/381

https://openlife.tistory.com/381

๊ธฐํƒ€) ํŽ˜์ด์ง€ ์•„์ด์ฝ˜ ๋„ฃ๊ธฐ
https://dasima.xyz/html-title-%EC%9D%B4%EB%AF%B8%EC%A7%80-icon/

 

HTML title ์ด๋ฏธ์ง€ ๋˜๋Š” icon ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• - dasima

HTML title ์ด๋ฏธ์ง€ ๋˜๋Š” icon์„ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ผ๊นŒ์š”? ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ico ํ™•์žฅ์ž๋กœ ๋ณ€๊ฒฝํ›„ link ํƒœ๊ทธ์— ๋งํฌ์‹œํ‚ค๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ด ๋•Œ rel ์†์„ฑ๋ฐ type ์†์„ฑ์— ๋ช‡ ๊ฐ€์ง€ ์†์„ฑ๊ฐ’์„ ์ถ”๊ฐ€ํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์ด ๋‚  ๋ถ€ํ„ฐ ์ƒˆ๋กœ ์•Œ๊ฒŒ ๋œ ๊ฒƒ์€ ๊ฒŒ์‹œํŒ์— ์ถ”๊ฐ€ํ•œ๋‹ค.๐Ÿ˜Š

728x90
๋ฐ˜์‘ํ˜•
Comments