정태웅 java학습일지

Date.now() 메소드Date.now() 메소드는 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초(millisecond) 단위의 정수로 반환합니다.예제var nowMiliSec = Date.now();nowMiliSec;           // 1970년 1월 1일 00:00:00부터 현재까지의 밀리초new Date(nowMiliSec); // new Date()와 같은 결과를 반환함.new Date(); Date.prototype getter 메소드모든 Date 인스턴스는 Date.prototype으로부터 메소드와 프로퍼티를 상속받습니다.Date.prototype getter 메소드는 날짜와 관련된 정보를 받아오기 위한 메소드입니다.가장 많이 사용되는 대표적인 getter 메소드는..

풀스텍과정 2024. 7. 19. 17:03

제어문(control flow statements)프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다.이러한 제어문에는 조건문, 반복문 등이 포함됩니다. 조건문(conditional statements)조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.조건문 중에서 가장 기본이 되는 실행문은 if 문입니다.자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같습니다.1. if 문2. if / else 문3. if / else if / else 문4. switch 문if 문if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.if 문의 문법은 다음과 같습니다..

풀스텍과정 2024. 7. 18. 09:37

자바스크립트 출력자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다.자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다.1. window.alert() 메소드2. HTML DOM 요소를 이용한 innerHTML 프로퍼티3. document.write() 메소드4. console.log() 메소드메소드(method)와 프로퍼티(property)에 대한 더 자세한 사항은 자바스크립트 객체의 개념 수업에서 확인할 수 있습니다. window.alert() 메소드자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것입니다.window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍..

풀스텍과정 2024. 7. 17. 09:29

AnimationCSS3에서는 animation 속성을 사용하여 요소의 현재 스타일을 다른 스타일로 천천히 변화시킬 수 있습니다.CSS2에서는 이러한 효과를 표현하기 위해서는 자바스크립트나 플래시 등의 외부 플러그인을 사용해야만 했습니다.하지만 CSS3에서는 이러한 애니메이션 효과를 손쉽게 적용할 수 있게 되었습니다. @keyframes 규칙CSS3에서 애니메이션 효과를 사용하기 위해서는 우선 애니메이션에 대한 키 프레임(keyframe)을 정의해야 합니다.키 프레임(keyframe)에는 특정한 시간에 해당 요소가 가져야 할 CSS 스타일을 명시합니다.@keyframes 규칙 안에 이렇게 CSS 스타일을 설정해 놓으면, 해당 요소의 스타일은 특정 시간까지 현재 스타일에서 설정해 놓은 새로운 스타일로 천천..

풀스텍과정 2024. 7. 12. 09:24

전환(transition)전환(transition)을 위해 제공되는 속성(property)는 다음과 같습니다.1. transition2. transition-delay3. transition-duration4. transition-property5. transition-timing-function transition 속성transition 속성은 다음과 같은 순서로 정의할 수 있습니다.1. 해당 요소에 추가할 CSS 스타일 전환(transition) 효과를 설정합니다.2. 추가할 전환 효과가 지속될 시간을 설정합니다.다음 예제는 해당 요소에 마우스를 올려놓으면 해당 요소의 너비가 1초 동안 3배로 늘어나는 예제입니다.예제style>    div.keyboard {        width: 100px;  ..

풀스텍과정 2024. 7. 11. 09:20

풀스텍과정 2024. 7. 10. 09:16

CSS3 버튼(button)CSS를 이용하면 다양한 모양의 버튼을 여러 방식으로 만들 수 있습니다.CSS에서 버튼은 태그 뿐만 아니라 태그와 태그로도 만들 수 있습니다.예제button class="btn">button 태그button>a href="#" class="btn">a 태그a>input type="button" value="input 태그" class="btn">button 타입의 input 요소에서 내부에 표시될 문자열은 value 속성값으로 설정할 수 있습니다. 다음 예제는 마우스를 올리면 배경색이 변하는 버튼 예제입니다.예제style>    .btn {        background-color: #87CEEB;        -webkit-transition-duration: 0.4s;  ..

풀스텍과정 2024. 7. 10. 09:15

float 속성float 속성은 해당 HTML 요소가 주변의 다른 요소들과 자연스럽게 어울리도록 만들어 줍니다.이 속성은 본래 위와 같은 목적으로 만들어졌지만, 현재는 웹 페이지의 레이아웃(layout)을 작성할 때 자주 사용됩니다.다음 예제는 이미지와 글자를 함께 출력하는 예제입니다.예제style>    img { float: left; margin-right: 20px; }style> clear 속성clear 속성은 float 속성이 적용된 이후 나타나는 요소들의 동작을 조절해 줍니다.컨테이너 요소에 float 속성이 적용되면 그 이후에 등장하는 모든 요소들은 정확한 위치를 설정하기가 매우 힘들어집니다.예제style>    .left { background-color: #FF8C00; width: 1..

풀스텍과정 2024. 7. 8. 17:52