본문 바로가기

분류 전체보기

(226)
백준 파이썬문제 2914번 - 저작권 문제 입력 첫째 줄에 앨범에 수록된 곡의 개수 A와 평균값 I가 주어진다. (1 ≤ A, I ≤ 100) 출력 첫째 줄에 적어도 몇 곡이 저작권이 있는 멜로디인지 출력한다. 코딩 결과 소스코드 a, i = map(int, input().split()) result = ((a*i)-(a-1)) print(result)
클래스(class)와 아이디(id) HTML 요소에게 '이름'을 주는 방법은 class, id 방법이 있다. 위 코딩에서 어떤 부분은 클래스가 되어있고 어떤 부분은 id로 되어있다. 클래스(class) 30번째 줄 코드를 보면 p요소에 "big-blue-text"라는 클래스 이름을 갖고 있습니다. 그러면 css에서. big-blue-text에 스타일을 입혀주면 됩니다. 클래스 이름이라는 걸 나타내는 '.(마침표)'를 잊지 말자!!! 아이디(id) 28번째 줄 코드를 보면 p요소는 "best-text"라는 아이디를 갖고 있습니다. 그러면 css에서 #favorite-text에 스타일을 입혀주면 됩니다. 클래스 이름을 나타내기 위해 '.(마침표)'를 붙인 것처럼 아이디를 나타내기 위해서는 '#(샾 표시)'를 써줘야 합니다. 클래스, 아이디 차..
하이머링크 및 이미지 삽입 하이퍼링크 내용 이런 형식으로 하이퍼링크를 사용하면 된다. 위 화면처럼 하이퍼링크가 생긴다. 위 코드를 사용하면 본 페이지에서 바로 외부 페이지로 넘어가기 때문에... target="_blank"를 사용해서 새로운 탭에 외부 페이지가 열리도록 하는 것이 편하다. 외부에서 이미지 삽입 이미지를 가지고 오고 싶은 경우에는 위 코드처럼 를 적으면 된다. 사진의 길이를 조정하고 싶은 경우 width="길이" height="길이"를 이용하면 된다. width는 가로 길이고 height는 세로 길이이다. 위 코드는 이미지를 가운데 정렬하는 방법 중 하나이다. **위에 style 태그를 써주어야 한다. 픽셀 HTML에서 무언가의 크기를 설정할 때는 기본적으로 '픽셀(px)' 단위를 사용합니다. 별 이미지의 일부를 확..
나의 첫 웹사이트 한글을 지원하는 대표적인 인코딩 방식 사이트에 css 스타일을 입혀주기 위해서 태그를 사용할 수 있습니다.
기본 HTML 태그 정리 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 써야 합니다. 이전의 html 버전을 사용하려면 을 복잡하게 써야 하지만, 그냥 최신 버전인 HTML 5를 사용하기 위해서는 이렇게만 쓰면 됩니다. 태그 페이지의 제목은 태그에 써주면 됩니다. 브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이 곳에 들어갑니다. ~ 태그 한 페이지에 여러 개의 머리말이 있을 수 있는데요. 그 중 가장 중요한 머리말은 (heading 1), 그 다음으로 중요한 머리말은 (heading 2). 이런 식으로 (heading 6)까지 작성할 수 있습니다. 태그 보통 문단은 (paragraph) 태그 안에 넣습니다. 물론 직접 설정할 수도 있지만 태그 위, 아래에는 기본적으로 여백이 조금씩 있습니다.
웹 기본 정보 웹(Web)이라는 단어 자체가 알려주듯, 웹은 연결고리이다. Windows와 Macintosh, 데스크톱과 랩탑, 태블릿과 스마트폰, 안드로이드와 아이폰. 이모두를 이어주는 매개체가 바로 웹이다. '프로그레시브 웹 앱'은 웹의 장점과 앱의 장점을 결합한 것이며, 궁극적으로 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것을 목적으로 합니다. 이것을 잘 활용하면, 더 이상 수많은 플랫폼의 앱을 만들지 않아도 됩니다. HTML, CSS, JavaScripts 이 세언 어를 합치면 웹사이트를 만들 수 있다. HTML : 웹 사이트에 들어갈 내용을 담당한다 CSS : 웹 사이트의 스타일을 담당한다. JavaScripts : 웹 사이트의 인터랙션을 담당한다.
chapter4 - 함수 함수를 사용하는 이유 반복되는 부분이 있을 경우 '반복적으로 사용되는 가치 있는 부분'을 한 뭉치로 묶어서 '어떤 입력값을 주었을 때 어떤 결괏괎을 돌려준다'라는 식의 함수로 작성하는 것이 현명하다. 또 다른 이유는 자신이 만든 프로그램을 함수 화하면 프로그램 흐름을 일목 요연하게 볼 수 있기 때문이다. 파이썬 함수의 구조 def는 함수를 만들 때 사용하는 예약어이며, 함수 이름은 함수를 만드는 사람이 임의로 만들 수 있다. 함수 이름 뒤 괄호 안의 매개변수는 이 함수에 입력으로 전달되는 값을 받는 변수이다. 이렇게 함수를 정의한 다음 if, while, for문 등과 마찬가지로 함수에서 수행할 문장을 입력한다. 매개변수와 인수 매개변수(parameter)와 인수(arguments)는 혼용해서 사용되는 ..
chapter3 - for문 파이썬의 직관적인 특징을 가장 잘 대변해 주는 것이 바로 for문이다. while문과 비슷한 반복문인 for문은 매우 유용하고 문장 구조가 한눈에 쏙 들어온다는 장점이 있다. for문의 기본 구조 리스트나 튜플, 문자열의 첫 번째 요소부터 마지막 요소까지 차례로 변수에 대입되어 '수행할 문장1', '수행할 문장2'등이 수행된다. for문의 예제 ['one', 'two', 'three'] 리스트의 첫 번째 요소인 'one'이 먼저 i 변수에 대입된 후 print(i) 문장을 수행한다. 다음에 두 번째 요소 'two'가 i 변수에 대입된 후 print(i) 문장을 수행하고 리스트의 마지막 요소까지 이것을 반복한다. for문과 함께 자주 사용하는 range 함수for문은 숫자 리스트를 자동으로 만들어 주는 r..