이게 뭔말이지? absolute로 가운데에 놓는다니.. 위와 같이 flex container에서 가운데에 놓는건 누워서 침 삼키기보다 쉽다. 애초에 이걸 말하는거면 position: absolute라고 시작하지도 않았다. 작성자가 원하는 건 다음과 같은 모습이다. 위와같은 디자인을 구현하려면, 회색테두리 container의 position을 absolute로 만들어야한다. 검정테두리 container의 사이즈가 변할 때마다 회색테두리 container의 위치를 바꿔줄건가? 그건 요즘같은 반응형 웹시대에 맞지 않는 대응이다. 따라서 '%'를 써서 회색테두리 container를 가운데에 놓아보자. 그럼 top, left속성을 써서 위치를 조절해야하는데, 문제가 생긴다. position: absolute는 위..

https://canalstreet.market/ About | Canal Street Market Canal Street Market is a curated retail market, food hall & community space open year-round, located in downtown New York between Soho and Chinatown. canalstreet.market 위 사이트를 클론하던 중 재미있는 디자인들을 보았다. 1. 점선으로 된 위 아래 테두리가 있다. 2. 점선으로 된 테두리가 상하좌우 있다. 3. 비스듬하게 선이 그어져있는 테두리가 위 아래로 있다. 위 3개의 디자인을 이해하기 위해서는 다음 6개의 css를 알아야한다. 1. background-image 2...

중요하게 다뤄지는 테마로는 Min-Cut Max-Flow Theorem문제부터 이분매칭, 그리고 MCMF까지있다. 3가지를 모두 깊게 파지는 못했지만 그래도 풀면서 알게된 테크닉들을 적어보려한다. 문제들은 모두 백준에있는 문제들로 했으며, 전역하면 코드포스나 탑코더에 있는 문제들도 풀어보려한다. 알고리즘 하나를 알게되면 관련된 문제들을 모두 풀어보려고 노력한다. 따라서 유형을 정리한다고 하면 백준에있는 알고리즘 분류를 통해 알게되는 문제들을 정리한다는 말이다. 정리가 오늘 하루만 하는것도아니고.. 계속해서 업데이트되는 글이 될것이다. SRC = 시작점, SINK = 도착점입니다. [Min-Cut Max-Flow Theorem] 최대 플로우가 최소컷이라는 재미있는 이론이다. 이걸 처음 접할 때만해도 컷이라..