javascript 썸네일형 리스트형 [ReactJS] React JSX, VirtualDOM, Component, Prop, State LifecycleJSX (JavaScript XML)React JSX는 XML-like Syntax를 native Javascript로 변환. ""로 감싸지 않으며 순수하게 작성. 시작과 끝에 ()를 사용하여 가독성 유지하는 것을 권장.Sampleclass Contents extends Component { render() { return ( Welcome React! ) }};Nested Elements: 단일 컴포넌트에서 여러개의 Element를 render할 경우 그 element들은 하나의 wrapper(container) element안에 포함시켜야 한다.Question: wrapper element가 될 수 있는 대상 element는 어떤 것들이 있을까?Javascript 표현식 사용JSX안에.. [ReactJS] create-react-app 설치와 샘플 실행 create-react-app에 대하여이 오픈소스는 facebook incubator라는 Github에 위치create-react-app을 사용하는 주요한 이유는 React를 사용함에 있어 발생하는 많은 설정의 어려움을 해소하기 위해 개발되었습니다. ( 참고: https://techstory.shma.so/create-react-app%EC%97%90-%EA%B4%80%ED%95%98%EC%97%AC-1-935a21297550)기본적으로 ES2015문법을 지원하며 watchify가 기본설정으로 지정되어 있어 쉽게 작업할 수 있습니다.create-react-app 덕분에 npm과 yarn을 설치하고 create-react-app을 설치한 후 샘플 프로젝트를 실행하는 시간은 불과 몇 분안에 끝이 납니다.np.. javascript- 성능향상 코딩법 (링크) http://blog.monitis.com/index.php/2011/05/15/30-tips-to-improve-javascript-performance/ http://www.yourhtmlsource.com/optimisation/imageoptimisation.html 작성 중 JavaScript-Array to JSON 변환하기 JavaScript 에서 아래와 같은 Array 형식의 데이터를 JSON 으로 변환할 수 있습니다. [1]. JSON.stringify() 를 사용하기 위해서 아래의 라이브러리를 사용합니다. >>> https://github.com/douglascrockford/JSON-js/blob/master/json2.js [2]. 그리고 아래와 같이 사용할 수 있습니다. var yourArray = { url: "http://www.google.com", realWidth: 60, realHeight: 80, realVCm: 20, realHCm: 15 }; var myJsonString = JSON.stringify(yourArray); [3]. 또한 변환한 JSON 데이터는 jQuery 라이브러리를 사용하여 .. 이전 1 다음
