반응형

# 자바스크립트 객체의 종류

  • 자바스크립트 객체는 크게 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)이 있다.

## 내장객체

  • 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용할 수 있다.
  • 문서(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다.

## 브라우저 객체 모델(BOM)

  • 브라우저에 계층 구조로 내장되어 있는 객체를 의미한다.
  • window, screen, location, history, navigator 객체 등이 있다.
  • 브라우저(window)는 document와 location의 상위 객체이다.
window.location.href="사이트 URL"

## 문서 객체 모델(DOM)

  • HTML문서 구조를 의미한다.
  • HTML문서의 기본 구조는 최상위 객체로 <html>이 있고, 그 하위 객체로 <head>와 <body>가 있다.
  • 문서 객체 모델에서는 HTML의 문서의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꿀수 있고, 선택한 문서 객체에 원하는 스타일(CSS)를 적용할 수도 있다.
  • 하지만, 자바스크립트의 문서 객체 모델은 IE8 이하 버전에서는 호환성이 떨어져 사용하기 힘들다. 이러한 단점을 극복하기 위해서 제이쿼리 문서 객체 모델을 많이 사용한다.
반응형

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

함수, 매개변수 없이 함수에 전달된 값 받아오기, 호이스팅  (0) 2020.12.11
수학 객체, 배열객체, 문자열 객체  (0) 2020.12.11
PHP  (0) 2020.11.06
자바스크립트 이용한 새로고침, 자동 새로고침  (0) 2020.09.14
자바스크립트 2차원 배열 생성방법  (0) 2020.09.03
반응형

# 기획, 기획자

  • 무엇인가를 만들기 전 미리 상상하고, 계획하고, 구체화하는 과정이 필요하다. 이러한 일련의 과정은 여러 사람이 같이 협업할 경우엔 더욱 필요한다. 이러한 설계 과정을 기획이라고 하며, 이러한 업무를 담당하는 사람을 기획자라고 한다.

 

# 코딩과 HTML

왼쪽(결과) : Application, App, Program, Webpage, Website / 오른쪽 : Code, Source, Language 

  • 결과를 부르는 여러 표현 Application, App, Program, Webpage, Website
  • 코딩의 핵심 : 원인인 코드를 통해서 결과를 만든다는 것이다.

 

# HTML

  • 웹 페이지를 만든는 코드

## HTML은 두 가지 측면에서 좋다. 

1. 쉽다. ( 배우기 쉽고, 사용하기 쉽다. )

2. 중요하다. ( 정보가 담기는 거대한 그릇 )

## 실습

  • 메인 페이지 및 각 페이지 제작하여 하이퍼링크로 연결
  • index.html(메인) , HTML CSS JavaScript(1.html ~ 3.html)
<!doctype html>
<html>
<head>
  <title>Home page</title>
  <meta charset="utf-8">
</head>
<body>
  <header>
    <h1><a href="index.html">Web Application</a></h1>
  </header>
  <nav>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
  </nav>
  <article>
    <h2>Welcome</h2>
    Happy coding!!
  </article>
</body>
</html>
반응형
저작자표시

'프로그래밍 > HTML, CSS, JSP, 서블릿' 카테고리의 다른 글

줄바꿈 설정  (0) 2020.09.18
셀렉트 박스 링크 연결하기  (0) 2020.08.30
CSS 들여쓰기, 내어쓰기(text-indent)  (0) 2020.08.20
CSS 색상표 참고 사이트  (0) 2020.08.18
input file타입 확장자 제한하기  (0) 2020.08.14
반응형

# PHP

  • 동적 웹 페이지를 만들기 위해 설계
  • 웹 개발에 최적화된 언어로, 거의 모든 데이터베이스를 지원한다.
  • 웹 개발에 필요한 수 많은 로직을 함수 형태로 미리 제공하기에 초보자 또한 쉽게 접근할 수 있다.
반응형
저작자표시

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

수학 객체, 배열객체, 문자열 객체  (0) 2020.12.11
자바스크립트 객체의 종류  (0) 2020.12.10
자바스크립트 이용한 새로고침, 자동 새로고침  (0) 2020.09.14
자바스크립트 2차원 배열 생성방법  (0) 2020.09.03
제이쿼리 기초, 제이쿼리 이미지 슬라이더 기초  (0) 2020.08.08
반응형

# 자바 scanner 관련 명령어

Scanner scanner = new Scanner(System.in);

sc.next() : 다음 토큰을 읽는다.

sc.nextLine : 다음 행을 읽는다.

sc.hasNext : 토큰이 있는지 확인하고 boolean을 리턴, 공백의 경우 무시한다.

sc.hasNextLine : 행이 있는지 확인 후 boolean을 리턴, 줄 바뀜이 있으면 true를 리턴한다.
반응형
저작자표시

'프로그래밍 > 자바, JDBC' 카테고리의 다른 글

형 변환(캐스팅, casting)  (0) 2021.09.27
자바에서 자주 발생하는 에러와 해결방법  (0) 2021.09.23
자바 BufferedReader, BufferedWriter  (0) 2020.10.20
스프링 부트 스케줄러 적용방법  (0) 2020.09.29
게시판 리스팅되는 시간 측정 방법  (0) 2020.09.25

+ Recent posts

티스토리툴바