프론트엔드/Java Script8 리액트 에러 노트 : Warning: Cannot update a component (`UserDataProvider`) while rendering a different component 에러 : index.jsx:23 Warning: Cannot update a component (`UserDataProvider`) while rendering a different component (`LoginPage`). To locate the bad setState() call inside `LoginPage`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render at LoginPage (http://localhost:5173/src/pages/login-page/index.jsx?t=1712222271893:22:24) at RenderedRoute (http://localhost:5173/node.. 2024. 4. 4. 자바스크립트 기본 자바스크립트를 쓰는 이유 알기 자바스크립트 (naver.com) 자바스크립트 우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS terms.naver.com 웹페이지에서 자바스크립트의 역할 1. 마우스와 키보드의 입력 등의 이벤트 처리 2. 동적으로 웹페이지 내용, 모습을 제어 3. 브라우저 창 제어 4. 웹서버와 통신 자바스크립트와 ajax 의 관계 Ajax 에이작스란 '비동기식 자바스크립트 XML' 의 약자로 , 자바스크립트를 활용한 비동기 통신으로 클라이언트와 서버간에 XML 데이.. 2022. 7. 3. Swiper 라이브러리를 사용하여 js 스와이프 구현하기 cdn 형식으로 Swiper 를 불러와 사용 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 공식문서 Swiper - The Most Modern Mobile Touch Slider (swiperjs.com) 2022. 4. 20. 웹 개발환경 오류 노트 : 자바스크립트 ALert 창 한글깨짐 문제 스크립트 태그에 charset 을 넣어 해결 2021. 6. 19. javaScript 태그 갯수 세기 getElementsByTagName 함수 사용 !DOCTYPE html> 1 2 3 4 5 getElementsByTagName 함수에 인자로 태그를 넣어서 배열로 반환받는다 배열의 갯수가 태그의 갯수 2020. 11. 29. 자바 스크립트 : 무한 회전 텍스트 효과 페이지에 들어가면 텍스트가 왼쪽으로 들어가고, 오른쪽으로 다시나오며 돌아갑니다. 텍스트를 누르면 멈추도록 했습니다. 마치 LED 전광판 같기도 한 효과입니다. 그라데이션 색상을 즉석에서 뽑았는데 예쁘네요 Welcome! Khookie-Lab 2020. 11. 13. 자바스크립트 : 타자효과 타이핑 텍스트 출력 자바스크립트가 제이쿼리보다 표현이 쉬운것 같아서 좋네요.. 페이지에 들어가면 텍스트가 타자기처럼 타이핑된 후 다시 차례로 지워지는 모습입니다. 아날로그 하지 않지만 마치 아날로그 타자기로 치는것같은 기분이 들어요 요즘같이 빠른 모바일 시대에서는 스마트한 기능없이 하는 사람의 입력 자체가 감성을 표현하는 방법이 되겠네요 *-도움이 되었다면 공감을 눌러주세요-* 2020. 11. 13. JavaScript : 문자열 모든 공백 제거하기 앞뒤 공백을 제거하는 문자열객체의 trim()함수가 있다. 하지만 모든 공백을 제거할 필요가 있을때는 여러 방법이 있다. 1. 반복문을 사용하여 제거한다 for(var i=0; i 2020. 11. 9. 이전 1 다음
