본문 바로가기

분류 전체보기

(388)
<CSS 기초> 12. Background 이번 장은 Background 속성이다. 이는 지금까지는 박스의 색이나 텍스트의 배경 색을 입힐 때 사용했으나 실은 주로 이미지를 삽입할 때 사용한다. 하나하나 알아보자. 1. 배경색 가장 기본적인 속성으로 background-color 을 통해 색을 줄 수 있으며 hex코드 rgb, rgba 모두 사용 가능하다. 2. 이미지 삽입 background-image : url(); 을 통해 경로를 삽입하여 이미지를 넣을 수 있다. 기본적으로 원래 크기대로 넣어지며 이미지가 작으면 바둑판배열식으로 반복된다. 3. 반복속성 이미지는 기본적으로 바둑판배열식으로 반복된다. 따라서 background-repeat : no-repeat; 을 통해 반복을 삭제할 수 있다. 4. 사이즈 사이즈는 background-siz..
<문자열> 1316번 그룹 단어 체커 with 파이썬 문제 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가 떨어져서 나타나기 때문에 그룹 단어가 아니다. 단어 N개를 입력으로 받아 그룹 단어의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 단어의 개수 N이 들어온다. N은 100보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 단어가 들어온다. 단어는 알파벳 소문자로만 되어있고 중복되지 않으며, 길이는 최대 100이다. 출력 첫째 줄에 그룹 단어의 개수를 출력한다. 정답비율 52.127% def groupcount(x,c) : ..
<자바스크립트 기초> 09. 변수의 유효범위 * 유효범위 - 변수는 각각 유효범위(Scope)를 가진다. 이 때 스크립트 전체에 영향을 미치는 변수를 전역변수라 하고, 특정 부분에서만 작동하는 변수를 지역변수라 한다. 아래에서 더 자세히 알아보자. * 전역변수 var a = 100; 위는 전역변수이다. a를 100이라 선언했으므로, 어디에서든 a를 다른 값으로 주지 않는 한 100이다. 즉 어디에서나 쓸 수 있다. 그러나 이러한 점 때문에 최대한 안쓰는 것이 좋다. 겹칠우려가 있으며, 이 때는 뒤에서 선언된 것만 인식된다. * 지역변수 function sample() { var b = 200; } 위와 같이 함수 내에서 생성된 변수를 지역변수라 한다. 이는 변수가 선언된 함수 내에서만 작동한다. 이 함수 밖에서 b를 호출하면 정의되지 않았다고 뜬다..
<CSS 기초> 11. Web Fonts 이번 장은 지난 장에 이어서 텍스트에 관한 내용이다. 지난 장에서 텍스트에 서체를 입히는 방법을 배웠다. font-family를 이용하는 방식이었는데, 이 때 중요한 문제가 있다. 바로 그 웹을 보는 사람이 그 폰트가 없을 수 있다는 것이다. 그래서 web font를 이용해서 온라인 상에서 폰트를 받아서 보여줄 수 있도록 하는 방법을 알아보자. 1. 간접적 방법 먼저 간접적으로 가져오는 방식이다. 이는 예를 위해 구글 폰트사이트에 들어가보자. 원하는 폰트를 클릭하여 select하면 오른쪽 창에 추가된다. 그럼 구글에서 그것을 html문서와 css문서에서 사용할 수 있도록 코드를 제공하는 것을 볼 수 있다. 형태로 제공되는 것은 html문서의 헤드에 넣고, font-family부분은 css에 넣도록 하자...
<문자열> 2941번 크로아티아 알파벳 with 파이썬 문제 예전에는 운영체제에서 크로아티아 알파벳을 입력할 수가 없었다. 따라서, 다음과 같이 크로아티아 알파벳을 변경해서 입력했다. 예를 들어, ljes=njak은 크로아티아 알파벳 6개(lj, e, š, nj, a, k)로 이루어져 있다. 단어가 주어졌을 때, 몇 개의 크로아티아 알파벳으로 이루어져 있는지 출력한다. dž는 무조건 하나의 알파벳으로 쓰이고, d와 ž가 분리된 것으로 보지 않는다. lj와 nj도 마찬가지이다. 위 목록에 없는 알파벳은 한 글자씩 센다. 입력 첫째 줄에 최대 100글자의 단어가 주어진다. 알파벳 소문자와 '-', '='로만 이루어져 있다. 단어는 크로아티아 알파벳으로 이루어져 있다. 문제 설명의 표에 나와있는 알파벳은 변경된 형태로 입력된다. 출력 입력으로 주어진 단어가 몇 개..
<알고리즘> 재귀 알고리즘 (1) 1. 재귀 알고리즘의 기본 * 재귀란 - 재귀 : 어떤 사건에서 자기 자신을 포함하고 다시 자신을 사용하여 정의되는 것. * 팩토리얼 구현 - n! 정의 ① 0! = 1 ② n > 0 이면 n! = n x (n-1)! 이 경우 n이 0이 아닌 수일 경우 ②를 실행하고 이는 또 다시 그 보다 1작은 수의 ②를 시행함을 알 수 있다. def factorial(n: int) -> int : if n > 0: return n * factorial(n - 1) else: return 1 x = int(input()) print(factorial(x)) # 5 # 120 : 매개 변수 5를 먼저 받고, 5 * factorial(4)을 계산해야한다. 이 때 이 곱셈을 위해 factorial(4)를 호출한다. 차례로 ..
<문자열> 5622번 다이얼 with 파이썬 문제 전화를 걸고 싶은 번호가 있다면, 숫자를 하나를 누른 다음에 금속 핀이 있는 곳 까지 시계방향으로 돌려야 한다. 숫자를 하나 누르면 다이얼이 처음 위치로 돌아가고, 다음 숫자를 누르려면 다이얼을 처음 위치에서 다시 돌려야 한다. 숫자 1을 걸려면 총 2초가 필요하다. 1보다 큰 수를 거는데 걸리는 시간은 이보다 더 걸리며, 한 칸 옆에 있는 숫자를 걸기 위해선 1초씩 더 걸린다. 상근이의 할머니는 전화 번호를 각 숫자에 해당하는 문자로 외운다. 즉, 어떤 단어를 걸 때, 각 알파벳에 해당하는 숫자를 걸면 된다. 예를 들어, UNUCIC는 868242와 같다. 할머니가 외운 단어가 주어졌을 때, 이 전화를 걸기 위해서 필요한 시간을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 알파벳 대문자로 이루어..
<자바스크립트 기초> 08. 객체 * 객체란 - 객체는 배열과 비슷하게 여러가지 데이터를 저장할 수 있는 기능을 갖고 있다. 그러나 배열과 달리 인덱스를 직접 원하는 형태로 지정이 가능하다. - 위와 같이 객체는 인덱스가 아닌 키를 지정하여 각 값과 대응시킨다. - 참고로 위의 사진과는 달리 객체에는 순서가 없다. 우리는 순서와는 별개로 키를 이용하여 값을 대응시킨다. * 객체 만들기 - 객체는 배열과 달리 {} 중괄호를 이용하여 만들 수 있다. var grades = {'harry': 80, 'iu': 98, 'suzy': 95}; : 위와 같이 중괄호 안에 키와 값을 각각 대응시켜 만든다. - 또다른 방법으로 빈 객체를 만들고 키와 값을 추가시켜갈 수 있다. var grades = {}; grades['harry'] = 80; gra..
<CSS 기초> 10. Typography 이번 장에서 배울 내용은 텍스트를 디자인 하는 것이다. 속성들을 알아보기 전에 먼저 텍스트 디자인에서의 요소들을 알아보자. 위에서 왼쪽부터 글자의 크기를 나타내는 폰트사이즈, 글자의 자간을 나타내는 레터스페이스, 글자의 베이스라인, 줄간격이다. 1. Font-size 가장 먼저 알아볼 속성은 역시 글자의 크기이다. 폰트사이즈는 다음과 같이 사용한다. font-size : 12px ; 위는 폰트 사이즈를 12px로 하라는 의미이다. px는 절대단위인데 em과 rem 과 같은 상대단위도 사용할 수 있다. em 은 equal to capital M이라는 의미인데, 부모나 자신에게 주어진 절대단위의 사이즈를 1em 으로 받고 사용한다. rem은 root em 으로써 html을 기준으로 한다. html에 폰트사이..
<문자열> 2908번 상수 with 파이썬 문제 상근이의 동생 상수는 수학을 정말 못한다. 상수는 숫자를 읽는데 문제가 있다. 이렇게 수학을 못하는 상수를 위해서 상근이는 수의 크기를 비교하는 문제를 내주었다. 상근이는 세 자리 수 두 개를 칠판에 써주었다. 그 다음에 크기가 큰 수를 말해보라고 했다. 상수는 수를 다른 사람과 다르게 거꾸로 읽는다. 예를 들어, 734와 893을 칠판에 적었다면, 상수는 이 수를 437과 398로 읽는다. 따라서, 상수는 두 수중 큰 수인 437을 큰 수라고 말할 것이다. 두 수가 주어졌을 때, 상수의 대답을 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 상근이가 칠판에 적은 두 수 A와 B가 주어진다. 두 수는 같지 않은 세 자리 수이며, 0이 포함되어 있지 않다. 출력 첫째 줄에 상수의 대답을 출력한다. 정..