TIL

클래스가 아닌 객체를 사용한다. 고로 블록문 안에 ;를 쓰지 않고 ,로 구분한다.ex) justify-content (X) / justify-content (O)숫자만 쓰거나 %를 사용한다. 다른것이 더 있는 지는 더 봐야 함TouchableHightlight \-

리액트 네이티브 TextInput의 KeybordType default, numeric, email-address, phone-pad, url 등등이 있다.

backgroundColor 투명하게 하는방법 backgroundColor: 'rgba(0, 0, 0, 0)' backgroundColor: 'transparent' backgroundColor: '#00000000' 요소 자체를 투명하게 하는방법 opacity: 0

dependency에 객체를 잘못 넣으면 무한루프를 돌 수 있다. dependency에 있는 값을 이전값과 현재값에서 바뀌었는지 아닌지 비교할때 다른값들은 그 값 자체를 비교하는데 객체는 주소값을 참조하고 있어서 객체 안에 실제로 담고있는 값들은 같은값이더라도

이렇게 꺼내 쓸 수 있다.active - 앱이 foreground 에서 러닝중background - 앱이 background 에서 러닝중 유저가 아래와 같은 상황일 수 있다: \- 다른 앱 사용 중 \- 홈 화면에 있음 \- Android on another A

Suspense 비동기 api로 호출하는 데이터가 랜더링 되기 전 화면, 즉 로딩시에 보여줄 페이지를 만드는 것. fallback 에 넣은 컴포넌트가 로딩화면으로 랜더링 된다. 장점은 리액트 문서에서 말하기를 앱의 시각적인 로딩 단계를 밀접하게 통제할 수 있도록 해준다

textarea 의 높이는 조절가능하지만 가로의 넓이는 고정해달라는 요청을 받았다. 그냥 쉽게 생각하면 min-width와 max-width 를 특정 값으로 지정하면 해결이 가능하기는 한데, textarea가 원래 갖고있던 속성으로 제어가 가능할 것 같아서 찾아보았다.

어떠한 레파지토리 개발환경을 세팅해본 개발자가 모두 퇴사했고 현직 개발자 아무도 세팅해본적 없는 레파지토리의 코드를 수정하는 업무를 받았었다. 그것도 무려 docker 환경이었다. readme의 설명도 부족했고 사용하지 않는 바뀐 명령어도 있었다. docker 환경세팅

참고 : https://stackoverflow.com/questions/41285211/overriding-interface-property-type-defined-in-typescript-d-ts-file

객체 병합. 첫번째 객체에 병합한다. 원본 객체 변경을 막고싶으면 첫번째 객체에 {} 빈 객체를 넣어서 사용하도록. 얕은 복사다.blog: https://pro-self-studier.tistory.com/21MDN: https://developer.

swr 라이브러리를 찾아보다가 너무 좋을 글을 발견했다.리덕스의 문제점을 하나하나 정리해서 짚는게 리덕스를 이해하는데도 도움이 됐다.Redux 를 넘어 SWR 로(1)Redux 를 넘어 SWR 로(2)

text-rendering 속성은 CSS 표준에 정의되지 않은 SVG 속성입니다.auto | optimizeSpeed | optimizeLegibility | geometricPrecisionauto브라우저는 텍스트를 그리는 동안 속도, 판독성 및 기하학적 정밀도를 언

여러 페이지별로 url 있고 이 url은 상황에 따라 유동적인데현재있는 페이지의 url 에서 특정 유니크한 이름을 뽑아야 할 일이 있었다. 예를들어 위와 같이 특정한 페이지에서 1. 필터 조건들을 추가할때 ? 이후로 쿼리 스트링이 붙는 경우가 있고 2. 상세 페이지로

숫자 입력 키패드숫자 입력을 위해 type을 number로 지정하면 UI 도 다르게 나올 뿐더러, IOS 환경에서는 버그가 있다.전화번호를 입력하는 tel 타입으로 지정하면 IOS Android 환경 둘다 숫자 키패드로 잘 동작한다.이메일 입력 키패드여기에서 더 많은

React의 특정 컴포넌트에서 쓰이는 props 의 타입들을 별도의 타입으로 선언해서 사용하고 싶으면 아래와 같이 작성한다.위 값을 상속받아 다른 값도 추가적으로 더하고 싶으면 아래와 같이 작성한다.타입 T의 모든 프로퍼티를 Optional 형태로 바꾸어준다.오른쪽에서

MouseEvent.metaKey 는 주어진 마우스 이벤트가 발생할 때 메타 키가 눌렸는지 여부를 나타내는 boolean 값을 반환합니다.Macintosh 키보드에서, META키는 Command 키 (⌘)에 매핑됩니다 .Windows 키보드에서, META키는 Windo

수정하려는 특정 커밋 바로 직전 커밋해쉬로 git rebase --interactive \[커밋해쉬] 진행vim 창에서 수정할 커밋의 pick를 edit으로 변경원하는 코드 내용을 수정git add . && git commit --amend:!q 를 입력하여 커밋 vi

자식 iframe에서 부모 html로 접근하기 도메인이 같을 경우 도메인이 같을 때 자식 iframe의 html에서 부모 html 로 접근하고 싶을때는 parent 키워드를 사용해서 접근할 수 있다. parent.html child.html 도메인이 다를 경우

resize 속성은 textarea 에만 적용했었는데 알고보니 textarea 말고도 다른 html 태그들에도 적용이 가능했다.resize 속성을 적용할 수 없는 조건은 다음과 같다.inline 요소overflow 속성이 visible인 Block 요소htmlcss랜더