본문 바로가기
728x90
반응형

Programming/typescript 공부4

[TypeScript] 기본 타입 #1 타입스크립트에서 변수를 선언할 때 해당 변수의 타입을 지정할 수 있다. 타입을 지정할 때는 변수 이름뒤에 " variable : type" 형태로 지정합니다. ex) export default function() {} let message : string = 'Hello world'; 기본적으로 타입스크립트가 적용된 프로젝트에서는 선언된 변수를 사용하지 않으면 에러 발생! 숫자 : number 공백 : null OR undefined boolean : true/false "|" : 유니온 타입 "OR"을 의미함 Any : 모든 타입의 값을 대입 C#을 하는 나로써는 조금 어색하긴하다. 타입을 지정하는 타입스크립트 마저도... 왜 이렇게 자유로워 보일까.. 함수타입 function sum(a: number.. 2023. 1. 9.
[ReactNative/Typescript].ts와 .tsx의 차이점 타입스크립트를 공부하면서 몰랐던걸 정리한다. .ts 와 .tsx 의 차이점은 그냥 jsx구문을 쓸 수 있냐 없냐의 차이이다. .ts는 못쓴다. .tsx는 jsx구문을 쓸 수 있다. 스크립트 내에서 UI관련 작업을 할때 시각적으로 더 도움이 되는 코드라고 생각하면 될 것같다. 사용에 대해 의무적이나 강제적이지 않다. 그럼 jsx는 뭐냐? - JSX는 태그로 나타낸 javascript 구문 확장이다. https://reactjs.org/docs/introducing-jsx.html Introducing JSX – React A JavaScript library for building user interfaces reactjs.org HTML 태그 처럼 사용할 수 있게 하는 표현식을 사용함으로써, 보다 직관적.. 2023. 1. 2.
[React/TypeScript] 처음 배우는 리액트 리액트 네이티브 : 페이스북(현 메타) 에서 개발한 오픈 소스 모바일 애플리케이션 프레임 워크 동작 원리 : 직렬화, 비동기, 일괄처리 브리지를 통해 네이티브 플랫폼과 통신하며 종단 장치에 직접 백그라운드 프로세스로 실행. 여기에 대한 내용을 설명하자면 네이티브(IOS ,Android) 에 통신할 수 있는 중간 단계의 프로그램이 있어 직렬화(플랫폼과 빨리 통신하기위한 데이터 형태), 비동기(통신 방법), 일괄처리 브리지(받은 데이터 처리 방법)등을 할 수 있도록 하는 개발 툴 1. 엔트리 파일 - index.js 파일이며 생성한 리액트 네이티브 앱은 이 파일에서 시작! import 구문을 통해 코드를 불러오고 앱을 번들링할 수 있음. [C#으로 치면 using 문] index.js 맨 아래를 보면 App.. 2023. 1. 2.
[자바스크립트] JavaScript 입문 JS 로 축약, HTML 및 CSS 와 함께 World Wide Web 의 핵심 기술 중 하나인 프로그래밍 언어 입니다. JavaScript는 높은 수준 의 ECMAScript 표준 을 준수하는 종종 적시에 컴파일된 언어입니다 . [14] 동적 타이핑 , 프로토타입 기반 객체 지향 및 일급 기능이 있습니다 . 이벤트 기반 , 기능 및 명령형 프로그래밍 스타일 을 지원하는 다중 패러다임 입니다 . 텍스트, 날짜, 정규식 , 표준 데이터 구조 및 문서 개체 모델 작업을 위한 API( 응용 프로그래밍 인터페이스 ) 가 있습니다. ECMA : Ecma 인터내셔널(Ecma International) 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 입문 참고 https://learnjs.vlpt.us/basi.. 2022. 8. 21.
728x90
반응형

# 로딩 화면 동작 코드(Code) 설정하기
loading