-
[CSS] display flex (7)
서론 이전 포스팅에 이어 flex style에 대해 깊게 알아보도록 한다. 아이템들의 간격 균등 배열 지금까지 여러 포스팅에서 배워온 flex 관련 속성값들을 잘 조합하여 원하는 배치대로 정확히 배치를 시킬 수 있는것이 가장 중요하다. 그 중에서도 아이템이 여러줄로 배치될 경우 이 여러 줄 사이의 간격을 어떤식으로 배치할 것인가에 관한 속성 조합 내용이다....
-
[CSS] display flex (6)
서론 이전 포스팅에 이어 flex style에 대해 깊게 알아보도록 한다. 자동 줄바꿈 여러 아이템들을 나열하다보면 아이템들의 크기의 합이 컨테이너를 넘어가는 경우가 발생할 수 있다. 이때 아이템들의 크기를 자동으로 줄여서 관리하는 방법도 있겠지만 경우에 따라서는 아이템의 크기를 그대로 보존한채 줄바꿈을 통해 아이템의 위치를 조정하고자 하는 스타일도 있을 수 있다. 이러한 경우에서는...
-
[CSS] display flex (5)
서론 이전 포스팅에 이어 flex style에 대해 깊게 알아보도록 한다. 유동 너비 박스 유형 페이지를 디자인 하다보면 아래의 사진처럼 컨테이너 안에 너비가 제각각으로 퍼져있는 아이템들을 볼 수 있다. 이러한 상황에서 브라우저의 넓이가 줄어들때 오른쪽에 있는 박스부터 사라지는 것이 아닌 아이템들의 크기가 전체적으로 비율을 유지하면서 줄어드는 방법을 구현하기 위해서는 어떻게 세팅해야...
-
Javascript의 유용한 함수들(2) 실습
서론 앞선 포스팅을 통해 JS Array에서 제공하는 라이브러리 함수들의 종류에 대해 배워보았다. 그렇다면 이런 라이브러리 함수를 사용했을때와 일반 for문을 사용하여 배열을 탐색했을때와 탐색속도가 얼마나 차이가 나는지 코드는 얼마나 간단하게 작성할 수 있는지 실제 코드를 통해 비교해 보고자 한다. 예제 코드 복잡한 배열의 탐색을 수행하기 위해 삼중 for문 깊이의 탐색을 필요로...
-
[system trading] 선물옵션이란
서론 주식시장이 점점 더 규모가 커짐에 따라 더이상 주식시장의 추세나 지표만 보고 투자를 하는것에는 리스크가 따른다. 그렇기 때문에 단순 주식시장 이외의 선물, 옵션등의 장 상황도 함께 파악하며 트레이딩을 하는것이 더 안전한 시스템 트레이딩 기법이 될 수 있다. 흔히들 말하는 선물옵션의 용어에 대해 정리해보고자 한다. 선물옵션이란? 주가지수선물옵션이란, 미래의 코스피200지수를 예상하여 떨어질지,...