728x90

Javascript 34

[Javascript] 숫자와 문자

자바스크립트에서 따옴표가 붙지 않은 숫자는 숫자(정수, 실수 등)로 인식하고, 따옴표가 붙은 숫자는 문자로 인식한다. 숫자는 +, -, /, * 연산이 가능하다 1) 숫자 연산 Math.pow(3, 2); //3^2 = 9 Math.round(10.6); //반올림 = 11 Math.ceil(10.2); //올림 = 11 Math.floor(10.6); //내림 = 10 Math.sqrt(9); //제곱근 = 3 Math.random(); 1~1.0 사이의 랜덤한 숫자 Math.round(10 * Math.random()); //0~10 사이의 랜점한 정수 2) 문자 - 따옴표로 감싸진 것은 문자로 인식한다. - 문자가 여러개면 문자열이다. - typeof: 값의 데이터형을 알려준다. alert(type..

[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" → {}구분으로..

[Javascript] var, let, const

var, let, const의 차이에 대해 알아보자. ● 변수 선언 방식에 따른 차이 1) var : 앞에서 선언된 변수명과 동일한 변수명으로 선언해도 에러가 발생하지 않는다. var name = "mimi"; console.log(name); //mimi var name = "citi"; console.log(name); //citi 2) let : 동일한 변수명으로 재선언은 불가능하지만 변수의 값을 재할당하는 것은 가능하다. let name = "mimi"; console.log(name); //mimi let name = "citi"; console.log(name); //Error!! name = "titi"; console.log(name); //titi 3) const : 동일한 변수명으로 재..

[ReactNative - flex] 앱 기능별 공간 크기 조정

크기를 조정할 때 숫자로 크기를 주면 기기의 크기, 비율에 따라 보이는 모습이 달라진다. 이때 flex를 이용하면 비율로 설정이 되기 때문에 기기의 크기에 맞춰 자연스럽게 구성된다. import { StatusBar } from 'expo-status-bar'; import { StyleSheet, View } from 'react-native'; import React from 'react'; export default function App() { return ( ); } const styles = StyleSheet.create({ YellowView: { flex: 1, backgroundColor: 'yellow' }, BlueView: { flex: 1, backgroundColor: 'blu..

728x90