window 객체 window는 전역 객체라 해서 window 안에는 많은 메서드들이 있습니다. 참고로 window는 디폴트값이므로 생략할 수 있습니다. setTimeout 활용 인자로 함수를 받고 있으며 보통 나중에 실행되는 함수를 콜백함수라 부릅니다. 자바스크립트는 함수를 인자로 받고, 함수를 반환할 수 있습니다. function run() { console.log("run start!"); setTimeout(function() { var msg = "hello codesquad"; console.log(msg); //이 메시지는 즉시 실행되지 않습니다. console.log("run ...ing"); }, 1000); console.log("run end!"); } run(); console.lo..
www.acmicpc.net/problem/3985 3985번: 롤 케이크 첫째 줄에 롤 케이크의 길이 L (1 ≤ L ≤ 1000)이 주어진다. 둘째 줄에는 방청객의 수 N (1 ≤ N ≤ 1000)이 주어진다. 다음 N개 줄에는 각 방청객 i가 종이에 적어낸 수 Pi와 Ki가 주어진다. (1 ≤ Pi ≤ Ki www.acmicpc.net 문제는 매우 간단하다. 첫번째 출력은 입력과 동시에 출력할 수 있으므로 문제는 두번째 출력이다. 가장 먼저 생각나는 것은 L개의 array에 비어있으면 마크하는 동시에 카운팅해서 가장 큰값을 찾는 것이다. 1번 방청객이 2 4 를 했다면 2~4까지 마크를하고 3을 카운팅해서 max에 저장한다. 2번 방청객이 3 7 을 했다면 3,4 에는 마크가 되어있으므로 카운팅하지..
이제 본격적으로 웹 개발을 하기 위해서 개발환경의 구축이 필요하다. 본 강의에서는 이클립스를 사용하고 서버와 WAS를 위해서 Tomcat을 사용한다. 이를 위한 자세한 내용은 boostcourse에 자세하게 나와있다. 모든 개발환경을 갖추었다면 이클립스에서 Dynamic Web Project로 Sevlet 하나의 간단한 웹 서버를 만들 수 있다. package examples; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import ..
CSS 선언 방법 span { color : red; } span : selector color: property red : value style을 HTML페이지에 적용하는 3가지 방법 1. inline HTML태그 안에다 적용한다. 2. internal style 태그로 지정한다. 구조와 스타일이 섞이게 되므로 유지보수가 어렵다. 하지만 별도의 CSS파일을 관리하지 않아도 되고, 서버에 CSS파일을 부르기 위한 별도의 요청이 필요하지 않다. ... 3. external 외부파일 .css로 지정하는 방식이다. CSS 코드가 짧지 않으면 이 방법이 가장 이상적이다. 여러 개의 CSS파일로 분리하고 이를 합쳐서 사용하기도 한다. inernal코드와 같은 css코드를 구현하고, style.css와 같은 별도의..
HTML tag의 종류 anchor, img, ul/li, heading, p 태그 등을 자주 사용한다. div 태그는 black 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용한다. HTML Layout tag 웹 페이지의 구조는 크게 아래와 같은 구조로 이루어진다. 먼저 영역을 나눠서 상단/본문/네비게이션 이런 식으로 큰 부분부터 분리하고 각 영역안에 내용의 구조를 잡는 것이 일반적이다. 각 영역 안의 내용 역시 여러 가지 형태일 수 있고 이때마다 적절한 태그를 사용할 수 있다. ID 고유한 속성으로 한 HTML 문서에 하나만 사용가능하다. 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이하다. Class 하나의 HTML 문서 안에 중복해서 사용 가능하다. ..