반응형 웹 프로그래밍/프론트엔드23 [HTML/CSS/JS] mouseenter와 mouseleave : 마우스 이벤트를 사용해 보자 이번 포스팅에서는 많은 마우스 이벤트의 초석이 되는 mouseenter와 mouseleave에 대해 알아보자. 해당 메서드는 지정된 요소에 마우스를 올리고 빼는 과정에서 일어나는 이벤트를 생성해준다. 이와 유사한 메서드로 mouseover와 mouseout이 있으며, 후자의 메서드들은 이벤트 버블링이 일어난다는 차이점을 가진다. 사용 예시를 보자 서로 다른 색의 영역에 마우스를 올리면 검은색으로 변화하며, 마우스가 떠나면 다시 원래의 색으로 돌아간다. 메서드를 알아보기 위해 HTML과 CSS를 준비해 보자. HTML CSS .grid-box { width: 600px; height: 600px; border: 10px solid black; display: grid; grid-template-column.. 2023. 5. 29. [HTML/CSS/JS] JQuery의 addClass와 removeClass : 엘리먼트에 클래스를 추가, 삭제해 보자 자바스크립트를 통해 엘리먼트에 클래스를 추가하고 삭제해 보자. 미리 CSS에 해당 클래스에 필요한 속성들을 정의해 둔 다음, 이벤트가 필요한 엘리먼트에 클래스를 추가하는 방식으로 이벤트를 줄 수 있다. 그냥 처음부터 자바스크립트를 통해 엘리먼트에 직접 CSS 작업을 해주면 안 되는 걸까? 물론 가능하지만, JS에 CSS 코드가, HTML에 CSS 코드가 존재하는 것은 코드의 유지·보수 측면에서도, 코딩을 하는 면에서도 효율적이지 못하다고 생각을 한다. 각자의 코드가 자신의 역할을 적절히 수행할 수 있도록 addClass와 removeClass에 대해 알아보자. 활용 예시를 보자 버튼1을 누르면 상자가 커지며 파란색으로 변하고, 버튼2를 누르면 파란색이 빠지며 원래의 크기로 돌아간다. 우선 addClass.. 2023. 5. 28. [업비트/자동매매] Python으로 쉽게 평가금액 확인하기 : 매수금액을 구해보자 이번 포스팅에서는 우리가 소지한 코인의 매수금액과 총평가금액을 구하는 함수를 만들어보자. 이는 지난 포스팅에서 다루었던 잔고 데이터를 기반으로 구할 예정이니, 이에 대해 더 알고 싶다면 아래의 지난 포스팅을 참고하길 바란다. [업비트/자동매매] Python으로 쉽게 하는 수익률 구하기 : 내 잔고 데이터를 알아보자 [업비트/자동매매] Python으로 쉽게 하는 수익률 구하기 : 내 잔고 데이터를 알아보자 이번 포스팅에서는 내 잔고 데이터를 불러오고, 이를 통해 나의 수익률과 평균 매입 단가를 알아보자. 이번 포스팅에서는 pyupbit라는 모듈을 통해 이를 구할 예정이니 만약, 해당 모듈이 설치되 me-in-journey.com 우선 우리가 소지한 코인의 매수금액을 구해보자. 우리가 실제로 보유한 코인에 .. 2023. 5. 26. [업비트/자동매매] Python으로 쉽게 하는 수익률 구하기 : 내 잔고 데이터를 알아보자 이번 포스팅에서는 내 잔고 데이터를 불러오고, 이를 통해 나의 수익률과 평균 매입 단가를 알아보자. 이번 포스팅에서는 pyupbit라는 모듈을 통해 이를 구할 예정이니 만약, 해당 모듈이 설치되어있지 않다면 아래의 포스팅에 나와 있는 코드를 통해 설치하고 오는 것을 추천한다. [업비트/자동매매] Python으로 쉽게 하는 매수/매도 : 비트코인 자동매매 프로그램 만들기 [업비트/자동매매] Python으로 쉽게 하는 매수/매도 : 비트코인 자동매매 프로그램 만들기 자동매매 프로그램을 만드는 것에 있어 가장 기초 중의 기초는 매수와 매도를 하는 것이다. 이번 포스팅에서는 업비트 거래소에서 제공해주는 Open API를 이용하여 Python을 통해 매수·매도하는 방 me-in-journey.com 수익률을 구하.. 2023. 5. 25. 이전 1 2 3 4 5 6 다음 반응형
