-
SQL 2022‧12‧06
INSERT INTO 컬럼 지정없이 빈값으로 넣기
your_table에 넣으려는 테이블을 지정하면 됨
-
React Native 2022‧12‧04
react native - Swipeable 의 속성과 메소드들
react-native-gesture-handler 를 설치한 뒤 Swipeable 로 스와이핑 버튼을 만들어서 쓰고 있다. 그 중 몇가지 쓰는 것들을 적어 놓으려고 한다. 이렇게 예시를 작성하고 설명드리면, renderRightActions : 오른쪽에서 스와이프 했을 때 보여질 컴포넌트이다. 위 예제처럼 컴포넌트 변수명을 바로 넣어도 되고 값을 넘겨서 사용할 경우에는 예를 들어 renderRightActions={ () => <RightComp aaa={ aaa }/> } 이렇게 사용하기도 한다. […]
-
React Native 2022‧12‧04
react native - Warning: Functions are not valid as a React child. This may happen if you return a Component instead of
from render. Or maybe you meant to call this function rather than return it. 오류 에러는 아니지만 Warning 으로 떠서 원인을 찾으려고 메시지를 읽고 찾아내려니 상당히 불친절한 안내로 원인을 사실 찾기 힘들다. 그래서 검색도 해보고 내가 작업한 내용을 역학조사를 해봤다. 대부분 검색 내용들은 라우터 역할을 한 곳에서 수정하라고 한다. (링크) 하지만 나는 props를 넘겨줘야 하는 구조의 엘리먼트로 저 방식이 안될 뿐더러 갑자기 왜 저것이 문제이지? 하면서 내가 작업한 것들을 되짚어 […]
-
React Native 2022‧11‧26
react native - TextInput 에 입력 또는 수정 disable 처리
이런 식으로 처리하면 기본적으로 입력란을 터치해도 입력 또는 수정이 되지 않는다.하지만 UX 관점에서 시각적인 차이가 없기 때문에 아래처럼 조금 더 넣어서 처리했다. 이렇게 해주면 setCheckRestTimer(true) 를 해주면 TextInput이 활성화 되면서 배경이 흰색으로 보이고 setCheckRestTimer(false) 를 해주면 TextInput이 비활성화 되면서 짙은 회색으로 변한다.
-
React Native 2022‧11‧20
react native - Flatlist 의 하위 아이템 중 원하는 아이템으로 스크롤 시키기 (scrollToIndex)
Flatlist 를 이용하면 배열로 된 데이터를 이용해서 반복적인 뷰를 만들 수 있다.Flatlist 외부에서 버튼이나 함수를 통해 원하는 아이템이 있는 곳으로 스크롤이 필요할 때가 있다. 상단에 const flatListRef = useRef(); 를 선언하고Flatlist에 ref={flatListRef}를 추가한다. 초기 이동이 필요할 경우 initialScrollIndex 속성에 번호를 넣어주면 된다. useEffect나 함수에서 flatListRef.current.scrollToIndex({animated: true, index: 2}); 이런식으로 index의 값에 이동시키고 싶은 아이템 번호를 […]
-
Javascript, jQuery 2022‧10‧17
배열의 마지막 값 가져오기
slice(-1)을 이용해서 배열의 마지막을 가져올 수 있다. 하지만 이렇게 하면 배열의 마지막 값만 배열에 담기는 것이라["E"]가 된다. 그렇기 때문에 "E" 만 받아오려면 아래처럼 다시 배열안의 값을 가져온다. 또는 아래처럼도 배열의 마지막 값을 가져올 수 있다.
-
Javascript, jQuery 2022‧10‧11
논리연산자(논리합 논리곱) 단축평가
검색해서 나온 설명들이 어려워서 정리해봤다. 논리곱 (&&) A 조건이 맞으면 A, 그렇지 않으면 B 를 반환한다.이걸 if 문으로 풀자면 if(A){ A } else { B } 인데 단축평가이기 때문에 이렇게 if 처럼 연산되지 않고 A를 바로 반환한다. 그냥 이해하기 쉽게 이렇게 if 로 풀어봤다. 논리합 (||) A 조건이 안맞으면 A, 그렇지 않으면 B 를 반환한다.이걸 […]
-
Tools 2022‧08‧25
git - 깃 버전 차이로 인해 다른 브랜치 것으로 덮어씌우기
A라는 브랜치를 B 라는 브랜치 것으로 덮어 씌우고 싶을 때 이렇게 하면 A 라는 브랜치는 예전 커밋들 사라지고 B라는 브랜치 커밋들로 덮어 씌워짐(참고로 만약을 대비해서 이런 작업할 때는 브랜치를 로컬에 백업해 놓아야 함)
-
Javascript, jQuery, Reactjs, Tools 2022‧07‧15
js - 채널톡 삽입(커스텀 버튼, 뱃지 카운트, 서포트봇 양식 연동)
요즘 채널톡(https://channel.io/)을 이용해서 웹사이트에 채팅 상담을 하는 기능을 만드는 데 기본 제공하는 스크립트를 넣어 아래처럼 버튼 설치 및 설정을 통해 쉽게 구현할 수 있다. 그러나 이렇게 삽입을 하면 아래 이미지처럼 기존 웹사이트의 최상위 레이어로 위에서 생성한 버튼이 고정 노출되게 된다. 하지만 웹사이트 개발할 때 기존 웹사이트 ui/ux 맞게 채널톡 버튼을 만들고 싶고 거기에 채팅 메시지가 […]
-
Reactjs 2022‧04‧20
react jsx 스타일을 조건 넣어 인라인으로 처리
기존에 리액트로 작성할 때 인라인으로 스타일을 넣고 조건에 맞춰 값을 넣은 적은 있었다. 예를들어 state 에 abc 값이 있으면 0, 없으면 100%의 width로 지정한다고 할 때, 이렇게 쓸 수 있다.그런데 이렇게 되면 강제로 width를 꼭 이 곳에서 처리되게 된다. 다른 css 파일들에서 이 영역에 스타일을 붙였다면 그 스타일들은 무시되고 위에 인라인으로 처리된 것이 적용될 것이다. […]