- 전체보기(311)
- 프로그래머스(6)
- 리액트를다루는기술(5)
- error(5)
- typescript(4)
- React(3)
- async/await(2)
- 20220203(2)
- erorr(2)
- 20220212(2)
- 20220306(2)
- 리액트를 다루는 기술(2)
- 제로초(2)
- github(2)
- hooks(1)
- promise(1)
- jsonserver(1)
- API(1)
- link(1)
- remoteorigin(1)
- Array.apply(1)
- useHistory(1)
- 배열 내 객체의 속성값(1)
- ZeroCho(1)
- stack(1)
- 코어자바스크립트(1)
- DBJSON(1)
- onKeyup(1)
- No 'Access-Control-Allow-Origin' header is present on the requested resource(1)
- useState원리(1)
- 20220204(1)
- 배열 내 객체의 키(1)
- 20220201(1)
- gitflow(1)
- 20220321(1)
- ...spread(1)
- callback(1)
- npx run dev 오류(1)
- 실행컨텍스트(1)
- break when saving(1)
- router(1)
- input(1)
- 라이프사이클(1)
- useEffect(1)
- useState(1)
- insertBefore(1)
- assertion(1)
- 비동기(1)
- 20220205(1)
- store(1)
- React Event(1)
- switch(1)
- 자바스크립트로 하는 자료구조와 알고리즘(1)
- alreadyexists(1)
- recoil-persist(1)
- useMemo(1)
- useReducer(1)
- useRef(1)
- 자료구조와 알고리즘(1)
- Sass(1)
- 소수(1)
- Constructor(1)
- Access-Control-Allow-Origin(1)
- useCallback(1)
- ...rest(1)
- narrowing(1)
- localstorage(1)
- readonly(1)
- React Key(1)
- array(1)
- Fetch(1)
- 태그깨짐현상(1)
- 자릿수더하기(1)
- HTML tag in JSX(1)
- element above element(1)
- object.values(1)
- 배열 내 객체 추출(1)
- 1단계(1)
- KeyboardEvent(1)
- 220406(1)
- git(1)
- React.memo(1)
- 다중조건필터링(1)
- Updateswererejected(1)
- cors(1)
- 회고(1)
- 배열의 비구조화 할당(1)
Android) Thread란?
이 글은 Inflearn의 CodeWithJoyce의 쌩초보 가능한 안드로이드 프로그래밍 A-Z : 앱으로 수익 창출까지 강의를 보고 정리한 내용입니다.한 프로세스 내에서 실행되는 흐름의 단위프로그램명령과 데이터로 구성되어 저장 장치에 저장된 형태의 실행 코드 파일프로
React/RN) 리랜더링을 최소화 하는 방법
사내 모바일 연락처 앱을 만들고 있었습니다.요구사항 중에 계열사마다 스크롤하며 볼 수 있는 탭을 만들어 달라는 사항이 있었습니다.인원이 적은 계열사는 문제가 없었지만 수백명이 존재하는 계열사 같은 경우 다른 페이지와 똑같면 모달을 끄고 켤 때마다 리랜더링이 발생하여(수
RN) Screen 이동 시 useEffect 내부의 cleanUp Function이 적용되지 않는다면? (React Navigation)
React Navigation을 사용하여 다른 스크린으로 이동할 때, React Navigation은 해당 스크린을 unMount처리하지 않습니다.그렇기 때문에 useEffect 내부에서 cleanUp function을 작성하여도 실행되지 않습니다.그 대신 React
flutter) 변수 명 앞에 언더스코어를 표기하는 이유
Dart는 public, protected, private과 같은 키워드를 갖고 있지 않습니다.변수 명 앞에 언더스코어를 표기하는 이유는 단순한 컨벤션이 아닙니다. 밑줄 필드, 클래스 및 메서드는 정의된 .dart파일(라이브러리)에서만 사용할 수 있습니다.Dart(fl
React) DB에 부담을 주지 않는 검색 기능 만들기
TextInput에 입력이 끝나고 0.5초뒤에 쿼리문을 실행할 수 있게 useEffect 작성하기
RN) StatusBar 높이 값 구하는 방법
npx expo install expo-constantsimport Constatns from 'expo-constants'Constants.statusBarHeightreact native의 StatusBar는 안드로이드의 높이값만 구할 수 있기 때문에 iOS까지 지
firestore) 배열 수정하는 방법 (cloud function)
먼저 말씀 드리자면 Firestore에는 배열의 요소를 수정하는 기능이 없습니다.기존의 배열 내 요소를 수정하기 위해서는 firestore의 FieldValue에 arrayRemove와 arrayUnion 두가지를 사용하여 배열을 수정할 수 있습니다.arrayRemov
flutter)StatefulWidget과 State를 연결해주는 widget.
widget.은 StatefulWidget과 State를 연결합니다.보다 자세히 말하자면 widget.을 사용하여 StatefulWidget에 정의된 속성과 메서드에 접근할 수 있습니다.StatefulWidget을 만들 때 생성되는 State 클래스는 해당하는 Stat
RN Webview ) 웹에서 정의된 함수를 가져와 RN앱에서 사용하는 방법
먼저 웹에서 함수를 정의할 때 잊지 말아야 하는 부분은, 함수를 정의하고 해당 함수를 웹 뷰에서 호출할 수 있게 window 객체에 할당해야 합니다.예를 들어, 다음과 같이 cancel 함수를 정의할 수 있습니다.React Native의 WebView 컴포넌트에서는 o
EXPO Server SDK + Firebase Cloud Functions) 특정집단에 Notifications을 보내는 방법
Expo의 Server SDK와 Firebase의 onCreate 메서드를 사용하여 특정 집단에 Notifications를 보내는 방법입니다.더 많은 Expo Notifications의 API는 아래에서 확인 가능합니다.https://docs.expo.dev/
GCP) Instance templates
인스턴스를 생성할 때마다 VM 인스턴스의 세부 정보(이미지, 인스턴스 유형 등)를 지정해야 하는 것은 번거로울 수 있습니다.이러한 번거로움을 해결하기 위해 인스턴스 템플릿을 만들어 인스턴스를 생성할 때마다 적용할 수 있습니다.Define machine type, ima
GCP) Google compute engine (GCE)
전통적인 기업에서는 보통 어플리케이션을 물리적 서버에 배포합니다.그렇다면 클라우드 환경에서는 어플리케이션을 어디에 배포할까요?가상 서버를 임대하여 배포합니다.그리고 GCP에서는 VM(Virtual Machines)라고 부릅니다.그 중 Google Compute Engi
GCP) 1. GCP를 이해하기 위한 개념
사용자의 요구에 맞게 시스템 자원을 할당,배치,배포해 두었다가 필요시 즉시 사용할 수 있는 상태로 미리 준비해 두는 것.클라우드를 사용하기 이전에는 최대의 트래픽을 감당하기 위해 피크로드 프로비저닝으로 인프라를 구매해 두어야했지만 클라우드를 사용하고 나서는 온디멘드 리
firebase) create / update / set method의 차이점
set(data, options) 메서드를 사용하면 document를 만들며, 해당 document가 존재하지 않을 경우에는 새로운 document를 만들어 저장합니다.두번째 인자로 들어가는 옵션 객체에는 merge값을 입력할 수 있는데요, boolean값을 주어 첫번
firebase.cloudfunctions) 회원가입시 핸드폰으로 인증번호 주고 받기(1)
userflow프론트에서 핸드폰 번호 입력https://cloudfunctions.net/createUser로 라우팅되어 cloud functions 실행폰 번호 세니타이징유저 생성 후 생성된 유저 정보 가져오기4자리 코드 생성twilio를 사용하여 코드 전송
firebase) cloud functions 환경 변수 설정/ 사용/ 조회
firebase functions:config:set twilio.sid="AC97559e186134d62650a3fc5b9" twilio.token="aa31a73
RN + EXPO) 카메라기능 구현
expo-camera는 디바이스의 카메라에 대해 미리보기를 랜더링하는 기능을 제공합니다.또한 미리보기에서 줌, AutoFocus, 화이트 밸런스, 플래시 모드 등 다양한 카메라 기능을 조작할 수 있게 도와줍니다.위 캡쳐본에 보이는 카메라 기능과 찍은 사진을 저장하는 방
RN + EXPO) Production/Development Environment 분리하기
React-Native-Firebase나 Expo에서 100% 지원하지 못하는 특정 라이브러리를 사용하면 해당 라이브러리 맞춤 네이티브 코드가 필요하게 되어 Expo GO를 사용하지 못하는 경우가 발생합니다.Expo에서는 Expo-Dev-Client를 통해 개발 환경을