Framework/React.js
-
[React.js] package.json 버전관리 패키지Framework/React.js 2022. 2. 25. 00:23
지난 포스팅에서 오래전 프로젝트를 다시 열어서 생긴 이슈를 해결하였다. 2022.02.24 - [Framework/React.js] - [React.js] digital envelope routines::unsupported 이슈 해결 오래전 프로젝트를 열거나 프로덕션 중인 프로젝트들은 패키지의 버전이 낮은 경우가 많다. 이런 버전관리가 지나치게 낮을 경우 서비스의 취약점으로 이어지기도 한다. 그렇기 때문에 지속적으로 버전관리를 추적해야 한다. 이럴때 손쉽게 확인할 수 있는 npm 패키지를 알게 되었다. 패키지명은 npm-check-updates이다. 주요 특징은 package.json의 dependencies와 devDependencies의 최신 버전을 알려준다. 각 패키지별로 상세하게 알려준다. 그리..
-
[React.js] digital envelope routines::unsupported 이슈 해결Framework/React.js 2022. 2. 24. 23:55
예전에 작업했던 React.js 프로젝트를 다시 시작하려고 11개월만에 시작을 했다. 그랬더니 다음과 같은 에러가 나왔다. digital envelope routines::unsupported.. 일단 처음보는 에러인데 지원을 하지 않는다는 소리를 보아하니 버전성 이슈인 것 같다. 사실 이 에러가 발생하기전에 package.json을 전부 업데이트를 했다. 그래서인지 좀 검색을 해보니 그거보다는 Node.js버전이 17 이상인 경우 16으로 다운그레이드 하라는 stackoverflow글이 있었다. 얼마전 생각해보니 다른 프로젝트도 17버전일 경우 동작이 안하는 경우가 있었다. 어차피 nvm을 사용하니 node 버전을 낮추어서 사용해보자. 우선 먼저 현재 컴퓨터의 Node 버전을 알아보도록 하자. 역시나 ..
-
[React-native] folly/gen/String.h file not found 오류 해결Framework/React.js 2020. 7. 3. 00:02
리액트 네이티브를 실행할 때 다음과 같은 에러가 나는 경우가 있습니다. RN 0.62.0 update = 'folly/gen/String.h' file not found 이 에러는 react-native run-ios 할 때 즉, ios로 실행할 때 발생이 되었습니다. 이런 경우 해결법입니다. cd ios && rm -rf ~/Library/Caches/CocoaPods Pods ~/Library/Developer/Xcode/DerivedData/*; pod deintegrate; pod setup; pod install --repo-update; 해결법을 보니 xcode에 캐시가 남아있어서 그런 듯.. 참고 : https://github.com/facebook/react-native/issues/28441
-
[React-native] react-native-router-flux 에러Framework/React.js 2020. 7. 2. 14:03
react-native-router-flux 설치하게 되면 기본적으로 필요한 dependencies 입니다. npm i react-native-router-flux react-native-gesture-handler react-native-reanimated react-native-screens 이 명령어로 전체를 설치하도록 합니다. 왜냐하면 하나라도 없을 경우 에러를 냅니다. react-native-router-flux의 git 주소입니다. https://github.com/aksonov/react-native-router-flux aksonov/react-native-router-flux The first declarative React Native router. Contribute to aksono..
-
[Javascript] Date 객체의 기본함수Framework/React.js 2020. 6. 21. 16:26
이전 시간에 자바스크립트 시간이나 날짜 계산하는 함수에 대해서 포스팅한 적이 있는 데 사실 date에 대한 개념 없는 사람이면 기본적인 소스도 수정하기 힘들어서 쉽게 알 수 있도록 구성해볼까하고 포스팅을 진행합니다. 사실 다른 언어도 거의 대부분 비슷한데 가볍게 소개하자면 new Date()로 내장함수인데요 실행하면 기본적을로 현재시간을 반환합니다. 대한민국 표준시는 그리니치 표준시 기준으로 9시간 뒤로 계산됩니다. 이걸 KST(Korea Standard Time) 한국 표준시간이라고 합니다. 그리니치 평균시는 쉽게 생각해서 시간에 표준시간을 정했다고 보시면 쉽습니다. 다시 기본 함수에 대해서 소개해보면 자바스크립트로 날짜 계산 예제입니다. 기준은 2020년 6월 21일 일요일입니다. new Date()..
-
[Javascript] 시간 계산, 날짜 계산 함수Framework/React.js 2020. 6. 21. 16:04
이번 포스팅에서는 자바스크립트 시간 계산에 대한 글입니다. React.js에 속해 있긴 하지만 자바스크립트를 쓴다면 모두 공통으로 적용 가능합니다. const date = () => { const d = new Date(); let month = `${d.getMonth() + 1}`; let day = `${d.getDate()}`; const year = d.getFullYear(); if (month.length < 2) month = `0${month}`; if (day.length < 2) day = `0${day}`; const getDate = [year, month, day].join('-'); return `${getDate}`; }; 이건 역시 구글 검색을 통해서 받은 시간 계산함수입니..
-
[React-native] 플레이스토어 업로드 버전 체크Framework/React.js 2020. 6. 9. 11:26
제목은 리액트 네이티브라고 달았지만 안드로이드라면 마찬가지일 내용입니다. 기존에 먼저 배포를 하고 난 후 다음 버전으로 업로드할 때 밑에 사진에 보이는 versionCode와 versionName을 변경해 주어야 합니다. 사실 versionCode만 배포할 때마다 1 증가시키기만 하면 됩니다. versionName의 경우 안바꾸어져도 문제는 없지만 이 부분을 체크 안하게 되면 앱 버전과 싱크가 맞지않아서 불편 할 수 있어서 해주는 걸 추천합니다. 사진과 같이 출시명과 맞춰주면 편합니다.
-
[javascript] 유닉스 시간에서 특정 포맷 날짜 변환Framework/React.js 2020. 1. 12. 20:06
유닉스 시간이란 1970.01.01 00:00:00 (UTC)기준으로부터 경과시간을 초로 환산하여 정수를 나타낸 값이다. 보통 1577699894 이렇게 표시된다. const unixTimeToDate = (unixTime) => { const date = new Date(unixTime); date.setDate(date.getDate() - 1); let month = `${date.getMonth() + 1}`; let day = `${date.getDate()}`; const year = date.getFullYear(); let hour = date.getHours(); let minutes = date.getMinutes(); let secounds = date.getSeconds(); if ..