목록자바스크립트 (26)
바르고 뜨겁게
Javascript - fs(파일 시스템)fs 모듈 : 로컬의 파일 및 폴더를 읽기/쓰기/삭제 가능 사용법비동기 방식 const fs = require('fs'); fs.readFile('./readme.txt', (err, data) => { if (err) { throw err; } console.log(data.toString()); }); 동기 방식 const fs = require('fs'); const data = fs.readFileSync('./readme.txt') console.log(data.toString()); 프로미스 방식 const fs = require('fs').promises; fs.readFile('./readme.txt') .then((data) => con..
Javascript - 프로미스(Promise)Promise 란?비동기 작업의 결과값(성공,실패)를 저장하고 있는 컨테이너, resolve 와 reject를 통해 원하는 시점에 결과를 리턴할 수 있다. Promise 생성 const promise = new Promise((resolve, reject)=>{ if(true){ resolve() }else{ reject() } }) Promise를 사용한 콜백 처리.미국 달러와 원화 , 엔화를 차례대로 서버에 요청하는 예제이다.CORS를 피해갈 마땅한 GET 요청이 없어서 아래 API 사용했으므로 과다한 호출은 삼가 부탁드립니다. 각 나라별로 차례대로 환율을 비교해야하는 상황에 동시에 조회하는 API가 없다면 콜백 헬이 엄청나게 깊어 질 수도 있다.하지만 ..
JavaScript - dot(.) 점이 있는 JSON parsing Object : {gcm.notification.body: "테스트 메시지", gcm.notification.title: "테스트 타이틀"} 위와 같은 형태의 JSON 은 Object.gcm.notification.body 형태로 파싱하면 에러가 난다.Object.['gcm.notification.body'] 이렇게 파싱해야 에러없이 원하는 값을 얻을 수 있다.
setInterval 사용시 func.apply is not a function 에러자바스크립트에서는 함수 호출 자리에 함수의 이름이 아니라 함수명() 처럼 코딩시 정의된 함수가 즉시 호출되어 버린다.따라서 아래와 같이 코딩하면 func.apply is not a function 에러를 만나게 된다. 잘못된 사용법_myFunc = () => { ... } this._timerId = setInterval(this.myFunc(),1000);코드 실행시 즉시 1번 호출이 되고, 10초 뒤엔 func.apply is not a function 에러를 만나게 된다.의도는 myFunc() 함수를 10초마다 호출하여 실행하는 것이지만, 해결 방법_myFunc = () => { ... } this._time..
* navigation을 이용한 전달Req.jsnavigation.navigate("Res", { REQ_NO: "112233", REQ_DATA: "abcd" });Res.js const { navigation } = this.props; const REQ_NO = navigation.getParam("REQ_NO"); const REQ_DATA = navigation.getParam("REQ_DATA");
root 폴더에서 아래 명령어 입력cd android && ./gradlew signingReport 아래 정보들을 얻을 수 있다Variant , Config , Store , Alias , MD5 , SHA1 , SHA-256 , Valid. until
React native 에서 그림자 적용시안드로이드의 경우 elevation 값에 따른 그림자 변경만 허용하므로,아이폰과 안드로이드 두 플랫폼의 스타일을 각각 적용해야 한다. ...Platform.select({ ios: { shadowColor: "rgb(50, 50, 50)", shadowOpacity: 0.5, shadowRadius: 5, shadowOffset: { height: -1, width: 0 } }, android: { elevation: 5 } })
ReactNative - 컴포넌트란?UI를 독립적이고 재사용 가능하도록 나눈 조각 함수형 컴포넌트클래스형 컴포넌트보다 상대적으로 가벼워 첫 마운팅 속도가 빠름, function fnComponents(props){ return ( Hello {props} ); } 클래스형 컴포넌트컴포넌트 생명주기 메서드를 사용하거나 state를 사용할경우 반드시 class를 사용하여 컴포넌트를 만들어야 함. const classComponents = () => { return( Hello {props} ); } 사용방법파스칼 표기법 사용 : 컴포넌트 이름의 첫글자는 반드시 영문 대문자를 사용해야된다. (DOM 태그와 구분)단 하나의 root 엘리먼트를 return 해야한다.props란? : 부모 컴포넌트에서 자식 컴포넌..
ReactNative - 슬라이드 배너 설치 yarn add react-native-swiper-사용 import Swiper from "react-native-swiper";
ReactNative - CSS 두가지 방법 StyleSheet 사용 import React from "react"; import { ActivityIndicator, View, StyleSheet } from "react-native"; import { TINT_COLOR, BG_COLOR } from "../constants/Colors"; const styled = StyleSheet.create.create({ container: { backgroundColor: "black", flex: 1, justifyContent:"space-around" } }); export default () => ( ); styled-components 사용 import React from "react"..