Frontend(5)
-
React event system
사용법은 일반 HTML 에서 이벤트를 작성하는 것과 유사하지만, 주의해야할 사항 몇가지가 있다. 이벤트 이름은 camelCase 이벤트에 실행할 jscode 가 아닌 함수 형태의 값을 전달한다. -> HTML에서 이벤트를 설정하는 경우에는 큰따움표 안에 실행할 코드를 넣지만, 리액트에서는 함수 형태의 객체를 전달한다. ex) {this.set....}>.. DOM 요소에만 이벤트를 설정할 수 있다. -> 즉 div, button, input , form, span 등 DOM 요소에는 이벤트를 설정할 수 있지만 직접만든 컴포넌트에는 이벤트를 설정할 수 없다. 예를 들어
2019.10.15 -
propTypes
import React, {Component} from 'react'; import PropTypes from 'prop-types' //rcc class MyComponent extends Component { static defaultProps = { name: '기본 이름' }; static propTypes = { name: PropTypes.string, age: PropTypes.number.isRequired }; render() { return ( 안녕하세요, 제 이름은 {this.props.name} 입니다. ); } } export default MyComponent; defaultProps: 해당 prop 이 들어오지 않으면 사용하는 값. propTypes: type 을 명시한다. 아..
2019.10.14 -
HTML5 범위 태그 종류 - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER
https://ganzi-tilong.tistory.com/17 HTML5 범위 태그 종류 - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER 웹문서의 본문을 구성하는 요소들중에 SECTION을 구성하는 요소에 대하여 알아봅니다. BODY 요소 요소는 문서의 본문 영역을 표시한다. 본문 영역은 실제 콘텐츠가 표현되는 공간이며, 이 공간에서 사용자.. ganzi-tilong.tistory.com 출처: https://ganzi-tilong.tistory.com/17 [간지띠롱의 IT탐색기]
2019.10.06 -
null & undefined
e-commerce 회사에서 웹서버 개발을 하면서, javascript 를 시시콜콜하게 사용해왔다. js 에 대한 내 고정관념 때문인지 다른 프레임워크나 언어 개발론을 공부하는 시간에 비해 js 에 소흘했고, JS를 시간내서 공부해야 하는 지금 이 시점까지 왔다.ㅠㅠ 언어를 공부하기 시작하면 언어의 초반에 이 언어의 type 에 대해 한번 보게 되는데 js 는 primitive type 으로 number, string, boolean, null, undefined reference type 으로 object 를 사용하는데 이 object 로 array, function, regex 를 표현한다. 글을 읽으면서 먼저 막혔던 부분인 null & undefined 에 대해서 정리해보자. 이 두 타입 모두 JS..
2019.10.06 -
js test
test
2019.09.30