분류 전체보기
[Javascript] 기본동작 멈춰! (e.preventDefault())
가끔 a태그가 a태그의 역할을 안해줬으면 하는때가 있다 (응?🤷♀️) a href에 #를 하고 onclick을 준다던가, a링크로 인식되면 좋겠지만 링크가 작동되지 않았으면 할때가 있다. 당장은 "이런걸 언제써ㅋㅋ" 싶겠지만 언젠간 한번은 필요한 순간이 온다. See the Pen 기본동작 제어 - e.preventDefault() by hoyashu (@hoyashu) on CodePen. dom객체의 click이벤트가 실행되는 순간 해당 이벤트의 정보를 e에 받아와서 e.preventDefault() 해주면 해당 클릭으로 실행되었어야하는 기본동작이 실행되지 않는다. 이러한 기능은 기본적으로 실행되어야하는 모든 기본동작에 해당된다. a태그, file버튼, submit버튼 등..
[Javascript] 이벤트 버블링(bubbling) 공부해보자🛁, 그리고 버블링 멈춰!보자(.stopPropagation())
버블링.. 매번 공부하고 의미는 대충 알고 있는데 확실히 정리해두고 싶다. (매번 까먹음;;🤦♀️) 일단 버블링을 글로 설명하자면, 본인의 자식요소까지 부모요소의 이벤트가 전파되는 것이다. 즉, 자식의 이벤트를 실행시켰는데 부모의 이벤트도 함께 실행되어 버리는 상황이다. 작동되는 상황을 보자면 아래와 같다. See the Pen 이벤트 버블링(bubbling) by hoyashu (@hoyashu) on CodePen. div3을 누르면 div3의 이벤트만 실행되었으면 하는데, div1, div2의 이벤트가 모두 발생한다. (= 자식의 이벤트뿐만 아니라 부모의 이벤트까지 실행되는 상황) 이러한 상황을 이벤트 버블링(bubbling)이라고 하는 것이다. 이러한 버블링을 막고, 자식을 클릭하면 자식요소의 ..
[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();..
[JAVA] 이클립스 JDBC Driver 설치하는 법 (java에서 mysql연동하기)
JDBC다운로드 https://dev.mysql.com/downloads/connector/j/ MySQL :: Download Connector/J MySQL Connector/J 8.0 is highly recommended for use with MySQL Server 8.0, 5.7 and 5.6. Please upgrade to MySQL Connector/J 8.0. dev.mysql.com 1. Platform Independent 선택후 2. Platform Independent (Architecture Independent), ZIP Archive 다운로드 🎇 코딩할 때 만 쓰는 방법 1. 프로젝트 우클릭 2. BlidPath클릭 3. Configuer BlidPath 클릭 4. 아래 화..