투투

먼저 1476을 참고로 풀이방법을 간략하게 보자 1 3 6 9 2 5 8 11 4 7 10 12 위와 같이 출력이 되어야 하는데 각 자리에 값이 아닌 위치를 표기해보았다. 0, 0 0, 1 0, 2 0, 3 1, 0 1, 1 1, 2 1, 3 2, 0 2, 1 2, 2 2, 3 위의 표에서 규칙을 보면 y와 x의 좌표를 더하면 어느정도 규칙이 보이는 것을 알 수 있다. 이를 활용하여 풀어보자. - 1476 다음과 같은 n*m 배열 구조를 출력하기 입력이 3 4인 경우 다음과 같이 출력한다. 1 3 6 9 2 5 8 11 4 7 10 12 ''' 1 3 6 9 2 5 8 11 4 7 10 12 ''' n,m=map(int,input().split()) numbers=[[0 for _ in range(100..

- 1468 다음과 같은 n*n 배열 구조를 출력하기 입력이 3인 경우 다음과 같이 출력한다. 1 2 3 6 5 4 7 8 9 n=int(input()) number=[[0 for _ in range(100)]for _ in range(100)] flag=True cnt=1 for y in range(n): if flag: for x in range(n): number[y][x]=cnt cnt+=1 flag=False else: for x in reversed(range(n)): number[y][x]=cnt cnt+=1 flag=True for y in range(n): for x in range(n): print(number[y][x],end=" ") print() => 방향을 상황에 맞게 바꾸기위한..

- 1460 다음과 같은 n*n 배열 구조를 출력하기 입력이 3인 경우 다음과 같이 출력한다. 1 2 3 4 5 6 7 8 9 n=int(input()) num=1 for y in range(n): for x in range(n): print(num,end=" ") num+=1 print() - 1461 다음과 같은 n*n 배열 구조를 출력하기 입력이 3인 경우 다음과 같이 출력한다. 3 2 1 6 5 4 9 8 7 n=int(input()) arr=[[0 for _ in range(n)] for _ in range(n)] num=1 for y in range(n): for x in reversed(range(n)): arr[y][x]=num num+=1 for y in range(n): for x in..

저번 글에서 flex box에 대해 알아봤으며 이제 flex box로 지정했을 때 포함된 item들에게 적용시킬 수 있는 속성은 무엇이 있는지 알아보겠습니다. 아래 링크는 flex에 대한 기본을 다루고 있고 이 글을 이해하는데 도움이 되실 수 있습니다. kimmeh1.tistory.com/23 [CSS] flex 이해하기 CSS로 요소들의 위치를 잡을 때 flex를 많이 사용한다는 것을 느꼈습니다. 사실 CSS3 이전에는 flex가 없어서 원하는 대로 위치를 지정하는 것이 어려웠다고 한다. flex를 사용하면서 화면의 크기가 kimmeh1.tistory.com ▶ flex-direction flex로 지정된 container의 item들을 어떤 방향을 정렬시킬지 정하는 속성입니다. 기본적으로 flex로 ..

CSS로 요소들의 위치를 잡을 때 flex를 많이 사용한다는 것을 느꼈습니다. 사실 CSS3 이전에는 flex가 없어서 원하는 대로 위치를 지정하는 것이 어려웠다고 한다. flex를 사용하면서 화면의 크기가 달라져도 자동적으로 재 정렬되어 보입니다. 그렇다면 flex를 어떻게 사용하는지 살펴보겠습니다. flex는 아래와 같이 사용할 수 있습니다. div{ display:flex; } section 태그 안에 div로 box 3개를 출력해보겠습니다. 다음 그림과 같이 기본적으로 block 타입이기 때문에 한 줄에 하나의 box가 출력됩니다. 이제 section 태그의 display를 flex로 변경해보겠습니다. 한 줄에 box 3개가 모두 출력되었습니다. 이러한 결과가 나타난 이유를 자세히 살펴보겠습니다...

시맨틱(Semantic) 태그는 의미가 있는 태그란 뜻입니다. HTML 태그를 통해 웹 문서를 작성할 때 좀 더 의미 있는 태그를 사용함으로써 정확하게 정보를 전달하고 웹 문서의 구조를 쉽게 파악할 수 있도록 합니다. 또한, 검색 엔진은 웹 사이트의 HTML 태그들을 분석하여 사용자가 원하는 정보를 노출시키기 때문에 시맨틱 마크업은 중요합니다. 그렇다면 시맨틱 태그는 어떤 것이 있는지 알아보겠습니다. 아래 그림은 시맨틱 태그를 활용하여 웹 문서의 레이아웃을 잡은 것입니다. 각 태그가 어떤 의미를 갖고있는지 살펴보겠습니다. ▶ : 보통 웹 문서의 소개 및 탐색을 위해 사용됩니다. 제목, 로고, 검색, 내비게이션 등을 포함시킬 수 있습니다. ▶ : 현재 페이지에서 다른 페이지의 탐색을 돕는 내비게이션 역할을..

모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부릅니다. 박스 모델은 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분합니다. - 내용(content) : 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분입니다. - 패딩(padding) : 내용과 테두리 사이의 간격입니다. 패딩은 눈에 보이지 않습니다. - 테두리(border) : 내용과 패딩 주변을 감싸는 테두리입니다. - 마진(margin) : 테두리와 이웃하는 요소 사이의 간격입니다. 마진은 눈에 보이지 않습니다. 위 그림과 설명은 TCP School에서 가져온 것이다. 왜냐하면 개인적으로 가장 이해가 잘되는 그림이었습니다..

- 1091 시작 값(a), 곱할 값(m), 더할 값(d), 몇 번째인지를 나타내는 정수(n)가 입력될 때, n번째 수를 출력하기 a,m,d,n=input().split() a=int(a) m=int(m) d=int(d) n=int(n) cnt=1 while True: if cnt==n: break a*=m a+=d cnt+=1 print(a) - 1092 같은 날 동시에 가입한 인원 3명이 규칙적으로 방문하는, 방문 주기가 공백을 두고 입력되었을 때 3명이 다시 모두 함께 방문해 문제를 풀어보는 날(동시 가입/등업 후 며칠 후?)을 출력하기 a,b,c=input().split() a=int(a) b=int(b) c=int(c) num=1 while True: if (num%a==0)and(num%b==..

- 1081 1부터 n까지, 1부터 m까지 숫자가 적힌 서로 다른 주사위 2개를 던졌을 때 나올 수 있는 모든 경우 출력하기 n,m=input().split() n=int(n) m=int(m) for i in range(1,n+1): for j in range(1,m+1): print(i,end=" ") print(j) - 1082 A, B, C, D, E, F 중 하나가 입력될 때, 1부터 F까지 곱한 16진수 구구단의 내용 출력하기 c=int(input(),16) for i in range(1,16): print(("%X"%c)+'*'+("%X"%i)+'='+("%X"%(c*i))) - 1083 10보다 작은 정수가 입력되었을 때 그 수 까지 3, 6, 9는 X로 출력하고 나머지는 숫자로 출력하기 n..

- 1071 정수가 순서대로 입력하고 0이 아니면 입력된 정수를 출력하고, 0이 입력되면 출력을 중단하기 number=input().split() for i in number: if int(i)==0: break; print(i) - 1072 n개의 정수가 순서대로 입력 후 한 줄씩 출력하기 n=input() list=input().split() for i in list: print(i) - 1073 정수가 순서대로 입력 후에 0이 아니면 입력된 정수를 출력하고, 0이 입력되면 출력을 중단하기 list=input().split() for i in list: if int(i)==0: break print(i) - 1074 정수(1 ~ 100) 1개가 입력되었을 때 카운트다운을 출력하기 cnt=int(inp..