공부를 합니다 (84) 썸네일형 리스트형 생활코딩 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 이상일 때*/ .. 선형대수(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가 존재.. CS50's Week 5_ Data Structures Pointers memory가 할당되지 않은 포인터 변수 int main(void) { int *x; int *y; x = malloc(sizeof(int)); *x = 42 *y = 13 // buggy! } x에는 malloc을 이용하여 memory를 할당해 주었지만 y에는 해주지 않았기 때문에 y의 주소로 가 13을 대입할 수 없다. Resizing arrays Array로 사용되는 memory는 인접(side-by-side)해있기 때문에 arrays의 크기를 늘리고 싶으면 바로 옆의 memory를 array에 추가해야 한다. 이 memory를 이미 다른 data가 사용하고 있을 수가 있으므로 다른 memory를 이용해 크기를 재정의 할 방법을 찾아봐야 한다. 공간에 여유가 있는 다른 영역으로 가 .. CS50's Week 2_Arrays 2. Arrays Compiling 우리가 C언어로 작성한 source code를 컴퓨터가 실행시키기 위해서는 2진법의 machine code로 compile 해야한다. Source code를 machine code로 compile하는 과정은 몇 단계로 나누어져있다: preprocessing compiling assembling linking Preprocessing 가장먼저 preprocessing은 #include처럼 #으로 시작하는 line에 관련되어있다. 예를 들어, #include 는 clang에게 현재 프로그램에 사용할 콘텐츠를 포함하고있는 header file을 찾으라고 하는 명령으로 clang이 header file의 콘텐츠를 현재 프로그램으로 가져오게된다. // Before preproc.. 이전 1 ··· 6 7 8 9 10 11 다음
