'React'에 해당되는 글 4건

리액트는 Facebook의 소프트웨어 엔지니어 인 Jordan Walke에 의해 만들어진 자바스크립트 라이브러리이다. 

리액트의 특징 

• 속성 (Props)은 부모 구성 요소에서 Component로 전달된다. 이때 컴포넌트는 하나의 불변값의 집합이다. (immutable values)
• 상태는(State) 컴포넌트 전체에서 값을 보유하며 Props 통해 하위 컴포넌트로 전달 될 수 있다.
• Virtual DOM 을 사용한다. React는 메모리 내 데이터 구조 캐시를 만들고 결과 차이점을 계산 한 다음 브라우저의 표시된 DOM을 효율적으로 업데이트 한다.

• 라이프 사이클 메소드는 컴포넌트의 수명 동안 설정 포인트에서 코드를 실행할 수 있도록 해준다.
• JSX (JavaScript eXtension)는 JavaScript 언어 구문을 확장 한것이다. JSX는 HTML과 모양이 비슷하여 많은 개발자에게 익숙한 구문을 사용하여 구성 요소 렌더링을 구조화하는 방법을 제공한다.

참고

https://en.wikipedia.org/wiki/React_(JavaScript_library)#cite_note-12

Mac OS 업데이트 후 react-native init 명령어로 프로젝트 생성후 디버깅을 하니 아래와 같은 에러가 나면서 시뮬레이터가 정상동작하지 않게되었다.

오류메세지에 나와있는데로 조치를 했는데도 정상동작하지 않아서 구글신에게 물어보던중 아래와 같은 해답을 발견하였다. 

매번 프로젝트 생성시 명령어를 수행해야되니 좀 번거롭기는 한듯 -ㅅ-

출처 : 

https://stackoverflow.com/questions/52486219/unable-to-resolve-module-babel-runtime-helpers-interoprequiredefault

https://stackoverflow.com/questions/51684918/meteor-error-cannot-find-module-babel-runtime-helpers-builtin-interoprequired

날씨앱 실습시 다양한 에러와 마주치곤했다. ㅠㅠ

구글링을 해보니 ios/build 폴더를 삭제하고 다시 실행하면된다는 계시글을 발견하고 해봐였으나, 여전히 실행되지않았다.

결론만 말하면 설치되고 설정된 노드버전이 문제가 됬었다. node 설치를 여러버전을 설치를 했었는데, node default 버전이 6.0버전이어서 실행이 정상적으로 동작하지 않았던듯하다. 

default 노드버전을 변경하고 react natvie 재실행해본다. 

리액트 날씨 앱을 연습하다가 다음과같은 에러가 발생하였다.  import 정보가 누락될경우 해당에러가 발생한다. 

<Fragment> 란 무엇인가하면 , React는 최소하나의 엘러먼트가 필요하다. (보통 div를 사용한다.) Fragment를 쓰면  DOM 별도의 노드를 작성하지않고 하위앨리먼트를 그룹화 할 수 있다.

https://reactjs-kr.firebaseapp.com/docs/fragments.html