반응형 코딩13 [HTML/CSS] :root를 통해 CSS에서 변수를 사용해 보자 : 가상 클래스의 활용 CSS를 통해 디자인을 하는 과정에서 페이지의 통일성을 위해 하나의 값을 여러 번 활용하는 경우가 많다. 이러한 경우 :root 가상 클래스를 활용하여 변수를 생성함으로써 코드의 유지·보수나 추가적인 확장을 쉽게 할 수 있다. 아래의 예시를 보자. See the Pen Untitled by me_in_sk (@sleepyMS) on CodePen. :root 변수의 선언 변수의 이름 앞에는 --(하이픈 2개)를 붙여준다. :root { --width: 200px; --height: 100px; --box-color: #a6a5ff; --box-font-weight: bold; --box-font-size: 20px; } :root 변수의 적용 var() 함수를 통해 괄호 안에 적용할 변수를 입력한다. ... 2023. 6. 25. [HTML/CSS] cubic-bezier()를 통해 속성 변화를 조절해 보자 : 변화에 변화를 주자 cubic-bezier() 함수는 transition과 같이 속성에 변화를 나타내주는 속성에 추가적인 효과를 더해준다. 아래 예시를 보자. See the Pen Untitled by me_in_sk (@sleepyMS) on CodePen. 위의 실행 결과를 살펴보자. 모든 게이지는 변화하는 과정이 다를 뿐, 결과적으로 과정이 완료되는 시점은 모두 동일한 것을 볼 수 있다. 이처럼 transition의 속성에 의해 변화하는 시간이 같더라도, cubic-bezier() 함수에 의해 각각 다른 효과를 줄 수 있다. 그렇다면 원하는 효과를 찾기 위해서는 cubic-bezier() 함수의 값을 일일이 조정하며 원하는 값을 찾아야 하는 걸까? cubic-bezier.com cubic-bezier.com 이에 위의.. 2023. 6. 23. [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (4) : 최고가에 매도를 해보자 자동매매 프로그램을 개선해 보자 이번 포스팅에서는 지난 포스팅에 이어 수익률을 통해 분할 매도 로직을 추가해 보도록 하자. 지난 포스팅과 이어지는 구성이니 아래의 링크를 참고하여 학습하고 오는 것을 추천한다. [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (1) [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (1) 자동매매 프로그램 만들기 상대강도지수(RSI)는 투자자가 매수와 매도를 하는 시점에서 과매수 구간인지, 과매도 구간인지를 판단할 수 있게 도와주는 보조 지표이다. 이번 포스팅에서는 해당 me-in-journey.com - 조건 설정 - RSI 지수가 70 이상일 때, 일부만 매도 RSI 지수가 70에서 하락할 때, 전량 매.. 2023. 6. 7. [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (3) 자동매매 프로그램을 개선하자 이번 포스팅에서는 지난 포스팅에 이어 수익률을 구하고, 물을 타는 로직을 추가해 보자. 지난 포스팅과 이어지는 구성이니, 아래의 링크를 참고하여 학습하고 오는 것을 추천한다. [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (1) [업비트/자동매매] Python으로 RSI 지표를 이용한 자동매매 프로그램 만들기 (1) 자동매매 프로그램 만들기 상대강도지수(RSI)는 투자자가 매수와 매도를 하는 시점에서 과매수 구간인지, 과매도 구간인지를 판단할 수 있게 도와주는 보조 지표이다. 이번 포스팅에서는 해당 me-in-journey.com - 조건 설정 - 최초 매수 시점에 할당된 금액의 50% 매수 수익률이 -5% 이하일 때, 나머지 50% 추가 .. 2023. 6. 5. 이전 1 2 3 4 다음 반응형
