JAVA/JAVA개발자 양성과정
[JQuery] 효율적인 요소 반복 추가, this의 자식 요소 선택, 자식요소에 이벤트 추가
👩💻 자바 개발자 양성과정 25일차 효율적인 요소 반복 추가 this의 자식요소 선택 자식 요소에 이벤트 추가 오늘은 원래 휴강인데, 지난주에 코로나때문에 휴강한거 보강을 하게 되었다..ㅎ 1️⃣ 효율적인 요소 반복 추가 제이쿼리에서 요소 추가시 +=를 사용해서 문자로 추가하는 방식과 array에 배열을 넣은 다음 붙혀서 추가하는 방식이 있다. 이때는, array를 사용하는게 더 효율적인 방법이라고 한다. var arr = '' for (const user of nameList) { arr += `${user.name}${user.age}` } $('table > tbody').append(arr); 이거보다 var arr = []; for (const user of nameList) { arr.pus..
[JavaScript] 자바 개발자 양성과정 23일차 - 마우스 위치 추적(offsetX, offsetY, 이벤트 삭제(removeEventListener())
🔆 자바스크립트로 마우스 위치 추적하기 - e.offsetX, e.offsetY //이벤트 핸들러 (이벤트 리스너) function showPoint(e) { const showPoint = document.getElementById("showPoint"); showPoint.innerText = `x : ${e.offsetX}, y: ${e.offsetY}`; }; 🔆 자바스크립트로 이벤트 삭제하기 - removeEventListener() DOM앨리먼트.removeEventListener("addevent에서 지정한 작동타입", addevent에서 지정한 이벤트 핸들러) 만약, 이벤트 핸들러 함수의 이름이 없으면 삭제가 안된다. 그래서 삭제를 하려는 Event는 function으로 분리해줘야한다. c..
[JavaScript] 코딩 피드백 - 태그 추가/수정/특정 문자 변경하기 (firstChild, nodeValue)
어제는 javascript로 DOM을 제어하는 방법을 배웠다. 배운 것을 하나의 기능으로 구현해보았는데, [수정] 버튼 클릭시 item 1 /item 2 에서 item을 happy로 바꾸고 싶었다. 그래서 나는 DOM에 innerHTML로 item 1 의 문자를 가져와서 replace로 숫자만 남긴 다음 createTextNode에 happy글자에 방금 남긴 숫자를 더해서 구현했다. 사실, 글자를 바꾼다는 의미로는 많이 부족한 코드 같아서 선생님께 피드백을 요청드렸다. 🔽 내가 작성한 코드 changeBtn.addEventListener("click", function () { let div = document.getElementById('div'); //DOM객체 if (div != null) { le..
자바 개발자 양성과정 1차 평가 오답노트 (JAVA기본, MYSQL)
👩💻 60점부터 재시험인데 아슬아슬하게 65점 맞았다..😱 휴.. mysql에서는 실수가 많았고 java에서는 이해가 부족한 부분이 많았다. JAVA 🔰 오버로딩이 성립하기 위한 조건 1. 메소드 이름이 같아야 한다. 2. 매개변수의 갯수가 달라야 한다. 3. 매개변수 타입이 달라야 한다. 4. 리턴타입이 같아야 한다. 🔰 오버라이딩이 성립하기 위한 조건 1. 상위클래스의 메소드의 이름이 같아야 한다. 2. 매개변수의 개수와 타입이 같아야 한다. 3. 상위 클래스의 메소드보다 접근 제어자를 더 좁은 범위로 변경할 수 없다. 4. 상위 클래스의 메소드 보다 더 큰 범위의 예외를 선언할 수 없다. 🔰 상속관계가 아닌경우에는 다운캐스팅/업캐스팅을 할수 없다. 1. intern = (intership)temp..
[JavaScript] JSON풀었다가 묶었다 하기, 자바스크립트로 요소 접근하기
👩💻 자바 개발자 양성과정 22일차 JSON, stringify, parse window.open() 자바스크립트로 요소 접근하기 JSON 형식 var user = { "name": "jolie", "email": "java@gmail.com", "age": 10 } JSON을 STRING타입으로 변환 - JSON.stringify(json) var userStr = JSON.stringify(user); STRING을 JSON타입으로 변환 - JSON.parse(스트링) var obj = JSON.parse(userStr); ❓❓ window.open()을 변수에 대입했을때, 변수는 window.open()으로 열린 브라우저에 대한 정보를 가지는가? 오픈 닫기 See the Pen window.ope..
[JavaScript] 자바스크립트 ECMA6 맛보기 - var/let/const, for of/in, Arrow Fn
👩💻 자바 개발자 양성과정 25일차 var, let, const for(~of~), for(~in~) 즉시 실행함수 Arrow Function, Arguments 이번주도 화이팅이다! 라섹하고 바로 수업들어서 그런지 시력이 낮게나와서 잘 맞춰서 눈을 풀어줘야겠다. var uename = "aa"; var uename = "aa2"; console.log(`tt : ${uename}`); //aa2 //let은 var처럼 선언을 중복할수 없다. //단, 선언을 제외하고 덮어씌우기는 가능하다. let name = "aa"; //let name = "aa2"; //error name = "aa2"; console.log(`username : ${name}`); //const은 var처럼 선언을 중복할수 없다..
[HTML/CSS] 자바 개발자 양성과정 19일차 - pre, font, rm, rem, display요소들,align-items
18일차와 19일차는 html/css수업이라 알고 있는 내용이 많아서 따로 모르는 내용만 작성했다. HTML 💚 태그를 사용하면 텍스트 서식을 그대로 표현할 수 있다. font 💗 body의 폰트크기는 기본 16px이다. 💗 rem 은 html을 기준으로 작동한다. html의 font-size가 16px이고, 요소의 font-size가 2rem이면 요소의 폰트크기는 32px이다. 💗 em은 부모요소를 기준으로 작동한다.div>p 일때, div의 font-size가 16px이고, 요소p의 font-size가 2rem이면 요소의 폰트크기는 32px이다. 💗 font : font-style font-weight font-size font-family #text4{font : italic bold 20px se..
[JAVA] 자바 개발자 양성과정 17일차 - JAVA에서 MYSQL제어하기
ㅇㅔ구구 오늘은 살짝 늦잠을 잤다. CallableStatement MYSQL에서 만들어둔 프로시저를 호출할수 있는 메서드. 프로시저란? [MYSQL] 자바 개발자 양성과정 15일차 - UNSIGNED, DECIMAL, 저장 프로시저, 프로시저로 데이터 (IN, OUT, INO 이번주도 화이팅!! 🎈✨✨ 테이블 명은 가급적이면 대소문자를 구분해서 쓰자! SQL에서는 구분하지 않지만, 나중에 리눅스에서 돌릴 것도 생각한다면 가급적 대소문자를 구분하는 것이 좋음 UNSI hoyashu.tistory.com JAVA에서 MYSQL프로시저 작동시키기 1. MYSQL에서 프로시저를 만든다. delimiter // CREATE PROCEDURE retriveCustomerList() BEGIN SELECT id, ..
[JAVA] 자바 개발자 양성과정 16일차 - Java와 MYSQL연동하기🔧(JDBC Driver, executeQuery, executeUpdate, Statement, PreparedStatement, SELECT, INSERT, DB 연결 모듈화, 모듈 연동)
Java와 MYSQL연동해서 SELECT하기🔧 1. JAVA에 JDBC Driver를 설치 JDBC 오라클, mysql 과 같은 다양한 DBMS와 접속이 가능하도록 표준화된 방법으로 만든 API = 자바 프로그램에서 다른 기종 간의 데이터베이스를 표준화된 방법으로 접속할 수 있도록 만든 API JDBC Driver (제이디비씨 드라이버) MYSQL(사용 DBMS)에서 제공하는 JDBC드라이브가 있어야지 자바와 연결을 하는 기능을 제공한다. 2. JAVA에 JDBC드라이브 로딩 //1. JDBC드라이브 로딩 try { Class.forName("com.mysql.cj.jdbc.Driver"); //다른 서버 접속시 바뀌는 부분 } catch (Exception e) { e.printStackTrace();..
[MYSQL] 자바 개발자 양성과정 15일차 - UNSIGNED, DECIMAL, 저장 프로시저, 프로시저로 데이터 (IN, OUT, INOUT), VIEW
이번주도 화이팅!! 🎈✨✨ 테이블 명은 가급적이면 대소문자를 구분해서 쓰자! SQL에서는 구분하지 않지만, 나중에 리눅스에서 돌릴 것도 생각한다면 가급적 대소문자를 구분하는 것이 좋음 UNSIGNED [언사인드] 테이블 설정중 하나로 음수값을 제한한다는 의미로 사용된다. CREATE TABLE `Code` ( `id` INT(11) UNSIGNED NOT NULL AUTO_INCREMENT, ) DECIMAL [디시멀] 고정 소수점 타입(fixed-point types) MySQL에서 고정 소수점 타입인 DECIMAL은 실수의 값을 정확하게 표현하기 위해 사용됩니다. DECIMAL에서 사용하는 고정 소수점 방식은 실수를 표현할 때 소수부의 자릿수를 고정하여 표현합니다. 즉, 소수부의 자릿수를 미리 정해 ..