CSS는 Cascading Style Sheets로 HTML, XHTML 등의 마크업 언어로 작성된 문서를 실제 표시되는 방법을 기술하는 스타일 시트 언어이다. 그럼 SC(Style Sheets)라고만 해도 되는데 왜 앞에 Cascading이 붙은 걸까? Cascade는 사전적 의미로 종속, 작은 폭포라는 뜻을 가진 단어이다. 이를 풀어서 생각해 보면 위에서 아래로 차례대로 내려온다고 볼 수 있는데, 이는 웹사이트에 스타일을 적용시킬 때 스타일 규칙이 상위 요소에서 시작하여 하위 요소로 계속해서 전파된다는 개념이다. 여기서 요소에 하나 이상의 스타일이 적용될 때, 어떤 스타일을 적용하게 되는지 결정하는 우선순위가 존재하는데 이를 Cascading(캐스케이딩)이라고 한다. Cascading은 선언 위치, ..

본 글은 백준 24267번 알고리즘 수업 - 알고리즘의 수행 시간 6 문제를 javascript를 이용하여 풀이한 내용이다. 문제 오늘도 서준이는 알고리즘의 수행시간 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해 보자. 입력의 크기 n이 주어지면 MenOfPassion 알고리즘 수행 시간을 예제 출력과 같은 방식으로 출력해 보자. MenOfPassion 알고리즘은 다음과 같다. MenOfPassion(A[], n) { sum

본 글은 백준 24266번 알고리즘 수업 - 알고리즘의 수행 시간 5 문제를 javascript를 이용하여 풀이한 내용이다. 문제 오늘도 서준이는 알고리즘의 수행시간 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해 보자. 입력의 크기 n이 주어지면 MenOfPassion 알고리즘 수행 시간을 예제 출력과 같은 방식으로 출력해 보자. MenOfPassion 알고리즘은 다음과 같다. MenOfPassion(A[], n) { sum

본 글은 백준 14681번 사분면 고르기 문제를 javascript를 이용하여 풀이한 내용이다. 문제 흔한 수학 문제 중 하나는 주어진 점이 어느 사분면에 속하는지 알아내는 것이다. 사분면은 아래 그림처럼 1부터 4까지 번호를 갖는다. "Quadrant n"은 "제 n사분면"이라는 뜻이다. 예를 들어, 좌표가 (12, 5)인 점 A는 x좌표와 y좌표가 모두 양수이므로 제1사분면에 속한다. 점 B는 x좌표가 음수이고 y좌표가 양수이므로 제2사분면에 속한다. 점의 좌표를 입력받아 그 점이 어느 사분면에 속하는지 알아내는 프로그램을 작성하시오. 단, x좌표와 y좌표는 모두 양수나 음수라고 가정한다. 입력 첫 줄에는 정수 x가 주어진다. (−1000 ≤ x ≤ 1000; x ≠ 0) 다음 줄에는 정수 y가 주어..

본 글은 백준 24265번 알고리즘 수업 - 알고리즘의 수행 시간 4 문제를 javascript를 이용하여 풀이한 내용이다. 문제 오늘도 서준이는 알고리즘의 수행시간 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해 보자. 입력의 크기 n이 주어지면 MenOfPassion 알고리즘 수행 시간을 예제 출력과 같은 방식으로 출력해 보자. MenOfPassion 알고리즘은 다음과 같다. MenOfPassion(A[], n) { sum

본 글은 백준 24264번 알고리즘 수업 - 알고리즘의 수행 시간 3 문제를 javascript를 이용하여 풀이한 내용이다. 문제 오늘도 서준이는 알고리즘의 수행시간 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해 보자. 입력의 크기 n이 주어지면 MenOfPassion 알고리즘 수행 시간을 예제 출력과 같은 방식으로 출력해 보자. MenOfPassion 알고리즘은 다음과 같다. MenOfPassion(A[], n) { sum