모든 곳이 아닌지정한 한 페이지의 배경만 가득 채우고자 했다. 🤔 정하려는 페이지의 외각 태그의 높이 설정해보면import "./test.css";function Test() { return Test;}export default Test;일단 페이지의 구성은 태그 하나로 채워져있다. Test 간단하게 보면 이런 구조다. .testContainer { height: 100%; background-color: aqua;}페이지를 가득 채우기 위해 높이값을 100%로 설정했다. 그러나 문자 사이즈 만큼만 배경이 적용된 것을 볼 수 있다. 왜 적용이 안되었을까?.testContainer의 height: 100%;는 부모 요소의 크기를 기준으로 10..
파스칼 삼각형(Pascal's triangle)이란? 블레즈 파스칼이 발견한 것으로 이항계수를 삼각형 모양으로 나열한 것이다. 이항계수를 구할 때 사용할 수 있다. 삼각형을 수학공식으로 나타낸 것은 파스칼 항등식이라 한다. $$ \begin{pmatrix} n \\ r \end{pmatrix} = \begin{pmatrix} n-1 \\ r-1 \end{pmatrix} + \begin{pmatrix} n-1 \\ r \end{pmatrix}$$ 직접 그리는 방법은 차수가 적을 때는 유용하나 차수가 커지면 이항정리로 구하는 것이 효과적이다. 구현하기 전 규칙 알아보기 1. 첫 줄과 각 줄의 양 끝은 1 2. 그 외 숫자는 수식 사용 $$(i , j) = (i - 1, j - 1) + (i - 1, j)$$..
딕셔너리(dictionary) 👉'키(key)와 '값(value)'으로 이루어져있다. 키를 이용하여 값(데이터)를 저장한다. 키를 이용하여 값(데이터)를 찾는다. ❔리스트와 다른점 값을 저장하거나 기르킬 경우 리스트 → '인덱스'기반 딕셔너리 → '키' 기반 선언하기 1. 비어있는 딕셔너리 선언 dic = {} 2. key : value 선언 key 1개당 value를 1개를 갖는다. # 기본적인 형태 dic1={'key':'value'} # 예시 dic={'사과':'apple', '바나나':'banana', '오렌지':'orange'} 3. key : list 선언 key1 개당 여러개의 value를 list를 통해 저장할 수 있다. value부분에 리스트 형태로 값을 넣어주면 된다. # key와 li..
주석 👉 코드로 해석되지 않아 프로그램 진행에 영향을 주지 않는다. When? 프로그램, 코드를 설명할 때 코드 중 실행하지 않고 싶을 때 Why? 다른 사람이 내 코드를 볼 때 이해하도록 도움을 준다. 나중에 코드를 보았을 때 왜 이렇게 코드를 작성었는지 떠올리는데 도움을 준다. 오류가 나는 부분을 찾을 때 도움을 준다. 코드 중 잠시 실행하고 싶지 않은 부분을 주석으로 처리해서 놔둘 수 있다. How? 파이썬에서 주석처리는 한 줄 또는 여러줄을 할 수 있다. 한 줄 → # (샵) 여러 줄 → " (큰 따옴표) 또는 ' (작은 따옴표) 한 줄 주석처리 하고자 하는 부분의 맨 앞에 #을 사용한다. #파이썬에서는 샵을 사용하여 한 줄 주석처리를 합니다. #샵을 줄마다 사용하여 여러줄을 주석처리할 수도 있습..
body 여백 없애기 테스트 테스트 위와 같이 코드를 작성하면 div주변에 상단, 좌우 여백이 생긴다. 이를 없애기 위해선 body의 마진을 0으로 변경해주면 된다. body{ margin:0; } 그럼 위와 같이 좌우, 상단이 윈도우 창에 맞게 div가 조절된 것을 볼 수 있다. h1 사용시 여백 앞서 말한 듯이 body의 margin을 0으로 설정해도 상단 여백이 존재하는 문제가 생겼다. 이는 h1(h2 등도 마찬가지)도 body처럼 기본적인 margin이 존재하기 때문이다. 따라서 h1의 margin-top를 0으로 설정해주면 된다. body{ margin:0; } h1{ margin-top: 0; } See the Pen Untitled by mjtime (@mjtime) on CodePen. 📝..
