728x90

앱 프로그래밍 2

[ReactNative] JSX

공부 도서: 처음 배우는 리액트 네이티브 / 김범준 / 한빛미디어 / 2021 ● JSX - 자바스크립트 확장 문법 - 객체 생성과 함수 호출을 위한 문법적 편의를 제공하고자 만들어진 확장 기능 - 리액트 프로젝트에서 사용됨. - 가독성이 높고 작성하기 쉬움. - 오류 검사에도 장점이 있음. - XML과 유사하여 중첩된 구조를 잘 나타낼 수 있음. 1. 하나의 부모 : JSX에서는 여러 개의 요소를 표현할 경우 반드시 하나의 부모로 감싸야 함. export default function App(){ return( Open App! ); } //와 가 하나로 감싸져 있지 않아서 오류 발생 위와 같은 에러를 해결하기 위해서는 컴포넌트로 감싸주면 된다. 하지만 View처럼 특정 역할을 컴포넌트로 감싸지 않으면..

[Javascript] export와 import

1) export(내보내기) -> export 하는 모듈은 "use strict" - named: 모듈을 특정 이름으로 export export {myFunction}; //먼저 선언한 함수 내보내기 export const foo = Math.sqrt(2); //상수 내보내기 - default: 모듈을 이름 없이 export export default function(){} //기본 함수 내보내기 export default class{} //기본 클래스 내보내기 +) 차이점 → 하나의 모듈(파일)에서는 하나의 default export만 가능 → named export는 동일한 이름으로 가져올 수 있고, 이름을 바꾸려면 as 사용 import {a as b} from "module.js" → {}구분으로..

728x90