홍카나의 공부방

hello? cheer up! Get Started 부트스트랩을 이용해 위와 같이 코드를 짜고 있었다. 처음에 화면 height가 꽉차질 않아서 무엇이 문제였나? 돌아보니.. 1) min-vh-100 속성을 주었다. -> 미해결 2) h-100을 주고, html이나 body 혹은 상위 부모 tag 에게 vh-100도 줘보고 다 했었다. -> 미해결 3) 컨테이너에 min-vh-100과 justify-content-center를 동시에 주었다. -> 해결 flex-column 써놓고 justify-content-center를 까먹고 스택오버플로우나 뒤져본 나.. 나처럼 살지 마시오.

배치의 중요성 - CSS 우겨 넣으면 유지보수가 어렵고, 변경사항 있으면 대응하기 어렵다. - 반응형 만들 때도 배치를 잘못 잡으면 엄청나게 어렵다. 그러면 HTML 구조와 레이아웃은 어떻게 잡으면 좋을까? 배치 쉽게 하는 방법 - 먼저 가로 방향으로 가상의 구역을 나눠본다. 항상 가로 먼저. - 가로로 나눈 가상의 구역에서 또 가로로 나눌 수 있는 구역을 생각해본다. - 더 이상 가로로 나눌 수 없으면 세로 방향으로 잘라서 레이아웃 배치를 진행한다. 시맨틱 태그(Semantics) - div 태그만으로는 어떤 역할을 하는지 알 수 없다. - 그래서 이런식으로 역할을 알려줬었다. - HTML5가 들어오면서 id="header", id="footer" 이런식으로 많이 쓰다보니까, 그냥 를 만들어줬다. - ..

이번에는 IPv4의 주소 배분 중 Classful Addressing에 대해 정리하였다. IPv4의 주소길이 0.0.0.0으로 표현되는 IPv4의 주소체계가 사실 0.0.0.0.0.0으로 연장된다던지 주소 길이가 더욱 길어진다면 더 많은 주소를 배분할 수 있다는 장점이 있지만, more memory, more time이라는 단점이 존재한다. 주소의 길이가 더 길어지면, 패킷의 길이가 더욱 길어지거나 라우팅 테이블이 커지는 시/공간적 단점이 존재한다. IPv4가 표준화될 70년대에는 메모리의 크기가 64kb 이랬기 때문에... 메모리를 많이 사용할 수 없었다. Classful Addressing IPv4 주소를 분배하는 방법 중에는 classful addressing이 있다. 32개의 bit를 4바이트로 ..

이번 글에서는 Network Layer(Layer 3)를 기준으로 source, router, desination에서 어떤 과정이 진행되는가를 알아보고, 그 외 여러 가지 서비스를 간단하게 알아본다. Source Node에서 일어나는 일 (1) Upper Layer(L4)에서 UDP 혹은 TCP의 패킷이 내려올 것이다. 이는 Protocol ID로 구분한다. (2) Network Layer(L3)에서는 먼저 user datagram이나 segment를 data part로, 다른 파라미터들은 Header part로 보내면서 (IP) Datagram을 만들어낸다. (3) 다음으로 나가야 하는 논리 주소를 Routing Table에서 찾는다. Routing Table에서는 datagram과 next-hop의 ..