안녕하세요! 코딩이 즐거운 좋아요요정입니다. 오늘은 재사용가능한 타이핑치는 효과 컴포넌트를 가지고 왔습니다. 포트폴리오를 만들면서 하나씩 정리해서 기록해보려고 합니다. :) (아잣아잣!) 오늘 소개하는 함수는 타이핑치는 효과 컴포넌트 입니다! 결과 미리보기💕 ① 인자값으로 test , speed, fontSIze, color를 받습니다. ② 기본값으로 speed = 100, fontSIze= 1em, color: 'black'을 가지고 있습니다. import React, { useState, useEffect } from 'react'; const TypingText = ({text, speed, fontSize, color}) => { TypingText.defaultProps = { fontSize:..
안녕하세요! 좋아요 요정입니다 :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. print("")를 이용하면 빠르게 단번에 출력되는 결과값을 볼 수 있습니다. 타이핑치는 효과를 주고 싶다는 생각으로 찾아봤습니다. + 스택오버플로우의 토론을 참조. https://stackoverflow.com/questions/20302331/typing-effect-in-python 기본 구조 from time import sleep import sys # 타이핑치는 효과 def typing_Ani(text, speed): //text와 speed를 인자로 받습니다. string = text; for letter i..
- Total
- Today
- Yesterday
- 스택
- 팀러버덕
- 메서드
- 자바스크립트
- 타이핑
- 프로토타입
- JavaScript
- 면접대비
- 타이핑효과
- 객체
- 프로퍼티
- 프론트엔드
- JS
- 스터디
- 코딩테스트
- this
- Python
- 파이썬
- 복제
- Prototype
- 함수
- Call
- react
- 상속
- 리액트
- 프로그래머스
- SET
- 선언
- 면접
- 생성자함수
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |