λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
IT자격증 곡뢀/μ •λ³΄μ²˜λ¦¬μ‚°μ—…κΈ°μ‚¬ μ‹€κΈ°

[κ³Όμ •ν‰κ°€ν˜•] μ •λ³΄μ²˜λ¦¬μ‚°μ—…κΈ°μ‚¬ μ‹€κΈ° - ν›„κΈ°

by yunamom 2022. 5. 10.
728x90
300x250

 

 

 

μ•ˆλ…•ν•˜μ„Έμš” yunamom μž…λ‹ˆλ‹€ :D

 

5μ›” 9일(ν•„κΈ°), 5μ›” 10일(μ‹€κΈ°)  2ν‹€ λ™μ•ˆ [κ³Όμ •ν‰κ°€ν˜•] μ •λ³΄μ²˜λ¦¬μ‚°μ—…기사 μ‹œν—˜μ„ λ³΄μ•˜λŠ”λ°μš”.

 

였늘 μ‹€κΈ°μ‹œν—˜μ„ λ³Έ ν›„κΈ°λ₯Ό μž‘μ„±ν•˜λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€. 😊

 

μ •λ³΄μ²˜λ¦¬μ‚°μ—…κΈ°μ‚¬ κ³Όμ •ν‰κ°€ν˜• μ‹€κΈ°μ‹œν—˜ ν›„κΈ°

 

✨ 2μ°¨ μ‹€κΈ°μ‹œν—˜ 

ꡬ뢄 μ£Όμš”λ‚΄μš©
μ‹œν—˜λ°©λ²• μž‘μ—…ν˜• μ‹€κΈ°μ‹œν—˜
ν‰κ°€λ‚΄μš© μž‘μ—…ν˜• βˆ™ μ—…λ¬΄μš”κ±΄μ— λ§žλŠ” λ°μ΄ν„°λ² μ΄μŠ€ ꡬ좕과 μš”κ΅¬μ‚¬ν•­μ— λ§žλŠ” μ‘μš©μ†Œν”„νŠΈμ›¨μ–΄ 개발과 ν…ŒμŠ€νŠΈ μ‹€μ‹œν•˜κΈ°
과제 및 μ‹œν—˜μ‹œκ°„ μ‘μš©μ†Œν”„νŠΈμ›¨μ–΄ 개발 4μ‹œκ°„(240λΆ„) 4μ‹œκ°„
배점 μž‘μ—…ν˜•
100점(60%)

 

μ˜€μ „ 8μ‹œ 30뢄에 μ‹œν—˜μž₯μ†Œμ— λ„μ°©ν•΄μ„œ κ°λ…κ΄€λ‹˜λ“€μ΄ 신원확인 및, μœ μ˜μ‚¬ν•­μ„ μ„€λͺ…ν•΄μ£Όμ‹œκ³  8μ‹œ 50뢄에 μ‹œν—˜μ‹œμž‘!πŸ‘©πŸ»‍πŸ’»

 

μ‹œν—˜μ§€λŠ” μ’…μ΄λ‘œ λ‚˜λˆ„μ–΄μ£Όμ…¨κ³  μ‹œν—˜μ΄ λλ‚œλ’€μ—λŠ” μˆ˜κ±°ν•΄ κ°€μ…¨μŠ΅λ‹ˆλ‹€.

 

μ‹œν—˜λ‚΄μš©μ€ μ§€μ—­κ΅¬μ˜μ›νˆ¬ν‘œ μ™€ λΉ„μŠ·ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ‹€λ§Œ DB 연동 μ†ŒμŠ€μ½”λ“œκ°€ μ•„λž˜μ™€ κ°™μ•˜μŠ΅λ‹ˆλ‹€. ( jsp 파일 μ˜ˆμ‹œ )

DB 연동 μ†ŒμŠ€μ½”λ“œ

κ·Έλž˜μ„œ μ•„λž˜μ™€ 같은 DB 연동 μ†ŒμŠ€μ½”λ“œλ‘œλ§Œ μ—°μŠ΅ν•˜μ‹ λΆ„λ“€μ€ 이점도 μ•Œμ•„λ‘κ³  κ°€μ‹œλ©΄ 쒋을것 κ°™μŠ΅λ‹ˆλ‹€.😊

package DBPKG;

import java.sql.*;

public class DAO {

	public static Connection getConnection() {
		Connection conn = null;
		
		String url = "jdbc:oracle:thin:@localhost:1521:xe";
		String id = "system";
		String pw = "1234";
		
		try {
                        // λ°μ΄ν„°λ² μ΄μŠ€ κ΄€λ ¨ 정보(JDBC) 정보λ₯Ό κ°€μ Έμ˜΄
			Class.forName("oracle.jdbc.OracleDriver");

                        // DriverManagerλ₯Ό μ΄μš©ν•˜μ—¬ Connection 객체생성
			conn = DriverManager.getConnection(url, id, pw);
			
			System.out.println("DB 접속");
		} catch(Exception e) {
			e.printStackTrace();
		}
		return conn;
	}
}

 

ν…Œμ΄λΈ”μ€ 총 3κ°œκ°€ μžˆμ—ˆκ΅¬μš” μ‹€κΈ° μ˜ˆμ‹œλ¬Έμ œμ™€ 90% μΌμΉ˜ν–ˆμŠ΅λ‹ˆλ‹€. 

 

예λ₯Όλ“€μ–΄ λ‘κ°œμ˜ ν…Œμ΄λΈ”μ„ 쑰인, μ„œλ‘œ 연관이 μžˆλŠ” μ»¬λŸΌμ„ SELECT ν•΄μ„œ 좜λ ₯,

 

μ§€μ—­λ²ˆν˜Έκ°€ '10'이면 'μ„œμšΈ' 둜 좜λ ₯ν•˜λŠ”μ‹ λ“±λ“±

 

SELECT λŠ”  JOIN, μ„œλΈŒμΏΌλ¦¬, DECODE, || , SUBSTR   이 λ‹€μ„―κ°€μ§€λ§Œ 잘 μˆ™μ§€ν•˜λ©΄ ν•œλ°©μ— 좜λ ₯ν• μˆ˜μžˆμŠ΅λ‹ˆλ‹€.

 

μ•„λž˜λŠ” SQLμ „λ¬Έκ°€ 책을 보고 μš”μ•½ν•œ SQLκΈ°λ³Έ μž…λ‹ˆλ‹€.

 

[SQL μ „λ¬Έκ°€] κ³Όλͺ©II. 제1μž₯ SQL κΈ°λ³Έ

πŸ“–μ œ1μž₯ SQL κΈ°λ³Έ 제1절 κ΄€κ³„ν˜• λ°μ΄ν„°λ² μ΄μŠ€ κ°œμš” 제2절 SELECT λ¬Έ 제3절 ν•¨μˆ˜ 제4절 WHERE 절 제5절 GROUP BY, HAVING 절 제6절 ORDER BY 절 제7절 쑰인 제8절 ν‘œμ€€ 쑰인 μž₯ μš”μ•½ μ—°μŠ΅λ¬Έμ œ ✨제1절 κ΄€κ³„ν˜• 데

yunamom.tistory.com

πŸ’‘NULLS LAST, NULLS FIRST μ •λ ¬ν•˜λŠ” 방법도 μ•Œμ•„λ‘μ‹œλ©΄ μ’‹μŠ΅λ‹ˆλ‹€.

 

[Oracle] ORDER BY NULL κ°’ μ •λ ¬ν•˜κΈ°

μ•ˆλ…•ν•˜μ„Έμš” yunamom μž…λ‹ˆλ‹€ :D Oracle λ°μ΄ν„°λ² μ΄μŠ€μ—μ„œ NULL μ •λ ¬ν•˜λŠ” 방법을 ν¬μŠ€νŒ…ν•˜κ² μŠ΅λ‹ˆλ‹€. NULLS FIRST : μ •λ ¬ν•˜κ³ μž ν•˜λŠ” NULL 데이터듀을 데이터 μ•žμ— λ‚˜μ˜€κ²Œ ν•œλ‹€. NULLS LAST : μ •λ ¬ν•˜κ³ μž ν•˜λŠ” NULL

yunamom.tistory.com

 

300x250

이제 λ¬Έμ œλŠ” INSERT μΈλ°μš” κ·Έλ™μ•ˆ μ—°μŠ΅ν•΄μ™”λ˜κ²ƒλ³΄λ‹€ μ’€ λ‚œμ΄λ„κ°€ μžˆμ—ˆμŠ΅λ‹ˆλ‹€.

 

μ €λŠ” 총 3μ‹œκ°„ 20뢄에 κ±Έμ³μ„œ λͺ¨λ“  μš”κ΅¬μ‚¬ν•­μ„ λ‹€ κ΅¬ν˜„ν•˜μ˜€λŠ”λ°μš”. INSERT 에 λŒ€λž΅ 1μ‹œκ°„μ€ 맀달렀 μžˆμ—ˆμŠ΅λ‹ˆλ‹€.

 

select μ—μ„œ 값을 μ„ νƒν•˜λ©΄ input에 값이 μžλ™μœΌλ‘œ λ“€μ–΄κ°€κ²Œν•˜λŠ” λ¬Έμ œμ˜€λŠ”λ°μš” 

 

onchange λ₯Ό μ£Όμ–΄μ„œ select 값을 μ„ νƒν–ˆμ„λ•Œ change() ν•¨μˆ˜κ°€ μž‘λ™λ˜κ²Œ κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

 

μ˜ˆμ‹œ)

<select id="test" onchange="change()">
    <option value="100" >[100]test</option>
    <option value="200" >[200]test</option>
    <option value="300" >[300]test</option>
</select>
<input id="show">
function change(){
  	var values = document.getElementById('test').value;
    document.getElementById('show').value = values;
  
  }

 

λ¬Έμ œλŠ” select box κ°€ λ‘κ°œ 주어지고 등급에 따라 ν• μΈμœ¨μ΄ μ£Όμ–΄μ§‘λ‹ˆλ‹€.

 

예)

- test2 값이 > 100 μΌλ•Œ test3 값이 20%ν• μΈλ˜μ–΄μ„œ 좜λ ₯

- test3 값을 선택후 test2값을 λ‹€μ‹œ μ„ νƒν• κ²½μš° test3 μ…€λ ‰νŠΈ λ°•μŠ€κ°€ μ΄ˆκΈ°ν™”

<select id="test2" onchange="change2()">
    <option>test2</option>
    <option value="100" >[100]test2</option>
    <option value="200" >[200]test2</option>
    <option value="300" >[300]test2</option>
  </select>
  <input id="show2">
    <select id="test3" onchange="change3()">
      <option selected>test3</option>
    <option value="10000" >[10000]test3</option>
    <option value="20000" >[20000]test3</option>
    <option value="30000" >[30000]test3</option>
  </select>
  <input id="show3">
function change2(){
  	var values = document.getElementById('test2').value;
    document.getElementById('show2').value = values;
    document.getElementById('show3').value = "";
    document.getElementById('test3').options[0].selected = true;
}
  function change3(){
    var values2 = document.getElementById('test2').value;
  	var values = document.getElementById('test3').value;
    
    if(values2 > 100) values*=0.8;
    document.getElementById('show3').value = values;
}

μ—¬κΈ°μ„œ μ£Όμ˜ν• μ μ€ test3 μ…€λ ‰νŠΈ λ°•μŠ€ μ΄ˆκΈ°ν™” μž…λ‹ˆλ‹€.

 

document.getElementById('test3').options[0].selected = true;

 

μ΄λ ‡κ²Œ options[0].selected = true 첫번째 μ˜΅μ…˜κ°’μ„ μ§€μ •ν•΄μ€ŒμœΌλ‘œμ¨ μ΄ˆκΈ°ν™”κ°€ λ©λ‹ˆλ‹€.

 

이외에 alert λΌλ˜μ§€ 데이터저μž₯ν›„ 메인화면이동은 μ˜ˆμ‹œλ¬Έμ œμ™€ κ°™μŠ΅λ‹ˆλ‹€.

 

λ§ˆμ§€λ§‰μœΌλ‘œ μ‹€κΈ°μ‹œν—˜ λ³΄λŸ¬κ°€μ‹œκΈ°μ „μ— μ•„λž˜ μžλ°”μŠ€ν¬λ¦½νŠΈ ν•¨μˆ˜λ₯Ό μ•Œμ•„λ‘κ³  κ°€μ‹œκΈΈ μΆ”μ²œν•©λ‹ˆλ‹€~ πŸ˜„ 

 

 

[μžλ°”μŠ€ν¬λ¦½νŠΈ] onclick, onchange, onmouse, onkeyup 이벀트 ν•¨μˆ˜

μ•ˆλ…•ν•˜μ„Έμš” yunamom μž…λ‹ˆλ‹€ :D μ΄λ²ˆμ‹œκ°„μ—λŠ” JavaScript μ—μ„œ ν‚€λ³΄λ“œ, 마우슀 이벀트 ν•¨μˆ˜μ— λŒ€ν•˜μ—¬ ν¬μŠ€νŒ… ν•˜κ² μŠ΅λ‹ˆλ‹€.😊  onclick : ν΄λ¦­ν–ˆμ„λ•Œ onclick onclick function on1(){ var values = document.getEl..

yunamom.tistory.com

 

 

 

728x90
300x250

μ½”λ“œ