reactotron-recoil-plugin 설치후 다음과 같은 에러가 발생해, --force 구문으로 해결하고 진행했었다. (이미 설치된 recoil의 버전과 reactotron-recoil-plugin 에 필요한 recoil 버전이 달라 발생한 오류이다.) mai

디버그 라이브러리로 reactotron-recoil-plugin를 추가하고 npm install 시, 다음과 같은 오류가 발생했다.라이브러리의 마지막 업데이트가 3년전이라, 버전이 맞지 않았다.React 를 개발한 Facebook에서 개발한 React 상태관리 라이브러

Device > ShakeCmd ⌘ DCmd ⌘ MCtrl M설치 https://fbflipper.com/ 다운로드 또는 brew install — cask flipperFlipper 설정android/gradle.properties.FLIPPER_VERS

react native 의 크래시 도구에 대해 알아보자리액트 네이티브의 크래시 도구에 대해 한글로 검색 했을때, 다양한 도구들이 소개되어 있는 글보다, 한국회사가 개발한 도구에 대한 광고성 글과 Crashlytics 적용 글이 우선적으로 검색되었다. Firebase

단일 브랜치에서 개발자 협업main 브랜치에 코드가 머지되면, CI 시스템이 테스트/통합 과정 확인main 브랜치 코드가 즉시 운영에 반영된다.빈번한 머지와 배치로, 배치당 수정되는 코드가 적어진다. PR당 확인해야하는 코드가 적어져 리뷰가 쉬워지고, 배치당 해결해야하

Git, Github, GitLab 브랜치 전략에 대해 정리한다.개인 Github를 관리하면서 master에 커밋하는 정도록 git을 사용하기 시작했다. 그리고 취업후 처음으로 진행했던 웹 사이드 프로젝트에서 Git flow/Pull Request 를 사용하게 되었고

앱개발 중 선택된 권한 뿐만아니라, 권한의 설명까지 아래 보여주는 picker 라이브러리를 찾아 개발해야 됬다.나와 비슷한 질문에 react-native-dropdown-picker 라이브러리를 추천한 글을 보았다. 라이브러리를 더 알아보니 renderItem를 사용해

인생퍼즐 앱에서 사용하고 있는 Styled View, Container의 용도에 대해 정리한다.react-native 에서 자주 쓰이는 View 에 대한 질문에 chatGPT의 대답중 몇가지를 정리했다.가장 기본적인 컨테이너 컴포넌트다른 컴포넌트들을 포함하고 레이아웃을

외부 에디터의 스타일 제한을 진행하면서 글꼴 크기의 pt px 정리가 필요했다.정의: 1pt는 1/72인치입니다. 물리적인 크기화면 해상도에 관계없이 일정한 물리적 크기를 유지. 12pt 글꼴은 대략 1/6인치의 높이정의: 1px는 화면에 표시되는 한 점화면의 해상도에

리액트 네이티브의 View 컴포넌트를 필요에 따라 Styled Component의 Container로 개발된 부분에 대해 스스로 이해도가 부족한 부분이 있어, 해당 내용들에 대해 정리해보기로 했다.구글 검색시, 관련 글을 찾기 어려워 ChatGPT에게 물어보기로 했다.

TextInput은 left, right props 로 MaterialCommunityIcons 아이콘을 사용한다. 다양한 아이콘을 지원하지만 특정 이미지 사용이 필요할 경우가 있다.지금까지 아이콘만 이용하다보니 right props에는 아이콘 설정만 가능한 것으로

기존에 styled TextInput를 개발한 직후, 높이를 px 값으로 설정한 문제로 비슷한 현상이 있었다. 바로 수정했음에도 다시 발생하여 수정도 잘못 진행되었는지, styled TextInput 파일을 확인했다.문제점이 발생하는 부분을 찾지 못해, styled 가

스타일 컴포넌트는 Emotion 라이브러리와 함께 인기있는 CSS in JS 라이브러리중 하나이다.새로 수정하게된 화면을 개발하면서, 인라인 CSS가 적용된 Button 컴포넌트들이 눈에 띄였고, 버튼으로 사용하는 styled-components 종류도 여러가지임을 알

bottom-sheet 라이브러리를 추가하고 Android 개발 후, IOS 테스트를 진행하던 중 RNreanimated에서 빌드 실패가 발생했다.에러 내용은 해당 type 는 if REACT_NATIVE_MINOR_VERSION >= 72 조건에 따라 const 선언

React Native Paper의 소개 화면을 보면 Material Design에 대해 언급된 부분이 있다.처음 이 문장을 읽었을 때는 그 중요성을 인지하지 못하다가, TextInput의 theme 에 대한 글을 쓰면서 Material Design을 알아보게 되었다.

TextInput 컴포넌트가 정의된 코드를 따라가면 디자인(테두리 두께, 색상 등등)을 결정하는 값을 확인할 수 있다. TextInput.tsx 텍스트 색상값은 아래와 같이 정리할수 있다.

소개된 10가지 사례중, 현재 가장 기억하고 싶은 3가지만 우선 정리한다.jsconfig.json 설정@절대경로 사용“export default” 는 임포트시, 이름을 변경이 가능하다는 장점이 있다.만약, default 를 모든 파일에 기본적으로 사용할 경우, 문제가

JavaScript를 사용한 비동기 통신XHR(XML HTTP Request)객체 사용클라이언트와 서버간에 데이터를 주고받는 기술JQuery를 사용할 경우, 코드가 간단하고 브라우저 호환성이 보장된다.다중 요청이 가능하다.취소 요청/진행 추적 가능작동하기 번거롭다.중요

html코드에서 XSS 필터링을 하기 위한 관련 라이브러리를 정리한다.1) html 코드 html entities 로 치환2) jsoup3) OWASP Antisamy4) NAVER Lucy XSS Filter1) html entities 으로의 치환은 html tag

Look Around 는 매치되는 문자의 전후문자에 조건을 추가하는 부분으로, 매치 결과에 포함되지 않는다.중첩을 허용한다. 두 조건이 존재할 경우, 두 조건 모두 일치해야 매칭된다.Look Around 종류LookaheadNegative lookaheadLookbeh