NewBean의 웹과 콩나무
close
프로필 배경
프로필 로고

NewBean의 웹과 콩나무

  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
  • 홈
  • 방명록
  • 깃허브
  • 포트폴리오
리액트에서 타이핑 이벤트 만들기

리액트에서 타이핑 이벤트 만들기

요즘 리액트를 열심히 공부했는데, 포트폴리오도 리액트로 만들면 좋겠다 해서 리액트로 리메이크하고 있습니다.원래 포트폴리오 main 페이지에서 사용하는 타이핑 이벤트를 적용하고자 해요.일단 먼저, 어떻게 작용하는지 확인해봅시다! main.js// 타이핑 이벤트const firstContent = "안녕하세요! 저는 프론트엔드 개발자 전유빈입니다.";const firstText = document.querySelector(".text-1");let i = 0;function FirstTyping() { if (i  결과 다 되었으면, 이것을 이제 리액트로 변환해 봅시다! Typing.jsximport React from "react";// 타이핑 이벤트const firstContent = "안녕하세요! 저..

  • format_list_bulleted Front-End Study/React
  • · 2024. 6. 19.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 문의 (juv6262@naver.com)
전체 카테고리
  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
최근 글
인기 글
최근 댓글
태그
  • #Python
  • #리눅스
  • #Java
  • #정보처리기사
  • #JavaScript
  • #react
  • #Vue.js
  • #html+css
  • #DBMS
  • #Git & GitHub
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바