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

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

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

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

yjyuwisely 2023. 2. 1. 16:49

230201 Wed 24th class [6th day for portfolio :)]


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

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

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

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

 

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

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

www.modetour.com


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/


๊ทธ ํ›„ 

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

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

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

 

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

 

www.donggu.ulsan.kr


์ƒˆ๋กœ ์•Œ ๊ฒŒ ๋œ ๊ฒƒ

1. ์ด๋ฏธ์ง€๋ฅผ imgur.com์— ์˜ฌ๋ ค์„œ ์ด๋ฏธ์ง€ ์ฃผ์†Œ ๋ณต์‚ฌ ์“ฐ๊ธฐ

2. HTML ๋ฌธ์„œ๊ฐ€ ์žˆ๋Š” ํด๋”์— css ํด๋”๋ฅผ ๋„ฃ๋Š”๋‹ค. (ํ•˜์œ„ํด๋”)

Linking Style Sheet

HTML ํŒŒ์ผ๊ณผ CSS ํŒŒ์ผ์ด ๊ฐ™์€ ํด๋”์— ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ–ˆ์„ ๋•Œ์˜ ์ฝ”๋“œ๋กœ, ๊ฒฝ๋กœ๋Š” ์ ์ ˆํžˆ ์ˆ˜์ •ํ•ด์•ผ ํ•œ๋‹ค.

<link rel="stylesheet" href="style.css">

HTML ๋ฌธ์„œ๊ฐ€ ์žˆ๋Š” ํด๋”์— css ํด๋”๊ฐ€ ์žˆ๊ณ , ๊ทธ ์•ˆ์— style.css ํŒŒ์ผ์ด ์žˆ๋‹ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ•œ๋‹ค. ์ด ๋ฐฉ๋ฒ•์˜ ์žฅ์ ์€ ์—ฌ๋Ÿฌ HTML ๋ฌธ์„œ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. style.css๋ฅผ ์ ์šฉ์‹œํ‚ค๊ณ  ์‹ถ์€ ๋ฌธ์„œ์— <link> ํƒœ๊ทธ๋กœ ์—ฐ๊ฒฐ๋งŒ ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.

<link rel="stylesheet" href="css/style.css">

๊ธฐํƒ€) 
์ฐธ๊ณ  by ๊ฐ•์‚ฌ๋‹˜

jsp:include

 

jsp:include ์™€ <%@ include%> ์ฐจ์ด

I. 1. ์„ค๋ช… -. ์„œ๋ฒ„์ธก include๊ฐ€ ์•„๋‹Œ ํด๋ผ์ด์–ธํŠธ์ธก์˜ include๋ผ ์ƒ๊ฐํ•˜๋ฉด ๊ฐ„๋‹จํ•˜๋‹ค ์ฆ‰ ์ถœ๋ ฅ ๊ฒฐ๊ณผ๋งŒ(html์ฝ”๋“œ)์„ include ํ•œ๋‹ค -. include ๋˜๋Š” ํŽ˜์ด์ง€์™€ ๋ณ€์ˆ˜๋ฅผ ๊ฐ™์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค2. ์†์„ฑ โ‘  page -. ํฌํ•จ์‹œํ‚ค

yongblog.tistory.com

 

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