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

2008년 부터 안드로이드 배포에 사용되어진 파일 형식META-INF, res, lib, AndroidManifest.xml, classes.dex, resources.arsc 파일을 포함한다.AndroidManifest.xml: 패키지, 어플리케이션의 컴포넌트, 권

XSS(크로스 사이트 스크립팅) 웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약점 여러 사용자가 보게 되는 전자 게시판에 악성 스크립트가 담긴 글을 올리는 형태 XSS 유형 Reflected XSS HTTP 쿼리 매개 변수 (예 : HT

브라우저 저장소가 필요한 이유영구 데이터: userId를 저장하여 리프레쉬후에도 로그인 유지인증: 저장된 이메일, 비밀번호로 로그인어플리케이션 속도 향상 : 이미지, 동영상, 큰 API 응답을 저장하여 재요청 방지오프라인,낮은 네트워크에서의 접근성 : 서비스워커, 캐시

이미지를 확대했을 때, 보이는 사각형어떤 CSS 단위를 사용하던지, 최종적으로 브라우저는 px로 계산한다.images, screens, borders에 사용px 이미지600px 은 항상 600px 이다. 모바일 기기에서는 의도한 디자인을 왜곡할수 있다.크기 변경에 따라

props-drilling: 부모 컴포넌트에서 특정 자식 컨포넌트로 데이터가 이동하는 과정으로, 데이터를 전달만 하는 컴포넌트가 존재하게 된다.props-drilling 을 막는 방법React Context API.CompositionRender propsHOC : 컴