React22 [REACT] props * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. 컴포넌트를 사용할 때 - name 이 props의 하나가 된다. 리액트 - props.children을 사용하여 가져올 수 있다. propTypes를 통한 props 검증 - isRequired를 사용하여 필수 propTypes 설정 클래스형 컴포넌트에서 props 사용하기 2019. 12. 9. [REACT] 컴포넌트 * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. 클래스형 컴포넌트 컴포넌트를 선언하는 방식은 2가지 - 함수형 컴포넌트 function App(){ return ; } - 클래스형 컴포넌트 class App extends Component { render(){ return ; } } 클래스형 / 함수형의 차이 클래스형 - state 및 라이프사이클을 사용할 수 있다. - 임시 메서드를 정의할 수 있다. 함수형 - 클래스형보다 선언하기 편하다. - 메모리 자원도 덜 사용한다. - 크기 자체가 작다. - state와 라이프사이클 API 사용이 불가능하다. - 16.8 업데이트 이후 Hooks로 사용이 가능해졌다. 다만 방식은 다르다. ES6 문법 (화살표 함수) // ES5 .. 2019. 12. 8. [REACT] 간단한 질문들. * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. ES6로 작성된 코드를 왜 다시 ES5로 변환을 하나? - 구버전의 브라우저를 지원하기 위해 function App(){} - 함수형 컴포넌트 - 안에 들어가는 HTML 같이 생긴 내용도 HTML이 아니라 JSX이다. JSX란? - 자바스크립트 확장 문법 - 공식적인 문법이 아니다. 리액트에서만 쓴다. JSX 문법 - 컴포넌트에 2개 이상의 요소가 있으면 하나로 크게 묶어야 한다. // 안되는 문법 Hello React // 수정 후 Hello React - 감싸는 이유? - Virture DOM에서 효율적으로 비교할 수 있도록 트리 구조로 이루어져 있어야 하기 때문에. - div가 싫다면 Fragment를 쓸 수 있다. -.. 2019. 12. 7. React native로 만든 프로젝트, APK로 만들기. 1. React native로 만든 프로젝트 안에서 app으로 이름을 검색한다. (혹은 gradle.properties 로 이름을 검색하여 2번 경로에 gradle.properties파일이 있는 곳을 찾는다.) 2. 검색 결과를 토대로 경로 내에 android/app의 폴더로 들어간다. (검색 결과가 여러개이니 하나씩 들어가봐야 알 수 있다.) 3. cmd를 실행시킨다. 4. 2번의 결과에서 폴더 주소를 복사한다. 5. cmd에 'cd [4번 주소]'를 친다. 6. 엔터를 쳐서 입력하게 되면 내가 입력한 폴더로 이동을 한다. 7. 그 폴더 내에서 keytool을 실행시켜줘야 한다. 아래 명령어. keytool -genkey -v -keystore kr.wise7034.RealTimeEmergencyDep.. 2018. 5. 4. 이전 1 2 3 다음
