HTML의 특징들 모든 HTML태그는 특징이 있습니다. (attributes) 이러한 특징들은 태그로 정의된 element에 추가 정보를 제공합니다. 특징들은 항상 시작태그에 정의됩니다. 특징들은 보통 name/value의 쌍으로 나타낼 수 있습니다. ( name = "value" ) href attribute HTML에서 하이퍼링크는 태그로 정의할 수 있고, href attribute로 추가 정보를 삽입할 수 있습니다. This is a link 실제로 이 태그를 사용한 문서를 브라우저에서 열면, 하이퍼링크가 생깁니다. src attribute HTML에서 이미지는 태그로 정의할 수 있고, src attribute로 추가 정보를 삽입할 수 있습니다. src태그는 파일명을 의미합니다. 물론 인터넷에 업로..
본 글은 w3schools의 HTML Introduction을 번역하면서 작성하였습니다. HTML이란? HTML은 웹페이지를 만드는 표준 마크업 언어입니다. 마크업 언어는 태그 등을 이용해서 문서의 구조를 명시하는 언어의 종류입니다. HTML은 웹페이지의 구조를 나타내고, 몇가지의 요소들로 이루어져 있습니다. HTML은 브라우저가 어떻게 웹페이지를 표시해야할지 말해줍니다. 브라우저는 HTML 태그를 표시하지 않지만, 화면을 그리는데 사용합니다. A Simple HTML DOCUMENT declaration defines this document to be HTML5 는 HTML페이지의 root element입니다. 는 HTML문서의 meta information을 가지고 있습니다. 태그는 HTML문서의 ..
Vue.js란? vue js란, 유라는 사람이 만들 단일 웹 프레임워크이다. 가상 DOM방식을 이용하는데 브라우저가 동적 변경사항이 생기면 가상 DOM부분만 처리하면 되니까 부하가 적어진다고 한다. Vue.js 개발 환경 세팅하기 MacOS나 Linux환경에서 개발하면 좋겠지만 지금 현재 개발하고 있는 환경은 Windows 10 운영체제이므로, Windows 기준으로 설명하겠다. 먼저, Node.js를 설치해야한다. 왜냐면 npm(node package manager)을 이용해 vue를 설치할 예정이기 때문이다. node.js는 다음 홈페이지에서 다운로드 받을 수 있다. 자신의 운영체제에 맞게 LTS버젼을 설치해주자. https://nodejs.org/ko/download/ 다운로드 | Node.js N..
문제In Programming Land, there are several pathways called Philosopher’s Walks for philosophers to have a rest. A Philosopher’s Walk is a pathway in a square-shaped region with plenty of woods. The woods are helpful for philosophers to think, but they planted so densely like a maze that they lost their ways in the maze of woods of a Philosopher’s Walk.Fortunately, the structures of all Philosopher..
문제한수는 2차원 배열 (항상 2^N * 2^N 크기이다)을 Z모양으로 탐색하려고 한다. 예를 들어, 2*2배열을 왼쪽 위칸, 오른쪽 위칸, 왼쪽 아래칸, 오른쪽 아래칸 순서대로 방문하면 Z모양이다.만약, 2차원 배열의 크기가 2^N * 2^N라서 왼쪽 위에 있는 칸이 하나가 아니라면, 배열을 4등분 한 후에 (크기가 같은 2^(N-1)로) 재귀적으로 순서대로 방문한다.다음 예는 2^2 * 2^2 크기의 배열을 방문한 순서이다.N이 주어졌을 때, (r, c)를 몇 번째로 방문하는지 출력하는 프로그램을 작성하시오.다음 그림은 N=3일 때의 예이다.입력첫째 줄에 N r c가 주어진다. N은 15보다 작거나 같은 자연수이고, r과 c는 0보다 크거나 같고, 2^N-1보다 작거나 같은 정수이다출력첫째 줄에 문제..
문제김지민은 세계적인 기타 플레이어이다. 불행하게도 N개의 줄이 끊어졌다. 따라서 새로운 줄을 사거나 교체해야 한다. 세계적인 기타리스트인 김지민은 되도록이면 돈을 적게 쓰려고 한다. 김지민은 6줄 패키지를 살 수도 있지만, 1개 또는 그 이상의 줄을 낱개로 살 수도 있다.끊어진 기타줄의 개수 N과 기타줄 브랜드 M개가 주어지고, 각각의 브랜드에서 파는 기타줄 6개가 들어있는 패키지의 가격, 낱개로 살 때의 가격이 주어질 때, 적어도 N개를 사기 위해 필요한 돈의 수를 최소로 하는 프로그램을 작성하시오.입력첫째 줄에 N과 M이 주어진다. N은 100보다 작거나 같은 자연수이고, M은 50보다 작거나 같은 자연수이다. 둘째 줄부터 M개의 줄에는 각 브랜드의 패키지 가격과 낱개의 가격이 공백으로 구분하여 주..
문제세준이는 양수와 +, -, 그리고 괄호를 가지고 길이가 최대 50인 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다.그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다.괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오.입력첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 많이 연속되는 숫자는 없다. 수는 0으로 시작할 수 있다.출력첫째 줄에 정답을 출력한다. 탐욕법으로 풀 수 있는 대표적인 문제이다. 이 문제를 푸는 방법은, -가 등장할 때마다 괄호를 쳐주면 된다는 것이다. 예제로 55-50+40-32+..
문제한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의들에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 최대수의 회의를 찾아라. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작시간과 끝나는 시간이 같을 수도 있다. 이 경우에는 시작하자마자 끝나는 것으로 생각하면 된다.입력첫째 줄에 회의의 수 N(1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N+1 줄까지 각 회의의 정보가 주어지는데 이것은 공백을 사이에 두고 회의의 시작시간과 끝나는 시간이 주어진다. 시작 시간과 끝나는 시간은 231-1보다 작거나 같은 ..
ATM 문제는 순서를 바꿔도 상관 없는 문제입니다. 직관적으로 탐욕법으로 풀 수 있다는 걸 눈치챌 수 있습니다. 하지만, 최적 부분구조가 성립하는지 증명을 해보도록 하겠습니다. N명의 사람들이 서 있다고 할 때, 우리가 정답으로 고른 순서가 S1, S2, S3, S4, S5라고 해봅시다. 그리고, S1>S2라고 가정해보겠습니다. 이때 걸리는 총 시간은 S1, S1+S2, S1+S2+S3, S1+S2+S3+S4, S1+S2+S3+S4+S5의 합입니다. 즉, 5*S1 + 4*S2 + 3*S3 + 2*S4 + 1*S5이 됩니다. 하지만, S1 > S2이므로, S1과 S2의 위치를 바꿔서 5*S2 + 4*S1 + 3*S3 + 2*S4 + 1*S5로 계산하면 우리가 원래 정답으로 고른 순서보다 작은 답을 얻을 수..
장고를 사용하다 보면, 다음과 같은 에러를 볼 수 있다. 'Specifying a namespace in include() without providing an app_name ' django.core.exceptions.ImproperlyConfigured: Specifying a namespace in include() without providing an app_name is not supported. Set the app_name attribute in the included module, or pass a 2-tuple containing the list of patterns and app_name instead. 더보기 'Specifying a namespace in include() with..