본문 바로가기

분류 전체보기

(226)
CSS의 다양한 단위들 px 절대적인 값이다. 다른 요소의 값에 영향 받지 않는다. rem 상대적인 값이다. 하지막 오직 태그의 font-size에만 영향을 받았습니다. ex) 8rem 은 태그의 font-size의 8배 크기이다. em 상대적인 갑이다. em은 자기 자신의font-size를 기준으로 합니다. 2em은 자기 자신의 font-size의 2배 크기입니다. 자기 자신의 font-size를 따로 정해주지 않을 경우, 상위 요소에서 상속 받은 값을 기준으로 합니다. 만약 자기 자신에게 정해진 font-size가 있다면 그 값을 기준으로 em이 결정됩니다. %(퍼센트) % 역시 상대적인 값이다. %는 어느 항목에서 쓰이냐에 따라 다른 기준이 적용됩니다. 예를 들어 font-size에서 %가 쓰일 경우, 상위 요소의 fon..
백준 파이썬 문제 2754번 - 학점계산 문제 어떤 사람의 C언어 성적이 주어졌을 때, 평점은 몇 점인지 출력하는 프로그램을 작성하시오. A+: 4.3, A0: 4.0, A-: 3.7 B+: 3.3, B0: 3.0, B-: 2.7 C+: 2.3, C0: 2.0, C-: 1.7 D+: 1.3, D0: 1.0, D-: 0.7 입력 첫째 줄에 C언어 성적이 주어진다. 성적은 문제에서 설명한 13가지 중 하나이다. 출력 첫째 줄에 C언어 평점을 출력한다.' 실행결과 소스코드 n = {"A+": 4.3, "A0": 4.0, "A-": 3.7, "B+": 3.3, "B0": 3.0, "B-": 2.7, "C+": 2.3, "C0": 2.0, "C-": 1.7,"D+": 1.3, "D0": 1.0, "D-": 0.7, "F": 0.0} print(n[inp..
chapter4 - 파일 읽고 쓰기 파일 생성하기 위 소스 코드를 입력하면, 프로그램을 실행한 디렉터리에 새로운 파일이 하나 생성된 것을 확인할 수 있습니다. 파일을 생성하기 위해 파이썬 내장 함수 open을 사용했다. # 파일 객체 = open(파일 이름, 파일 열기 모드) r 읽기 모드, w 쓰기 모드, a 추가 모드(파일의 마지막에 새로운 내용을 추가할 때 사용) open 함수는 "파일 이름"과 "파일 열기 모드"를 입력값으로 받고 결괏값으로 파일 객체를 돌려준다. f.close()는 열려 있는 파일 객체를 닫아 주는 역할을 한다. --!! 파일을 쓰기 모드로 열면 해당 파일이 이미 존재할 경우 원래 있던 내용이 모두 사라지고, 해당 파일이 존재하지 않으면 새로운 파일이 생성된다. f = open("C:/doit/새파일.txt", "..
세번째 웹페이지 - 코딩의 민족 전체화면 HTML 파일 충섭 코딩의 민족 넌 코딩할 때가 제일 예뻐 코딩에 빠진 닭 주머니가 가벼운 당신의 마음까지 생각 한 착한가격 바로 결제 코코 스시 주머니가 가벼운 당신의 마음까지 생각 한 착한가격 바로 결제 코데리아 주머니가 가벼운 당신의 마음까지 생각 한 착한가격 바로 결제 코가네 주머니가 가벼운 당신의 마음까지 생각 한 착한가격 바로 결제 CSS파일 @font-face{ src: url("fonts/BMJUA_ttf.ttf"); font-family: "Jua"; } *{ box-sizing: border-box; } body{ background-color: #F0E8D9; } #head1 { font-size: 64px; margin-top: 75px; margin-bottom:30px;..
배경 이미지 배경 이미지 넣는 방법 background-image: url("이미지 주소");를 사용해주면 됩니다. 하지만 위 코드만 사용하게 되면 이미지가 반복될 뿐만 아니라, 화면에 알맞게 적용이 되지 않습니다. 이것을 해결하기 위해 몇 가지 속성 코드들이 있습니다. background-repeat background-repeat는 이미지를 반복시킬 것인지 아닐 것인지, 그리고 반복시킨다면 어떤 방식으로 반복시킬 것인지 정해주는 속성입니다. background-repeat: no-repeat; : 반복하지 않음 background-repeat: repeat-x; : 가로 방향으로만 반복 background-repeat: repeat-y; : 세로 방향으로만 반복 background-repeat: repeat; :..
box-sizing 가로길이는 300px, 세로 길이는 200px, 패딩 35p, border(빨간색 테두리): 5px로 설정되어있다. 처음 내가 원한 총 가로, 세로 길이는 300, 200px인데 지금 요소를 검사해보는 총 가로길이는 5 +35 +300 +35 + 5 인 380이고 총 세로 길이는 5 +35 +200 +35 +5인 280이 된다. 이것을 해결하기 위해 widtd(가로길이), height(세로 길이)에서 각 80을 빼주면 되지만 이 방법은 너무 귀찮다. 그래서 있는 코드가 box-sizing: border-box;이다. 해결책: box-sizing box-sizing 속성을 border-box 값으로 설정해주면 width와 height는 테두리와 패딩과 내용물을 모두 포함한 길이가 됩니다. 따로 설정해주지 ..
박스 꾸미는 몇가지 방법 border-radius: 50px; 요소의 모소리를 둥글 만들 수 있습니다. 더 큰 값을 입력하면 더 둥글게 된다. 개별 설정 각 모서리를 개별 설정할 수도 있습니다. 배경색 background-color 이 속성을 이용하면 배경색을 설정할 수 있습니다. 폰트 색을 설정할 때처럼 색 이름, RGB 코드, HEX 코드 중 하나를 입력하면 됩니다. 페이지 변경색 페이지 전체의 배경색을 설정하고 싶으면 body 태그에 background-color 속성을 입혀주면 됩니다. -->배경색을 투명하게 두고 싶으면 transparent 값으로 설정해주면 되는데, 따로 설정을 해주지 않으면 transparent가 기본값으로 설정됩니다! box-shadow 이 코드는 그림자를 입혀주는 속성입니다. 기본값은 none이고..
백준 파이썬문제 10156번 -과자 문제 동수는 제과점에 과자를 사러 가는데 현재 가진 돈이 모자랄 경우 부모님께 모자란 돈을 받으려고 한다. 과자 한 개의 가격이 K, 사려고 하는 과자의 개수가 N이고, 현재 가진 돈의 액수를 M이라 할 때 여러분은 동수가 부모님께 받아야 하는 모자란 돈을 계산하려고 한다. 예를 들어, 과자 한 개의 가격이 30원, 사려고 하는 과자의 개수가 4개, 현재 동수가 가진 돈이 100원이라 할 때, 동수가 부모님께 받아야 하는 돈은 20원이다. 과자 한 개의 가격이 250원, 사려고 하는 과자의 개수가 2개, 현재 동수가 가진 돈이 140원이라 할 때, 동수가 부모님께 받아야 하는 돈은 360원이다. 과자 한 개의 가격이 20원, 사려고 하는 과자의 개수가 6개, 현재 동수가 가진 돈이 120원이라 할 때 동..