React(8)
-
[React] 종이비행기가 날아가는 버튼효과 + 외부링크 / 한 번만 가능한 오류 수정중
나를 믿어라. 인생에서 최대의 성과와 기쁨을 수확하는 비결은 위험한 삶을 사는 데 있다. -02.23. 프레드리히 니체 전체코드 .icon_form.png 에 해당하는 그림 바꿔서 쓸것 클릭하면 바뀌는 URL 수정할 것 import React from "react"; import "./css/apply.css"; import { gsap } from "gsap"; import { useState, useEffect } from "react"; const applyFunc = () => { document.querySelectorAll(".apply-button").forEach((button) => { let getVar = (variable) => getComputedStyle(button).getPr..
2023.02.23 -
React window 새로고침(F5) Refresh로 반영,반응 안됨 해결
빠른 결론 Ctrl + S : 자동저장 생활코딩의 리액트에서 웹의 새로고침을 누르면 실시간 반응 되는 모습을 볼 수 있다. 하지만 VSC에서도 웹 페이지에서도 App.js를 수정하여 새로고침해도 적용되지 않는다. Ctrl + F9를 누르면 디버깅으로 적용되는데 또다른 창이 생기고 창이 두 개면 엉키는 불편한 현상이 발생했다. 리액트 실시간반응 리액트 렌더링 리액트 자동 새로고침 리액트 새로고침 반응안됨 react refresh 등 어떤 검색을 해도 쉽게 찾을 수 없었다. 문제해결 : ctrl + S 자동저장 으로 해결 power shell 이 아닌 bash사용 -> 상관없음 - yarn start -> 가능 - npm start -> 가능 - npm run start -> ctrl + S 자동저장 으로 ..
2023.02.09