JavaScript(2)
-
[React] Hooks 알아보기 ( useState , useEffect )
함수 앞에 use 를 붙여 리액트에서 낚아서 슬 수 있도록 만든걸 react hooks 라고 부른다. 함수형 컴포넌트가 클래스형 컴포넌트같은 기능을 할 수 있게 해준다. useState class 컴포넌트로 state 를 활용해서 만들것이다. import React from 'react'; export default class Example1 extends React.Component { state = {count : 0}; render() { const {count} = this.state; // state 는 객체 return ( You clicked {count} times Click me ); } click = () => { this.setState({count: this.state.count +..
2023.06.23 -
JavaScript 로 Html 요소 생성하기
💭 querySelector()는 Element 인터페이스의 메소드로, CSS 선택자에 매치되는 하나 이상의 element 중 첫 번째 항목을 반환해준다. 💭 createElement()는 객체에 메소드를 실행하여 메모리상에 인수 값을 넣어주고, 그 값을 생성한 변수에 넣어줄 수 있다. 💭 addEventListener(’click’ , ) 는 페이지 상에서 클릭할때마다 특정 이벤트를 발생시킨다. 💭 appendChild()는 html 구조에는 존재하지 않는 요소를 자바스크립트를 활용하여 넣어줄 수 있다. ul태그만 존재하는 html 에서 js 를 활용하여 li 요소 만들어 출력하기 html 상의 ul 태그에 해당하는 요소를 찾아준다. const ulEl = document.querySelector('u..
2023.06.10