본문 바로가기

분류 전체보기

 (95)
CS50's Week 6_ Python 6. Python Python Basics Print Hello world를 출력하기 위한 C코드와 python코드를 비교하면 // C #include int main(void) { printf("hello, world\n"); } # python print("hello, world") Standard library를 불러들일 필요가 없다. Main function을 선언하지 않아도 된다. Print함수 끝에 줄바꿈 \n을 해주지 않아도 된다 (줄바꿈이 default). Semicolon ;을 적어주지 않아도 된다. Python은 별도의 compile을 거칠 필요가 없는 interpreted language이기 때문에 위의 코드를 hello.py로 저장하면 코드를 실행하기 위해 바로 python hell..
생활코딩 CSS_9.9 다단(Multi Column) 9.9 다단(Multi Column) 화면을 여러개의 열로 나눈 구조. 단의 개수 단의 개수를 지정해서 나눌 수 있다. /*단을 2개로 나눈다*/ .column{ column-count: 2; } 단의 폭을 지정해서 나눌 수 있다. 현재 화면의 크기에 따라 단의 개수가 결정된다. /*한 단의 폭이 200px이 되도록 단을 나눈다*/ .column{ column-width: 200px; } column-width속성과 column-count 속성을 동시에 부여하면 column-width의 값에 따라 단의 개수를 나누되 column-count 값보다 많아지지 않는다. /*화면 폭이 ~600px 일 때 까지 단이 2개, ~800px일 때 까지 단이 3개이고 그 이후론 창이 커져도 단의 개수가 늘어나지 않는다...
생활코딩 CSS_9.8 Float 9.8 Float 글의 본문 안에 이미지를 삽화로 삽입할 때 사용하는 기능이다. 레이아웃을 잡을 때도 주로 사용한다. Float 기본 일반적으로 이미지 와 문단 를 나란히 배치 할 경우 마크업 순서에 따라 수직방향으로 배치된다. 이는 각 element가 자신의 영역을 차지하고 있는 것으로 볼 수 있다. 즉, 이미지 element가 페이지의 처음영역을 먼저 차지했기 때문에 문단 element는 그 다음에 위치해야 하는 것이다. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Element를 '띄워서 (float)' element가 차지하고 있던 영역을 무시하고 다음 element를 배치할 수 있게 해 주는 속성이 Float이다. Float을 이용하면 ..
VS Code_2.5 Settings User and Workspace Settings Visual Studio Code의 설정에서 VS Code의 편집기(editor)나 사용자 인터페이스(use interface) 등 다양한 기능들을 수정할 수 있다. VS Code 설정은 두 가지 영역으로 나뉜다. 사용자 설정(User Settings): 사용자가 연 모든 VS Code에 전체적으로 적용되는 설정. 작업영역 설정(Workspace Settings): 작업영역 내에 저장된 설정으로 해당 작업영역이 열려있을 때만 적용된다. 작업영역 설정이 사용자 설정보다 우선적으로 적용된다. 각 프로젝트마다 다르고 해당 프로젝트에 참여하는 개발자간에 공유가 가능하다. NOTE: VS Code의 "작업 영역"은 일반적으로 프로젝트의 Root폴더이다. 작업 영역..
생활코딩 CSS_9.7 미디어 쿼리(Media Query) 9.7 미디어 쿼리(Media Query) 미디어의 상태에 따라 다른 디자인을 가능하게 한다. 반응형 디자인의 핵심. 미디어쿼리 기본 미디어 쿼리를 이용하려면 디자인이 변하게 될 조건을 정해, 기준에 따라 CSS를 다르게 작성해 줘야한다. 조건은 태그 내에 다음과 같이 적을 수 있다. @media (width: 500px){...} 위의 예시는 화면의 크기가 500px일 때 중괄호 안의 속성을 적용시킨다. 특정 값이 아니라 범위에서 적용하고 싶으면 조건을 다음과 같이 바꿔주면 된다. /*width의 '최댓값'이 500px일 때; width가 500px 이하일 때*/ @media (max-width: 500px){...} /*width의 '최솟값'이 500px일 때; width가 500px 이상일 때*/ ..
첫 티스토리 스킨 만들기 잡소리 처음 티스토리 블로그를 만들었을 때, 각자의 테마를 한가득 담고 있는 티스토리 블로그들이 부러웠다. 하지만 내가 원하는 것을 전부 딱 갖춘 스킨은 당연히 존재하지 않았고 당시 나는 포토샵이나 조금 만질 줄 알지 코딩에 대해서는 아무것도 몰랐기 때문에 스킨을 수정하거나 만든다는 것은 시도할 생각조차 하지 못했다. 약간의 눈치로 상단 메뉴만 내 카테고리에 맞춰서 주먹구구식으로 바꿨고 그 상태로 방치. 그렇게 처음 웹 코딩을 배워보고 싶다고 생각했었다. 그리고 드디어, HTML, CSS, JavaScript를 어느 정도 배운 지금, 티스토리 스킨을 만들어보려고 한다. 스킨 자체를 만들어보고 싶기도 했지만 기본적인 기능이 티스토리 자체적으로 구현이 되어있기 때문에 최소한의 외적 지식으로 알고있는 것들을 ..
선형대수(HYU)_08 벡터공간의 차원과 네 가지 부벡터공간 2.4 The Four Fundamental Subspaces Basis를 표기하기 위해서는 systematic한 절차가 필요하다. Subspace는 Space로 span하는 벡터의 집합*이나 Space의 vectors가 반드시 충족시켜야하는 조건**으로 표현할 수 있지만 두 경우 모두 벡터집합에 dependent vectors가 포함될 수 있기 때문에 basis를 표현하기에 충분하지 않다. * column space는 columns들이 span해서 생성 ** null space는 Ax = 0을 만족시키는 벡터집합 행렬의 basis를 찾는 절차를 알기 위해서 full rank(extreme case)인 경우를 생각해보자. Rank가 최대로 클 때, 즉 $ r=n\ or\ r=m\ or\ r=m=n $ 일..
선형대수(HYU)_07 벡터의 선형독립과 기저벡터 2.3 Linear Independence, Basis, and Dimension Linear Independence or Dependence $ c_1v_1 + c_2v_2 + \cdots + c_nv_n = 0 $을 만족시키는 경우가 $ c_1 = c_2 = \cdots = c_n = 0 $밖에 없을 때 (trivial combination), vectors $ v_1, v_2, \cdots, v_n $은 linearly independent하다. vector $v_k$를 다른 vectors들로 표현할 수 없다. 반대로 nonzero인 $c$가 존재하는 경우 $v$들은 linearly dependent하다. ex 1) $v_1 = zero\ vector$이면 (백터집합중에 zero vector가 존재..

티스토리툴바