Dev.Kim-Web-site

πŸ”­ μ²«μ§Έλ‘œλŠ” μ œκ°€ μ‚¬μš©ν•  수 μžˆλŠ” μ–Έμ–΄λ“€κ³Ό μ œκ°€ ν–ˆλ˜ ν”„λ‘œμ νŠΈμ™€ 개인 정보듀을 κΈ°μž…ν•¨μœΌλ‘œμ¨ 보기 μ‰½κ²Œ ν•˜κΈ°μœ„ν•΄ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
πŸ”­ λ‘λ²ˆμ§Έλ‘œλŠ” 이번 개발 λ™μ•„λ¦¬μ—μ„œ μ§„ν–‰ν•œ JSP μŠ€ν„°λ””λ₯Ό 마치고 λ‚˜μ„œ 둜그인폼과 κ²Œμ‹œνŒμ„ 직접 λ§Œλ“€μ–΄λ³΄λŠ” 역할을 μ§„ν–‰ν•΄λ³΄κ³ μž μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

1. 개발 ν™˜κ²½

πŸ”Ž Apache Tomcat Server 9.0
πŸ”Ž Eclipse Developer version
πŸ”Ž jdk 1.8.0
πŸ”Ž JSP, CSS, HTML μ‚¬μš©
πŸ”Ž Oracle Developer
πŸ”Ž Oracle 11g

2. 🎨 ν™ˆνŽ˜μ΄μ§€μ˜ ꡬ성 🎨

image μ—¬κΈ°κ°€ 메인 ν™ˆνŽ˜μ΄μ§€μ΄κ³  메인 ν™ˆνŽ˜μ§€μ˜ λ¬Έκ΅¬λŠ” CSSλ₯Ό λ„£μ–΄μ„œ μ™Όμͺ½μ—μ„œ 였λ₯Έμͺ½μœΌλ‘œ 였게 λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€!
전체적인 λΆ„μœ„κΈ°λŠ” μ œμž‘μ„ ν•˜λ‹€λ³΄λ‹ˆ "λ„·ν”Œλ¦­μŠ€" ν™ˆνŽ˜μ΄μ§€μ™€ λΉ„μŠ·ν•˜μ—¬ λΆ„μœ„κΈ°λ₯Ό μ‚΄λ €λ³΄μ•˜μŠ΅λ‹ˆλ‹€.

1-(1) Technologe 메뉴

image μ œκ°€ ν˜„μž¬ μ‚¬μš©ν•  수 μžˆλŠ” μ–Έμ–΄λ“€ cμ–Έμ–΄, html/css, java, jspλ₯Ό μ•„μ΄μ½˜μœΌλ‘œ κ°€μ Έμ™€μ„œ λ””μžμΈμ— 신경을 μ¨μ„œ μ œμž‘ν–ˆμŠ΅λ‹ˆλ‹€.

1-(2) Info 메뉴

image μ €μ˜ 개인 λΈ”λ‘œκ·Έμ™€ κ³΅λΆ€ν•œ 것을 μ§€μ†μ μœΌλ‘œ 올리고 μžˆλŠ” μ €μ˜ κ³΅μŠ€νƒ€κ·Έλž¨μ˜ 링크, κΉƒν—ˆλΈŒκΉŒμ§€ 올렀 λ†“μ•˜μŠ΅λ‹ˆλ‹€!

1-(3) LOGINκ³Ό νšŒμ›κ°€μž… 폼

image image 학ꡐ 동아리 "ICNET"μ—μ„œ κ³΅λΆ€ν–ˆλ˜ JSPλ₯Ό μ‘μš©ν•΄λ³΄κ³ μž μ–΄λ–€ 것이 μžˆμ„κΉŒ 생각 쀑 κ°€μž₯ λŒ€ν‘œμ μΈ 둜그인 폼과 κ²Œμ‹œνŒμ„ κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€. OracleDeveloper 에 μ €μž₯λ˜μ–΄ μžˆλŠ” 아이디가 μ•„λ‹ˆλ©΄ 둜그인이 λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€!
νšŒμ›κ°€μž…μ— νΌλŒ€λ‘œ μž‘μ„±ν•˜κ³  μž…λ ₯ν•˜κ²Œ λœλ‹€λ©΄ OracleDeveloper 에 μ €μž₯이되고 λ„˜μ–΄κ°€κ²Œ λ©λ‹ˆλ‹€.

1-(4) κ²Œμ‹œνŒ

image κ²Œμ‹œνŒμ—μ„œλŠ” κΈ€ 등둝을 ν΄λ¦­ν•˜λ©΄ μž‘μ„±ν•˜λŠ” form이 λ‚˜μ˜€κ³  μž‘μ„±μ„ ν•˜κ³  κΈ€ 등둝을 ν•˜κ²Œλ˜λ©΄ μ €λ ‡κ²Œ κ²Œμ‹œνŒμ— 글이 μΆ”κ°€κ°€ λ˜λŠ” 것을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
μ•ˆμ—μ„œλŠ” μˆ˜μ •κ³Ό μ‚­μ œκ°€ κ°€λŠ₯ν•˜κ³  쑰회수 λ˜ν•œ 제λͺ©μ„ 클릭할 λ•Œ countκ°€ ν•˜λ‚˜μ”© μ¦κ°€λ˜λŠ” 걸둜 ν•˜μ—¬ μ‹œν€€μŠ€ 값을 μ¦κ°€μ‹œν‚€λŠ” κ±Έ κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€.