반응형 onclick3 React - useState( ) 사용해 보기(ft. 클릭 이벤트 카운터) React - useState( ) 사용해 보기(ft. 클릭 이벤트 카운터) 이전 React 포스팅에서 리액트를 설치한 후 Hello World를 화면에 나타나도록 해보았습니다. React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite)React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite) React는 이제는 모르면 안되고 안 쓰면 안될 것 같은 자바스크립트 프론트 라이브러리가 된 것 같습니다. 리액트... 리액트... 맨날 말로만 읆조kincoding.com 그런데, 코드를 가만히 살펴보면 사용되지 않는 코드가 한줄 들어 있었습니다. 가만 보니 뭔가, App 함수 안에서 변수를 지정하는 모양을 닮아 있지 않은가요? Javascript 문법에서 변수를 만.. 2024. 11. 5. onclick="location.href='url주소' 새 창으로 띄우려면? target="_blank" ? onclick="location.href='url주소' " 새 창으로 띄우려면? target="_blank" ? 기존에 작성된 개발코드를 살펴볼 때 onclick=""이벤트를 사용해서 location.href='url주소'를 이용해서 링크하는 경우를 종종 만나게 됩니다. 대충 살펴보자면, 클릭했을때 location에 대한 hyperlink reference를 옆에 적어 둔 url주소를 참조하라는 것이라고 짐작할 수가 있겠습니다. 그런데, location.href는 동작방식이 현재 열려진 브라우저 창에서 동작하게 됩니다. 그렇다면, 엘리먼트를 사용할 때 처럼 target="_blank"을 주려면 어떻게 하면 좋을까요? 예제코드 아래와 같은 HTML 예제코드로 시작해보겠습니다. anchor 태그로 연결 네이.. 2023. 4. 4. JavaScript로 버튼을 다루는 방법 2가지(onclick, addEventListenter) JavaScript로 버튼을 다루는 방법 2가지 이전 포스팅에서 자바스크립트로 CSS의 display 속성을 조작하여 Modal 공지창을 띄워주는 방법을 알아보았습니다. Javascript로 알림창 보이기 / 숨기기 (+ 함수로 개선하기) Javascript로 알림창 보이기 / 숨기기 (+ 함수로 개선하기) Javascript로 알림창 보이기 / 숨기기 웹 사이트에서 마우스 롤오버를 하면 숨겨져 있던 서브메뉴가 보인다거나, 공지 알림창을 클릭하면 사라지거나 하는 경우는 거의 대부분 Javascript로 CSS의 displa kincoding.com 공지창을 띄워주기 위해서는 엘리먼트를 클릭하는 행위가 필요했는데요, 이처럼 버튼을 클릭하는 방법에 있어서도 자바스크립트는 2가지의 다른 방식을 활용할 수가 있.. 2023. 1. 16. 이전 1 다음 반응형
