투투

CSS의 position 속성은 문서 상의 각 요소를 어떻게 배치할 지 정합니다. HTML의 태그들은 웹 문서에서 block, inline의 흐름에 따라 자동적으로 배치됩니다. 이때 position 속성에 static, relative, absolute, fixed, sticky를 사용함에 따라 본인이 원하는 위치에 배치할 수 있도록 합니다. 1. static 모든 태그는 웹 문서에 배치될 때 static을 기본값으로 배치가 됩니다. 즉 문서의 흐름에 따라 자동적으로 배치가 되며 top, right, bottom, left, z-index와 같은 속성에 영향을 받지 않습니다. 따라서 이와 같은 속성을 사용하기 위해서는 static이 아닌 다른 키워드를 사용해야 합니다. 아래 그림은 를 통해 box1 ~ ..

- 1061 입력된 정수 두 개를 비트단위로 or 연산한 후 그 결과를 정수로 출력하기 a,b=input().split() a=int(a) b=int(b) print(a|b) => 비트연산 중 OR연산을 위해서 | 을 사용한다. - 1062 입력된 정수 두 개를 비트단위로 xor 연산한 후 그 결과를 정수로 출력하기 a,b=input().split() a=int(a) b=int(b) print(a^b) => 비트연산 중 XOR연산을 위해서 ^ 을 사용한다. - 1063 입력된 두 정수 a, b 중 큰 값을 출력하기 a,b=input().split() a=int(a) b=int(b) print(a if a>b else b) => print()에 사용한 것처럼 작성하면 코드가 간결해진다. - 1064 입력된..

- 1051 두 정수(a, b)를 입력받아 b가 a보다 크거나 같으면 1을, 그렇지 않으면 0을 출력하기 a,b=input().split() a=int(a) b=int(b) if a C언어의 !인 NOT연산자를 파이썬에서 not으로 사용한다. - 1054 두 개의 참(1) 또는 거짓(0)이 입력될 때, 모두 참일 때에만 참을 출력하기 a,b=input().split() a=int(a) b=int(b) if a and b: print(1) else: print(0) => AND연산자를 and로 사용한다. - 1055 두 개의 참(1) 또는 거짓(0)이 입력될 때, 하나라도 참이면 참을 출력하기 a,b=input().split() a=int(a) b=int(b) if a or b: print(1) else:..

- 1041 1개의 영문자 입력 후 다음 영문자를 출력하기 c=input() n=ord(c) c=chr(n+1) print(c) => ord()로 아스키코드를 변환 후 +1하여 chr()로 다시 문자로 변환하였다. - 1042 정수 두 개 a, b를 입력 후 a를 b로 나눈 몫 구하기 a,b=input().split() a=int(a) b=int(b) rst=a/b print(int(rst)) - 1043 정수 두 개 a, b를 입력 후 a를 b로 나눈 나머지 구하기 a,b=input().split() a=int(a) b=int(b) rst=a%b print(int(rst)) - 1044 1개의 정수 입력 후 +1하여 출력하기 a=int(input()) a+=1 print(a) - 1045 정수 2개(a..

- 1031 10진수 입력 후 8진수로 출력하기 num=input() num=int(num) print("%o"%num) => 8진수 octal은 %o로 나타낸다. - 1032 10진수 입력 후 16진수로 출력하기 num=input() num=int(num) print("%x"%num) => 16진수 hexadecimal은 %x로 나타낸다. - 1033 10진수 입력 후 16진수를 대문자로 출력하기 num=input() num=int(num) print("%X"%num) => 16진수를 대문자로 나타낼 때 %X로 한다. - 1034 8진수로 입력된 수를 10진수로 출력하기 num=input() num=int(num,8) print(num) => int(2,8)은 8진수로 입력된 2를 10진수로 변환한 정..

- 1021 한 단어 입력받아 그대로 출력하기 word=input() print(word) - 1022 띄어쓰기를 포함한 문장을 입력받아 그대로 출력하기 str=input() print(str) => input()을 할 때 개행을 하기 전까지 문자를 입력할 수 있다. - 1023 실수입력받아 정수부분과 실수부분을 나누어서 출력하기 a,b=input().split('.') print(a) print(b) => split()을 통해 . 을 기준으로 두 개의 수를 입력받는다. - 1024 1개의 단어를 입력받아 한 줄에 한 글자씩 출력하기 word=input() for i in word: print("\'"+i+"\'") => for 변수 in 리스트, 문자열, 튜플 : 이 for문의 기본 구조이다. 위 문제..

- 1011 문자입력받아 그대로 출력하기 s=input() print(s) => input()을 통해 문자를 입력받는다. - 1012 실수입력받아 그대로 출력하기 num=float(input()) print("%f"%num) => 실수를 출력할 때 C언어와 비슷하게 "%f"로 실수형 데이터를 출력하기로 하고 %연산자와 변수를 통해 실수를 출력한다. - 1013 정수 2개 입력받아 그대로 출력하기 a,b=input().split() print(int(a),int(b)) a,b=input().split() a=int(a) b=int(b) print(a,b) => 공백을 기준으로 두 개의 정수를 입력받을 때 split()을 사용한다. - 1014 2개의 문자를 입력받아 거꾸로 출력하기 a,b=input().s..

- 1001 Hello 출력하기 print("Hello") - 1002 Hello World 출력하기 print("Hello World") - 1003 Hello World 출력하기 print("Hello\nWorld") => \n을 사용하여 개행을 한다. - 1004 'Hello' 출력하기 print("\'Hello\'") => \'을 통해 ' 을 출력시킬 수 있다. - 1005 "Hello World" 출력하기 print("\"Hello World\"") - 1006 "!@#$%^&*()" 출력하기 print("\"!@#$%^&*()\"") - 1007 "C:\Download\hello.cpp" 출력하기 print("\"C:\\Download\\hello.cpp\"") - 1008 유니코드 문자 출력..

HTML의 태그에 id와 class를 지정하면서 사용법과 차이점을 정리해보려고 한다. 먼저 id와 class의 사용법을 알아보자. ID를 지정함 ID를 지정하지 않음 HTML에서 id와 class는 위와 같이 사용할 수 있다. 이제 위의 문서에 CSS를 입혀보자. class에 css를 입힐 때는 ' . '을 사용하여 .(class이름)으로 css 속성을 추가한다. id는 '#'을 사용하여 #(id이름)으로 css 속성을 추가한다. .menu{ background-color:#006666; } #btn{ background-color:#ff9933; color:#fff; } 결과는 다음과 같다. div에 menu라는 class를 지정 후 청록색으로 지정하였다. 그리고 div에 속해있는 id가 btn인 p태..

HTML을 작성하면서 아래처럼 head 태그 안에 meta 태그를 사용하였는데 왜 사용하는지 meta 태그가 무엇인지 정확하게 알고싶었다. meta 태그는 웹 문서에 대한 메타데이터(metadata)를 정의하는 데 사용된다. 디자인적인 요소에는 영향을 끼치지 않고 해당 웹 문서가 누가 만들었는지, 어떤 키워드를 갖고있는지, 접근성은 어떤지에 대한 정보를 정의할 수 있다. meta 태그의 속성 meta 태그의 속성은 아래와 같이 4개가 존재한다. - name : meta 태그의 속성이 어떠한 유형의 정보를 나타내는지 정의한다. - content : 해당 정보가 어떤 값을 갖고 있는지 정의한다. - http-equiv : 웹 브라우저가 서버에 명령을 내린다. 웹 문서를 서버에서 웹 브라우저에 전송될 때에 유..