본문 바로가기

분류 전체보기183

[JavaScript] 원시값의 메서드 자바스크립트의 자료형은 크게 원시형과 객체로 나눌 수 있습니다. 원시형은 string, number, bigint, boolean, symbol, null, undefined를 의미합니다. 객체는 아래 예시와 같이 여러 프로퍼티들이 { } 안에 선언된 형태를 의미하죠. 여기서 프로퍼티는 key:value 쌍을 의미하는데, name:'Jason'에서 name이 key, 'Jason'이 value입니다. const user={ name:'Jason', age:23, sayHi:()=>{console.log('hi!')} } 메서드란 객체 안에 선언된 프로퍼티 중 함수인 것들을 의미합니다. 위 객체에서 sayHi와 같은 프로퍼티들을 메서드라고 합니다. 일반적으로 메서드는 객체에서만 쓸 수 있는데요, javas.. 2021. 7. 29.
[React Native] React Native Webview 줌(zoom) 비활성화하기 react-native-webview에서는 손가락 두 개를 이용해 내용을 zoom할 수 있습니다. zoom을 비활성화하려면 html 태그 상단에 다음 문장을 추가해주면 됩니다. 이를 적용한 모습은 아래와 같습니다, 참고 https://stackoverflow.com/a/48252727/15458307 Disable zoom on web-view react-native? How to disable zoom on react-native web-view,is there a property like hasZoom={false}(just an example) that can be included in the below web-view tag that can disable zooming. It has to be w.. 2021. 7. 29.
[React Native] React Native modal 배경 클릭해서 Modal 닫기 react native에서 modal을 띄워놓았을 때 모달 이외의 배경을 클릭해서 modal 창을 닫고 싶으신 상황이 있으실 겁니다. 이런 상황을 저는 다음과 같이 해결했습니다. setIsVisible(false)} transparent={true} > setIsVisible(false)} /> {/* 여기에 띄우고 싶으신 창 코드를 입력하시면 됩니다. */} 이 때 창 코드를 입력하는 부분에 position:absolute 속성을 줘야 합니다. Pressable 태그가 배경을 담당하는 부분인데 Pressable이 전체 화면을 덮도록 하기 위함입니다. 아래는 스택오버플러우 질문에 제가 답변을 단 부분입니다. https://stackoverflow.com/a/68570195/15458307 Close re.. 2021. 7. 29.
[React Native] WebView <img> click event 처리 react-native-webview 모듈을 이용해 html 소스를 앱에서 표시해주는 페이지를 개발하던 중, 이미지 클릭 시 이미지가 확대되도록 기능 구현을 해달라는 요청이 들어와 작업을 시작하였습니다. { console.log('onMessage Result, ', event.nativeEvent, typeof event.nativeEvent.data) if(checkImageUri(event.nativeEvent.data)){ setPressedImageUri(event.nativeEvent.data); } }} ... /> const changeHtmlTag = (text) => { let newText = text.replace(/{ return typeof uri==='string' && uri.. 2021. 7. 26.