DigIT의 DevLog & TechLog

[CSS] Font Style 1. Font Style 1-1. font family font-family는 폰트 종류를 지정하는 속성 Ex.) #title { font-family: Georgia, "Times New Roman", Times, serif; } 사용자 브라우저 폰트 지원에 따라 Georgia→"Times New Roman"→Times→serif 순으로 폰트 사용 폰트 이름에 띄워쓰기가 되어있으면 ""(쌍따옴표)를 사용해야한다. (serif같은 폰트는 모든 브라우저 지원 가능 폰트) 1-2. font size font-size 는 폰트의 크기를 지정 .bigSizeFont { font-size: 50px; } cf.) h1 { font-size: 30px; } .bigSizeFont { ..

[CSS] 3. Introduction to CSS 03-1. CSS(Cascading Style Sheets) CSS: Markup 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 언어 →HTML이 헤더, 문단, 테이블 등으로 정보를 조직화하는 구조를 제공한다면, CSS는 HTML이 아름다워 보이도록 스타일을 입히는 것 03-2. CSS 적용 CSS를 작성한 후 HTML에 적용되도록 반영 하는 방법은 3가지 Inline Style Style tag(Internal) CSS File 연결(External) 03-2-1. Inline Style 태그 style 속성에 직접 작성 But, 다음과 같은 단점 존재 코드 가독성 하락 유지보수 단점 03-2-2. style tag Inline St..

[HTML] 2. HTML tag 02-1. 기본 HTML 파일의 구조 02-1-1. 제일 첫 줄에 위치하는 선언문 태그 X HTML의 버전 선언문 (이 선언문은 HTML5 버전을 사용한다는 의미) 02-1-2. 을 제외하고 최상위 태그 브라우저가 를 만나면, html이 시작됐는지 인지하고 요소를 그릴 준비 02-1-3. 다음에는 항상 태그가 위치 사이트의 제목, 설명, 부가 정보, 기술적 내용(ex. 모바일용,PC용...)이 들어가는 부분 : 한글, 일본어, 중국어가 포함된 페이지라면 utf-8 이라는 값으로 문자 인코딩을 추가해줘야 한다. : 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미입니다. repl.it: 브라우저 탭에 보이는 페이지 이름 02-1-4. 는 항상 다음에 위치 body..

[HTML] 01. Introduction to HTML 01-1. HTML(Hypertext Markup Language)의 정의 Hyper Text('Text를 뛰어넘다'):문서와 문서가 링크로 연결되어있다. Markup Language_:_ 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어 ∴ 웹페이지의 구조 또는 데이터의 작성을 위한 언어 01-2. HTML 의 기능 HTML로 웹페이지의 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성 브라우저(safari, chrome, ie..)는 HTML파일 통해 웹 페이지를 생성합니다. 01-3. element(요소) 요소: (content) 의 한 묶음,구조 HTML은 요소들의 집합 시작!#..

문제 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌을 때, 벌집의 중앙 1에서 N번 방까지 최소 개수의 방을 지나서 갈 때 몇 개의 방을 지나가는지(시작과 끝을 포함하여)를 계산하는 프로그램을 작성하시오. 예를 들면, 13까지는 3개, 58까지는 5개를 지난다. 입력 첫째 줄에 N(1 ≤ N ≤ 1,000,000,000)이 주어진다. 출력 입력으로 주어진 방까지 최소 개수의 방을 지나서 갈 때 몇 개의 방을 지나는지 출력한다. 제한 예제 입력 1 13 예제 출력 1 3 #문제 풀이 방법 1. 숫자 N(1 ≤ N ≤ 1,000,000,000)이 입력되고, 위와 같..

문제 어떤 자연수 N이 있을 때, 그 자연수 N의 분해합은 N과 N을 이루는 각 자리수의 합을 의미한다. 어떤 자연수 M의 분해합이 N인 경우, M을 N의 생성자라 한다. 예를 들어, 245의 분해합은 256(=245+2+4+5)이 된다. 따라서 245는 256의 생성자가 된다. 물론, 어떤 자연수의 경우에는 생성자가 없을 수도 있다. 반대로, 생성자가 여러 개인 자연수도 있을 수 있다. 자연수 N이 주어졌을 때, N의 가장 작은 생성자를 구해내는 프로그램을 작성하시오. 입력 첫째 줄에 자연수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 출력 첫째 줄에 답을 출력한다. 생성자가 없는 경우에는 0을 출력한다. 제한 예제 입력 1 216 예제 출력 1 198 #문제 풀이 방법 1. N이 입력되고 '분해..

문제 과거 이집트인들은 각 변들의 길이가 3, 4, 5인 삼각형이 직각 삼각형인것을 알아냈다. 주어진 세변의 길이로 삼각형이 직각인지 아닌지 구분하시오. 입력 입력은 여러개의 테스트케이스로 주어지며 마지막줄에는 0 0 0이 입력된다. 각 테스트케이스는 모두 30,000보다 작은 양의 정수로 주어지며, 각 입력은 변의 길이를 의미한다. 출력 각 입력에 대해 직각 삼각형이 맞다면 "right", 아니라면 "wrong"을 출력한다. 제한 예제 입력 1 6 8 10 25 52 60 5 12 13 0 0 0 예제 출력 1 right wrong right #문제 풀이 방법 1. 세 변의 길이가 계속 입력되고, 직각삼각형의 여부를 파악하여 출력한다. 2. 일단 0 0 0이 입력되면 종료되는 반복문을 사용한다. 3. ..

문제 한수는 지금 (x, y)에 있다. 직사각형은 각 변이 좌표축에 평행하고, 왼쪽 아래 꼭짓점은 (0, 0), 오른쪽 위 꼭짓점은 (w, h)에 있다. 직사각형의 경계선까지 가는 거리의 최솟값을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 x, y, w, h가 주어진다. 출력 첫째 줄에 문제의 정답을 출력한다. 제한 1 ≤ w, h ≤ 1,000 1 ≤ x ≤ w-1 1 ≤ y ≤ h-1 x, y, w, h는 정수 예제 입력 1 6 2 10 3 예제 출력 1 1 예제 입력 2 1 1 5 5 예제 출력 2 1 예제 입력 3 653 375 1000 1000 예제 출력 3 347 예제 입력 4 161 181 762 375 예제 출력 4 161 #문제 풀이 방법 1. 한수의 위치(x,y)와 직사각형 오른쪽 ..

문제 세준이는 기말고사를 망쳤다. 세준이는 점수를 조작해서 집에 가져가기로 했다. 일단 세준이는 자기 점수 중에 최댓값을 골랐다. 이 값을 M이라고 한다. 그리고 나서 모든 점수를 점수/M*100으로 고쳤다. 예를 들어, 세준이의 최고점이 70이고, 수학점수가 50이었으면 수학점수는 50/70*100이 되어 71.43점이 된다. 세준이의 성적을 위의 방법대로 새로 계산했을 때, 새로운 평균을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 시험 본 과목의 개수 N이 주어진다. 이 값은 1000보다 작거나 같다. 둘째 줄에 세준이의 현재 성적이 주어진다. 이 값은 100보다 작거나 같은 음이 아닌 정수이고, 적어도 하나의 값은 0보다 크다. 출력 첫째 줄에 새로운 평균을 출력한다. 실제 정답과 출력값의 절대..

문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. 입력 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다. 출력 첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많이 사용된 알파벳이 여러 개 존재하는 경우에는 ?를 출력한다. 제한 예제 입력 1 Mississipi 예제 출력 1 ? 예제 입력 2 zZa 예제 출력 2 Z 예제 입력 3 z 예제 출력 3 Z 예제 입력 4 baaa 예제 출력 4 A #문제 풀이 방법 1. 알파벳 대소문자로 이루어진 단어가 입력(100만 이내 길이), 가장 많이 사용된 ..