일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- styled component is not working
- reactnative 웹뷰 페이지 로딩
- 타입스크립트
- js 특정 위치로 이동
- JS
- React Native SafeArea Custom
- gsap
- React Native navigation
- 퍼블리셔
- React-Native IOS
- react native safeArea
- SafeArea 커스텀
- scrollIntoView scrollTo
- input 숫자입력
- gsap 기초
- 리액트
- styled component
- 임고미
- 프론트앤드
- React-Native 공부
- 트윈맥스 기초
- slick slider 간격
- safari wiondow.open
- RN navitate push
- react이론
- styled component 작동안함
- 웹뷰 페이지 로딩
- styled component 작동 안될때
- react
- rn webview page loading
- Today
- Total
목록분류 전체보기 (89)
개발공부 임고미
보호되어 있는 글입니다.
보호되어 있는 글입니다.
Loopback에서, filter을 해줄때 url에 특수문자가 포함되게 검색할경우, 제대로 확인이 안되는경우가 발생합니다. ex) # = %23 var preNo = '#product_1' $.ajax({ type: 'GET', url: url+'products?filter={"where":{"preNo":"'+preNo+'"}}', success: function (data) { console.log(data); }, error: function (error) { console.log(data) } }) 검색해야하는 것 : preNo preNo의 내용: #product_1 위 코드의 결과 기대값: "where":{"preNo":"#product_1'"} 결과: "where":{"preNo":"preNo..
parseInt() / Number()...둘 다 정수로 만들어준다. 그럼 언제 타입을 수정해 주어야 하는걸까? 그냥 값과 값의 종류(Data Type)를 다 비교하는 === 을 사용하지 않고 == 을 사용하면 되는거 아닐까 ? tip! ==는 Equal Operator이고, ===는 Strict Equal Operator ex)( string vs number ) "10" == 10 // true "10" === 10 // false 물론, 받은 값에 숫자를 더하고 빼고 할 일 이없으면,,,,, 그래도 안된다. 저렇게 타입이 다른 두 값을 비교하는 상황은, 의도적으로 피해줘야합니다. 결론 : 서로 다른 두 타입을 비교하는 것은 권장하지 않는다. type 을 바꿔 줘야하는 상황의 대표적인 예를 가지고, ..
→ 결론 : 비추, css 쓰세요! ( 1 )에서는 css style을 통해 커서모양을 만들어 줬다면, 이번엔 간단하게 html의 a 태그를 이용해서 만들 수 있습니다. 포인트는, a tag의 href를 사용하지 않고 javascript의 window.open( )을 이용해 작업해준다는 것이다. a태그를 사용하는 이유는, css를 먹이지 않고 화살표 모양이 나오게 하기 위해서이다. (사실상 커서모양 바꾸기는 이 태그를 사용하는 것만으로도 끝난것입니다. 이하의 내용은 사용 방법과 이유에대한 내용입니다.) 클릭 코드를 하나하나 살펴보자면, href: 이동할 주소 , onclick: 실행시킬 함수 입니다. Q. a태그를 사용할껀데 왜 window.open을 사용해주는걸까? A. 새창의 사이즈를 조절해주기 위해..
커서모양 바꾸기 작업을 하다보면 a(anker)태그를 사용하지 않고 커서모양을 화살표에서 손가락 모양으로 바꿔야 할 때가 있다. 이때, css 속성 cursor을 이용해서 간단하게 작업이 가능하다. //기본값(default) : auto; cursor: auto; //손가락 모양 : pointer; ( hand는 ie에서만 지원하는 비표준이므로 pointer으로 작업해줍니다. ) cursor: pointer; 이 외의 다양한 모양은 아래의 태그에서 확인 할 수 있다. developer.mozilla.org/ko/docs/Web/CSS/cursor cursor CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다. developer.mozilla.org 같이 보면 좋은 ..
includes() startsWith() endsWith() 그 단어 를 포함하고 있니? 로 시작하니? 로 끝나니? 사용가능한 범위 arr, string string string ================================================ includes( ) - Array 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. 반환값 : Boolean ( true || false ) arr.includes(valueFind[, formIndex]) valueFind : 탐색할 요소 문자나 문자열을 비교할 때, 대소문자를 구분합니다. formIndex : 이 배열에서 searchElement 검색을 시작할 위치입니다. 음의 값은 array.length + fro..
let products = [ { id: 'apple', }, { id: 'banana', }, { id: 'orange', }, { id: 'avocado', }, { id: 'peach', }, { id: 'kiwi', }, ]; 배열 내 특정 상품 찾기 filter callback 함수에 정의한 조건에 부합하는 배열의 모든 값을 새로운 배열로 리턴합니다. 조건에 부합하는 배열 값이 없을 경우 빈 배열을 리턴합니다. find() 함수와 동일합니다. 리턴값 callback 함수에 정의한 조건에 부합하는 배열의 모든 값을 새로운 배열로 리턴합니다. 조건에 부합하는 배열 값이 없을 경우 빈 배열을 리턴합니다. arr.filter(callback(element[, index[, array]])[, thisA..