(React) 시간 출력(2)
React로 시간 출력(2) 이 포스팅은 리액트 공식 홈페이지(https://reactjs.org/) 의 내용을 바탕으로 작성하였습니다. 저번 포스팅에서 리액트를 이용해 시간을 표시하는 페이지를 생성했다. 다만 시간을 자동으로 갱신하지 못하는 단점이 있었다. 이번에는 라이프...
Recent posts
(React) 시간 출력
React로 시간 출력 리액트를 이용해 현재 시간을 보여주는 페이지를 생성해보자. 클래스 생성, 구성 class Clock extends React.Component { render() { return ( <div> ...
(React) 상태, state
React 상태에 대해 React에서 상태란? 컴포넌트의 변경 가능한 데이터 저장소. 상태를 이용하면 UI의 표현을 갱신할 수 있다. 상태에 접근하기 상태 객체는 this 를 통해 접근 가능하다. this.state 의 형태로 접근한다. 초기 상태 설정하기 상태 데이...
(React) JSX에 대해
JSX는? 리액트 개발시 사용하는 자바스크립트의 확장 문법. 자바스크립트 + XML 의 형태. const element = <h1>Hello world!</h1> 위 코드와 같이 html가 섞인 느낌의 자바스크립트 문법이다. JSX 사용 이유? J...
(React) ‘Hello world!’
React로 ‘Hello world!’ 최근 학습중인 리액트에 대해 정리 리액트를 이용한 Hello world! 페이지를 만들어 보겠다. /hello-world /js react.js react-dom.js index.html 프로젝트 폴더의 형태는 위와 같다....