본문 바로가기
반응형

전체 글 보기299

[Javascript] 04-3 브라우저 객체 모델 브라우저 객체란? - 브라우저에 내장된 객체를 브라우저 객체라고 한다 - window는 브라우저 객체의 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있음 - 계층적 구조로 이루어져있으며, 이를 브라우저 객체 모델(BOM)이라고 함 window 객체 1. 의미 : 브라우저 객체의 최상위 객체 2. window 객체의 메서드 종류 3. open() 메서드 이용해 팝업창 나타내기 4. alert()- 경고창, prompt() - 질의응답창, confirm() - 확인/취소창 일정한 시간 간격으로 코드 실행 - setInterval() / clearInterval() 1. 의미 : setInterval() 메서드는 코드를 일정 시간 간격으로 반복 실행하고, clearInterval() 메서드는 .. 2021. 9. 12.
[Javascript] 04-2 내장 객체 내장 객체 - 내장 객체란, 브라우저의 자바스크립트 엔진에 내장된 객체를 말함 - 필요한 경우 객체를 생성해서 사용할 수 있음 - 내장 객체로는 문자, 날짜, 배열, 수학, 정규 표현 객체 등이 있음 내장 객체 생성하기 1. 내장 객체를 생성하는 기본형 : 참조변수(인스턴스 이름) = new 생성 함수() 2. 문법 이해 - 객체를 생성할 때는 new라는 키워드와 생성 함수( 예. Object( ) )를 사용 - 생성된 객체는 변수 tv가 참조하고 있고 이를 이용해서 객체의 속성과 메서드를 생성한다 - 생성된 객체를 이용할 때는 앞으로 참조 변수를 사용하겠다는 의미 3. 예제 - tv와 car 객체 생성 객체 속성 관련 메서드 1. 종류 2. 예제 - 이미지 변경하기 이미지 변경 이미지 변경 3. 예제 .. 2021. 9. 12.
[Javascript] 04-1 객체 객체란? - 자바스크립트는 객체(Object) 기반 언어 - 객체는 기능과 속성을 가지고 있음 예) TV(객체)의 속성(Property)에는 너비, 높이, 색상, 무게 등이 있고 기능(메소드)에는 전원키다, 볼륨높이다 등이 있다. - 우리는 앞에서 document.write()을 사용해봄 -> 여기서 document가 객체고 write()가 메서드임 객체의 종류 - 종류 : 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM) 1. 내장 객체 - 자바스크립트 엔진에 내장되어 있어서 필요한 경우에 생성해서 사용할 수 있음 - 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있음 - 예) 오늘 날자를 알고 싶다면 Date 객체를 생성하여 getDate() .. 2021. 9. 12.
[Do it! 자바스크립트+제이쿼리 입문] 6장 제이쿼리 문서 객체 선택자와 조작법 총정리 실습! 1. 주요 선택자 정리하기 도전 Mission! 1. 2. homework 2021. 9. 12.
[Do it! 자바스크립트+제이쿼리 입문] 5장 함수 도전 Mission! 1. 배경색 바꾸기 배경 색상 바꾸기 2. 두 학생의 국어, 수학 평균 점수 출력하는 함수 - 프로토타입 사용 homework 2021. 9. 12.
[Do it! 자바스크립트+제이쿼리 입문] 4장 객체 총정리 실습! 1. 브라우저 객체 모델을 사용해 운영체제 정보와 스크린 정보 얻기 - navigator 객체와 screen 객체를 이용하여 버튼을 누를 때마다 방문자의 운영체제 정보와 스크린 사이즈 정보 출력 * 크롬 개발자 도구의 디바이스 도구를 사용하여 환경을 테스트해볼 수 있다. * 모델 변경 후 새로고침을 해야 이미지 파일이 바뀜 도전 Mission! 1. 휴대폰 번호 뒷자리 별처리 및 이미지 속성 문자열 대체하기 - substring()과 replace() 메서드 사용 2. 점심 메뉴 고르기 - Math.floor()과 Math.random() 메서드 사용 homework 4. 배열의 총 합을 구해 화면에 출력해 주세요. 5. 입력 값의 합 구하기 조건 1. end가 입력될 때까지 숫자를 계속해.. 2021. 9. 12.
[Do it! 자바스크립트+제이쿼리 입문] 3장 제어문 도전 Mission! 1. while문을 이용하여 구구단 5단 출력 2. 중첩 for문을 이용하여 5행 5열 표 만들기 homework 짝수일까, 홀수일까 3의 배수 찾기 3. 별찍기 (증가) 별 찍기 (증가) 4. 별찍기 (감소) 별 찍기 (감소) 5. 별 찍기 (모래시계) 별 찍기 (모래시계) 2021. 9. 12.
[Do it! 자바스크립트+제이쿼리 입문] 2장 자바스크립트 기초 문법 총정리 실습! 1. 단순히 페이지에서 보여주기 방식 (prompt() 메서드 사용 X) 2. 질의응답 창으로 방문자의 응답 받아오기 (prompt() 메서드 사용) 도전 Mission! 1. 적정 지출 비용의 초과 여부 2. 평균 판매량의 이상/미달 값 출력 homework 2021. 9. 12.
[Database] 08. JDBC 프로그래밍 1. DB Client 프로그램의 역할 - 쿼리(SQL)실행 도구 - 연결/인증, 문장실행, 결과패치 2. 애플리케이션(서비스)의 역할 - 고객은 쿼리를 알지도 알 필요도 없다. - 고객은 UI를 통해 회원정보의 목록조회/등록/검색 등을 실행한다. - 각 실행 단계의 코드를 통해서 쿼리(SQL)문이 작성된다. - 작성된 쿼리(SQL)는 데이터베이스 서버로부터 연결/인증, 문장실행, 결과패치를 한다. - 해당 결과를 UI(고객)에게 전달한다. - 프로그래머는 사용자의 요구에 부응하는 쿼리를 만들어주고 그것을 실행할 수 있도록 해준다. - 이때 필요한 것은 코드에서 데이터를 수용할 수 있게 해주는 라이브러리(DB API)가 필요하게 되는데 - 서로 다른 DBMS에 대해 연결/인증, 쿼리실행, 결과패치 등을 .. 2021. 9. 11.
[Database] 07. 데이터 조작하기 DML 실습 1. DML 개념 - DML : Data Manipulation Language - 검색/등록/삭제/갱신을 위한 데이터베이스 언어 2. [INSERT] 등록/생성 1. 모든 필드 값을 입력하기 INSERT INTO lecture.member VALUES( 'hong01', '1234', '홍길동', '남', '2021-09-03', '010-1234-5678', '2021-09-03', 'hong01@gmail.com' ); SELECT * FROM lecture.member; 2. 원하는 필드만, 원하는 순서대로 입력하기 INSERT INTO member(ID, PWD) VALUES('lim02','6789'); -- 필수(입력) 정보 외에는 NULL로 채워짐 3. member테이블에 회원.. 2021. 9. 11.
[Linux] 3. Linux에 Tomcat 설치 및 실행하기 Linux에 Tomcat 8.5 버전 다운로드 1. 다운로드 경로 얻기 -> tar.gz 우클릭 후 링크 주소 복사 Apache Tomcat® - Apache Tomcat 8 Software Downloads Apache Tomcat® - Apache Tomcat 8 Software Downloads Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you ne.. 2021. 9. 10.
[AWS] 03. PuTTy로 인스턴스 원격 접속 용어 정리 1. SSH 란? - Secure SHell의 약자 - 네트워크 상에 있는 다른 컴퓨터에 로그인하거나 원격으로 명령을 실행할 수 있는 프로그램 또는 프로토콜을 말함 2. PuTTy 란? - 이러한 SSH를 이용해 서버에 접속하여 명령어를 전송하는 원격 서버 접속 프로그램 - 한 마디로 원격 서버에 접속하기 위해 사용하는 프로그램이다. - Telnet 또는 SSH 등의 원격 접속을 통해 서버에 직접 접근하여 작업을 수행할 수 있다. PuTTy 다운로드 1. putty 및 puttygen 다운로드 페어 키 putty 인식 가능하도록 변경 1. puttygen.exe 실행 후 Load 버튼 클릭 2. 파일 형식 All Files로 변경 -> 다운받은 페어 키 선택 -> 열기 버튼 클릭 3. 확인 버.. 2021. 9. 10.
[Linux] 2. Linux에 Java 설치하기 Java 설치 확인 1. 자바 버전 확인 -> java –version Java 설치가 안되어있는걸 볼 수 있다. Java 설치 2. 패키지 업데이트 -> sudo apt-get update –y 3. jdk 설치 -> sudo apt-get install openjdk-8-jdk 4. jdk 설치 확인 -> java -version Java 환경설정 1. 링크된 자바 경로 확인 -> which java, readlink –f /usr/bin/java * which = 특정명령어의 위치를 찾아주는 명령어 2. 실제 자바 경로 확인 -> readlink –f /usr/bin/java * readlink -f = 심볼릭 링크의 원본을 찾아주는 명령어 3. jdk 경로 복사 -> /bin/java/ 제외한 텍.. 2021. 9. 10.
[Database] 06. 테이블 수정 및 업무 테이블 준비하기 테이블 수정하기 1. create (테이블 생성) CREATE TABLE `member` ( `ID` varchar(50) DEFAULT NULL, `PWD` varchar(50) DEFAULT NULL, `NAME` varchar(50) DEFAULT NULL, `GENDER` char(6) DEFAULT NULL, --> '남' '여'로 표현 가능 2.수정요청 `AGE` tinyint unsigned DEFAULT NULL, --> BIRTHDAY(생년월일)로 계산 가능 3.삭제요청 `BIRTHDAY` char(10) DEFAULT NULL, `PHONE` char(13) DEFAULT NULL, 2021. 9. 10.
[Linux] 1. Linux 명령어 정리 우분투 터미널에서 텍스트 복사 및 붙여넣기 - 복사 : 복사할 텍스트를 드래그하기 - 붙여넣기 : 붙여넣을 곳에서 마우스 우클릭 기본 명령어 - ls : 폴더 구조 보기 - cd .. : 상위 폴더로 이동 - cd 폴더명 : 하위 폴더로 이동 2021. 9. 10.
반응형

티스토리툴바