학교 & 학원 이론 수업 (87) 썸네일형 리스트형 2023.02.08 수요일 - getElementById, 연산자, 반복문 ex1_scoreinput.html va" style="width:100px"> HTML : 결과확인 결과 //자바점수를 입력후 포커스가 벗어날 때 발생하는 이벤트 document.getElementById("txtjava").onblur=function(){ //숫자가 아닐 경우 경고 후 포커스 if(isNaN(this.value)) { alert("숫자로만 입력해주세요"); this.value="";//입력값 지우기 this.focus();//포커스 주기 return;//여기서 이벤트 함수를 종료한다 } //0~100을벗어날 경우 경고표시 후 지우기 if(this.value100) { alert("0~100사이 값으로 입력해주세요"); this.value="";//입력값 지우기 this.focus().. 2023.02.07 화요일 - CSS, HTML, JavaScript ex1_imagechange.html DOCTYPE html> Document body,body *{ font-size: 1.5rem; font-family: 'Single Day'; } #photo1{ width: 300px; border:10px groove orange; } #starname{ margin-left: 100px; font-size: 35px; } 가나다 이미지의 속성을 변경하는 setAttribute,속성값을 얻는 getAttribute 수지 현재값 얻기 이미지랑 이름 변경하기 원래대로 데이타 출력할곳... var p1=document.getElementById("photo1"); var star=document.getElementById("starname"); var msg=doc.. 2023.02.06 월요일 - CSS, HTML, JavaScript ex1_olul.html DOCTYPE html> Document ol : 순서가 있는 목록(기본값 1) 자바 자료형 제어문 클래스 CSS HTML JavaScript 자바 CSS HTML JavaScript 자바 CSS HTML JavaScript ul:순서없는 목록(기본값 disc) 아반떼 소나타 그랜져 아반떼 소나타 그랜져 (실행 화면) ex2_ulstyle.html DOCTYPE html> Document /* div 태그의 class가 title인 경우에만 적용*/ div.title{ /*상위 태그의 2.5배의 글자 크기 rem: 최상위 태그의 배수로 지정할경우*/ font-size: 2.5em; font-family: 'Jua'; text-align: center; text-shadow: 3p.. 2023.02.03 금요일 - HTML, CSS (수업 일정) 2.3(금) ~ 4.14(금) : 총 10주 html, css, javascript, jQuery (3주) : visual studio java (2주) : eclipse Database(oracle, mysql) (1주) servlet & JSP (1~2주) : eclipse SpringBoot(2~3주) 2.10 특강 네이버 클라우드 강의장 (오전 4시간) / 오후 4시간 수업 4.17 (월) ~ 4.21 (금 ) 1주 : 리눅스 (외부강사) 4.24 ~ 5.30 (5주) mini project (3주) / aws 공부해서 DB 활용 리액트 기초 (2주) - visual studio & Spring Boot / cf. Node.js 5.31 특강 외부강사 6.1 ~ 6.9 네이버 클라우.. 사전교육 3일차 (2023.02.02) 제어문 if문 JavaScript DOCTYPE html> Document .photo1{ /*너비:10px*/ width: 100px; /*높이:10px*/ height: 130px; /*왼쪽 마진 100px*/ margin-left: 5px; /*테두리선 10px solid 색 아무거나*/ border: 5px groove orange; } .photo2{ width: 130px; height: 130px; border: 3px solid hotpink; border-radius: 100px; margin-left: 10px; box-shadow: 3px 3px 3px gray; } photo 폴더안에 12.jpg 이미지 출력하기 1~5번까지의 이미지 출력 class명을 photo1으로 준 후 sty.. 사전교육 2일차 (2023.02.01) JS Code -javascript 쓰는 법 : 변수 선언 방법 - 주는 법 : 3가지. id로 주는 방법(#)과 클래스로 주는 법(.) , 로 주는 법 -google font 가져다 쓰는 법 : 복사해서 밑에 붙여넣기 (코드) DOCTYPE html> Document #stylea{ /*너비:300px*/ width: 300px; /*높이:100px*/ height: 100px; /*가로 방향 가운데*/ text-align: center; /*세로 방향 가운데*/ line-height: 100px; /*왼쪽 마진 100px*/ margin-left: 100px; /*아래쪽 마진 50px*/ margin-bottom: 50px; /*배경색 연한 그린색 계통 아무거나*/ background-color: l.. 사전교육 1일차 (2023.01.31) 금일 배운 내용 중 공부 필요한 것 -자바 클래스 이름 짓는 규칙 https://thalals.tistory.com/325 https://m.blog.naver.com/reona7140/221306141987 -컴파일 언어 vs 인터프리터 언어 -> 컴파일 언어란 소스 코드 전체를 컴파일 한 후 (기계어로 번역한 후) 기계어를 CPU/메모리를 통해 읽어 실행하는 방식으로 동작하는 언어. 규모가 큰 프로그램은 컴파일 시 오래 걸릴 수 있다. 컴파일 후에는 모든 소스코드가 기계어로 변환되어 있기 때문에 실행 시간이 빠름. (컴파일 언어 종류 : C, C++, Java, C#) -> 인터프리터 언어란 소스 코드를 컴파일 하지 않고 인터프리터로 소스코드를 한 줄씩 번역하면서 실행하는 방식으로 동작하는 언어. 빌.. 이전 1 ··· 8 9 10 11 다음
