seoyoung.dev

* setTimeout setTimeout( function() { }, delay}; - 내부에 위치한 function은 '콜백함수' 로, 지연시간 뒤에 실행될 코드를 설정한다. ( 지연시간 : ms 단위) - setTimeout 은 비동기로 실행되어, 동기적인 다른 실행이 끝나야 실행된다. function run(){ console.log("run start"); setTimeout(function(){ var msg = "run run run "; console.log(msg); }, 2000); console.log("run end"); } -"run start", "run end" 실행 후, "run run run " 실행 된다. * setInterval setInterval( function(..

* 자바스크립트의 호이스팅(Hoisting) function getX(){ console.log(x); //undefined var x = 100; console.log(x); //100 } getX(); hoist : 끌어올리기 - 자바스크립트에서 끌어올려지는 것은 변수 - 호이스트 란, 변수의 정의가 범위에 따라 선언 과 할당으로 분리되는 것을 의미한다. // 작동 순서 function getX(){ var x; //undefined console.log(x); x = 100; // 100 console.log(x); } getX(); '선언문'은 자바스크립트 엔진 구동시, 가장 최우선으로 해석하고, '할당 구문'은 런타임 과정에서 이루어지기 때문에, 호이스팅 되지 않는다. - 함수 선언이 함수 실행..

- 태그 제어 : 버튼눌렀을 때, body 태그 스타일의 배경: black, 글자color: white ( Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. ) - 조건문 활용 -> night, day 두 개의 버튼을 하나의 버튼으로 대신하여, night일 때는, 버튼: day && day일 때는 버튼: night - 리팩토링 ( 중복 제거 ) 현재 실행되고있는 문맥 : document.querySelector('#night_time') -> this - 반복문과 배열 서로 연관된 데이터들을 배열에 담고, 반복문을 통해 배열에서 데이터를 꺼내오자 Coworkers - 반복의..

* 개발환경 설정 Apache Tomcat 다운로드 및 설치 아파치 톰캣은 http://tomcat.apache.org 에서 다운로드 받을 수 있습니다. -> Tomcat 8 설지 Apach Tomcat 실행 아파치 톰캣 설치 폴더 아래에 있는 bin폴더를 보면 확장자가 bat인 윈도우용 배치파일과 확장자가 sh인 쉘스크립트(shell script)파일이 있는 것을 확인할 수 있습니다. (쉘스크립트 파일은 linux나 맥 운영체제에서 실행 가능한 파일입니다.) 윈도우 사용자라면 startup.bat파일을 더블 클릭하여 실행하고, 맥 운영체제나 linux를 사용하는 사용자는 startup.sh을 더블 클릭하여 실행합니다. +..

* css 의 구성 span { color : red; } span : selector, color : property, red : value * style 을 html 페이지에 적용하는 3가지 방법 1. inline - HTML 태그 안에다가 적용 2. internal - style 태그 3. external - 외부파일(.css) 사용 () * css의 상속 box-model 이라고 불리는 속성들 ( width, height, margin, padding, border ) 과 같이, 크기와 배치에 관련된 속성들은 하위 엘리먼트로 상속이 되지 않는다. * cascading - 선언 방식에 따른차이 : inline > internal > external (internal 과 external은 같은 우선순..

@media(max-width:800px){ #grid{ display: block; } ol{ border-right:none; } h1{ border-bottom : none; } } : 최대 width는 800px (== 800보다 작으면, 반응형 조건 ) : display = block , ol -> ol의 오른쪽 선 안보이게 , css 코드의 재사용을 위해서, "style.css"파일로 태그 제외한 내용을 저장하였다. 이를 가리키기 위해서html 파일에서는, link 태그를 사용한다.

...더보기 HTML css js CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or..