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๐ŸŒณ๐Ÿ˜Š

[7] 230202 ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ (1) 7์ผ ์ฐจ Thu) ๋กœ๊ทธ์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (2) ๋ฉ”์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (1) ๋ณธ๋ฌธ

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

[7] 230202 ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ (1) 7์ผ ์ฐจ Thu) ๋กœ๊ทธ์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (2) ๋ฉ”์ธ ํ™”๋ฉด ์ง„ํ–‰ ์ค‘ (1)

yjyuwisely 2023. 2. 2. 09:19

230202 Thu 25th class [7th day for portfolio :)]


์šฐ์„  ํ•ด์•ผํ•  ๊ฒƒ์€

1) ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€: ํ™”๋ฉด ์„ค๊ณ„ ์™„๋ฃŒํ•˜๊ธฐ

2) ๋ฉ”์ธ ํ™”๋ฉด: ๊ฒŒ์‹œํŒ(๊ณต์ง€์‚ฌํ•ญ), ์Šฌ๋ผ์ด๋“œ์‡ผ ์ถ”๊ฐ€ํ•œ๋‹ค.
- ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด๋กœ ์ˆ˜์ •ํ•˜๊ธฐ (์™„๋ฃŒ)
https://www.w3schools.com/howto/howto_css_dropdown.asp
https://www.w3schools.com/howto/howto_css_mega_menu.asp
๋ชจ๋‘ ํˆฌ์–ด ๋ฉ”๋‰ด ์ฐธ๊ณ ํ•œ๋‹ค.
https://www.modetour.com/main/default.aspx

 

How To Create a Mega Menu

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

์—ฌํ–‰์€ ๋ชจ๋‘ํˆฌ์–ด

์—ฌํ–‰์€ ๋ชจ๋‘ํˆฌ์–ด

www.modetour.com


3) ์Šฌ๋ผ์ด๋“œ ์‡ผ ์ด๋ฏธ์ง€, ์•„์ด์ฝ˜ ๋“ฑ ๋””์ž์ธ ๋ถ€๋ถ„ ์™„๋ฃŒํ•œ๋‹ค.
- ์Šฌ๋ผ์ด๋“œ ์‡ผ ์‚ฌ์ด์ฆˆ ์กฐ์ ˆ

4) ํšŒ์› ๊ฐ€์ž… ํŽ˜์ด์ง€
- ์•ฝ๊ด€ (๋‚ด์šฉ ๋ณด๊ธฐ) ์ถ”๊ฐ€

5) - ๋ผ๋””์˜ค ๋ฒ„ํŠผ: ์ปค์Šคํ…€ํ•˜๊ธฐ 
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_radio
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox

- ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ์‹œ ๊ธ€์ž ๋ณด์ด๊ฒŒ ํ•˜๋Š” ์•„์ด์ฝ˜ 
- ๋ฒ„ํŠผ ๋ˆŒ๋ €์„ ๋•Œ ์œค๊ณฝ ๊ธ€์ž์ƒ‰ ๋ณ€๊ฒฝ ํšจ๊ณผ

6) - tabindex ์ถ”๊ฐ€ํ•œ๋‹ค.

https://www.daleseo.com/html-tabindex/

7) ํŽ˜์ด์ง€ ์•„์ด์ฝ˜ ๋„ฃ๊ธฐ

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 ์†์„ฑ์— ๋ช‡ ๊ฐ€์ง€ ์†์„ฑ๊ฐ’์„ ์ถ”๊ฐ€ํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

dasima.xyz


๊ทธ ํ›„ 

1) ํšŒ์›๊ฐ€์ž… ์ž…๋ ฅ ๊ฒ€์ฆ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ
๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ์‹œ ๊ธ€์ž ๋ณด์ด๊ฒŒ ํ•˜๋Š” ์•„์ด์ฝ˜ ๋ˆ„๋ฅด๋ฉด ์ ์€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๊ฒฝ๊ณ  ๋ฌธ์žฅ๋“ค์ด ๋‚˜์˜จ๋‹ค.

2) (ํ•„์ˆ˜)์•ฝ๊ด€ ์ „์ฒด ๋™์˜ (์„ ํƒ) ์•ฝ๊ด€ ์ „์ฒด ๋™์˜
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

3)์•ฝ๊ด€ ๋ณด๊ธฐ ๋ˆŒ๋ €์„ ๋•Œ ์ œ์ด์ฟผ๋ฆฌ slideUp slideDown ๊ธฐ๋Šฅ์“ฐ๊ธฐ 

4) ์Šฌ๋ผ์ด๋“œ์‡ผ: More ๋ˆ„๋ฅด๋ฉด ๊ทธ ์ •๋ณด ํŽ˜์ด์ง€๋กœ ์ด๋™ 
๋™๊ตฌ ์‚ฌ์ดํŠธ ์ฐธ๊ณ  
https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do

 

| ์šธ์‚ฐ๊ด‘์—ญ์‹œ ๋™๊ตฌ ๋ฌธํ™”๊ด€๊ด‘์ถ•์ œ

 

www.donggu.ulsan.kr


์˜ค๋Š˜์€ ๋ฉ”์ธ ํ™”๋ฉด ๋ฉ”๋‰ด, ์Šฌ๋ผ์ด๋“œ ์‡ผ ์ด๋ฏธ์ง€ ๋„ฃ์—ˆ๊ณ 
๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํ™”๋ฉด์€ ์™„๋ฃŒํ–ˆ๋‹ค. 
์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ๋งˆ์น˜๊ณ  ๋‹ค๋ฅธ ์ฃผ์ œ์˜ ํ”„๋กœ์ ํŠธ๋„ ํ•˜๊ณ  ์‹ถ๋‹ค!:)


๋ฉ”๋‰ด ๋ˆŒ๋ €์„ ๋•Œ

 

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