본문 바로가기

전체 글111

[Python] 시계열분석_주식데이터_주가예측 프로그래밍 세계를 탐구합시다. 시계열분석_주식데이터_주가예측 In [4]: """기본 라이브러리""" import datetime import matplotlib.pyplot as plt import platform from matplotlib import font_manager, rc In [5]: """마이너스 기호 및 한글 설정""" ### 마이너스 기호 사용 설정 plt.rcParams["axes.unicode_minus"] = False ### OS별 한글 설정 if platform.system() == "Windows" : path = "c:/Windows/Fonts/malgun.ttf" font_name = font_manager.FontProperties(fname=path).get_nam.. 2024. 1. 17.

[react] 스크롤에 따라 나타나고 사라지는 네비게이션 바 구현하기 (Navbar) 프로그래밍 세계를 탐구합시다. 스크롤에 따라 나타나고 사라지는 네비게이션 바 구현하기 이번 프로젝트에서 스크롤에 따라 나타나고 사라지는 네비게이션 바를 구현했습니다. 스크롤을 내릴 때는 사라졌다가, 스크롤을 올리면 다시 나타납니다. 구현 화면 작성 코드 마지막 스크롤 위치를 기억하여 네비게이션 바의 표시 상태를 변경하는 코드입니다. 스크롤이 아래로 진행 중이면 false, 스크롤이 위로 진행 중이면 true로 설정하여 바 상태를 변경하였습니다. Nav.jsx import { useEffect, useState } from 'react'; import style from './Nav.module.css' import { Link } from 'react-router-dom'; function Nav() {.. 2024. 1. 15.

[react] 동적 select box 구현하기 (첫번째 항목 선택에 따라 달라지는 다음 선택 목록 구현하기, 지역 선택 박스) 프로그래밍 세계를 탐구합시다. 동적 select box 구현하기 이번 프로젝트에서 지역, 난이도 선택을 순차적으로 입력할 수 있는 Select Box를 구현했습니다. 선택하는 시도에 따라 하위 주소 선택 목록이 달라지며, 난이도 선택은 별개로 항상 나타나야 했습니다. 일반적인 스크롤 형태의 Select Box가 아니라 목록이 제시되어 있고 클릭할 수 있는 기능을 원했습니다. 구현 화면 Console 작성 코드 클릭해야 나타나는 목록이 아니라 목록이 제시되어 있는 형태의 Select Box를 구현하기 위해 목록을 배열 형태로 작성하였습니다. useState를 사용하여 상태를 업데이트하는 함수를 선언하였습니다. 초기 상태로는 첫 번째 시도가 선택되고, 나머지는 빈 문자열로 설정됩니다. const [selec.. 2024. 1. 13.

[react] react Framer-motion 리액트 프레이머 활용하기 (애니메이션을 간편하게!) 프로그래밍 세계를 탐구합시다. react Framer-motion 리액트 프레이머 모션 활용하기 React Framer Motion은 주로 다음과 같은 역할을 합니다: 애니메이션 제어: 사용자가 정의한 컴포넌트나 DOM 요소를 애니메이션화할 수 있습니다. 움직임, 크기 조절, 회전 등 다양한 애니메이션 효과를 구현할 수 있습니다. 제스처 처리: 터치, 클릭 등의 제스처 이벤트를 감지하고 이에 따른 애니메이션을 쉽게 추가할 수 있습니다. 컴포넌트 간 통신: 다양한 컴포넌트 간의 통신을 촉진하며, 애니메이션을 통한 사용자 경험 향상에 기여합니다. react Framer-motion 리액트 프레이머 모션 구현 예시 구현 예시 화면입니다. 밑줄 효과, 마우스 hover 시 box가 커지는 효과, 버튼이 나타나는.. 2024. 1. 10.

이전 1 2 3 4 5 6 ··· 28 다음

티스토리툴바