lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • iOS, React Native 2023‧03‧01

    앱스토어 리젝 사유 : Guideline 2.1 - Performance - App Completeness (하이브리드 앱의 웹뷰 첨부 이미지 이슈)

    Guideline 2.1 - Performance - App Completeness We're looking forward to completing our review, but we are unable to continue because your app crashed during review. Please review the details below and the attached crash logs, then complete the next steps. Specifically, the app crashed when we tapped ‘Take Photo’. Review device details: - Device […]

  • Reactjs 2021‧04‧09

    `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.

    리액트에서 input 요소에 value 값을 데이터를 가져와 넣는 형식으로 구성했다면 콘솔에 아래와 같이 오류가 빨갛게 뜬다. 그래도 번들링은 이상없이 된다. 그렇지만 우리는 이 빨간색이 저주스럽지 않은가? 당연히 없애고 싶은 개발자의 마음이니까~ 이렇게 코드를 작성했는데 value에 보면 this.state.companyCode 값을 가져와 넣도록 되어 있다. 바로 이 부분이 잘못된 것이다. 없을 경우에 대해서도 처리를 해주자 value={this.state.companyCode} 를 value={this.state.companyCode […]

  • Android 2017‧11‧29

    입력폼 Edit Text에 수정 안되게 하기

    안드로이드 만들 때 텍스트 입력 폼을 <Edit Text/>를 이용해서 만든다. 그런데 가끔 readonly, 즉 수정 불가의 입력칸을 만들고 그 곳에 어플에서 만들어진 값을 노출하고 싶을 때가 있다. res > layout > 해당.xml 파일을 열어서 Edit Text에 android:focusableInTouchMode="false" 를 추가해 준다. 아래는 예제이다. <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/deviceip" android:textSize="16dp" android:textStyle="bold" android:focusableInTouchMode="false"/>  

  • Javascript, jQuery 2017‧03‧27

    JS - textarea 폰트 사이즈 변경

    제이쿼리로 하면 간단하지만 자바스크립트로 폰트 사이즈를 직접 변경할 때 아래처럼 getElementById로 선택자를 선언하고 수정하면 된다. document.getElementById("엘리먼트ID").style.fontSize = '20px'; 만약 클래스값으로 선택하고자 한다면 getElementsByClassName('클래스명') 이렇게만 지정하면 오류난다.  못찾는다. getElementsByClassName('클래스명')[0] 이렇게 순번을 넣어 개별적으로 선언해주어야 오류나지 않는다.  

  • Javascript, jQuery 2017‧03‧02

    체크박스 라벨을 이미지 만들었고 클릭해도 반응 없을 때

    input  중에 checkbox를 만들고 checkbox는 안보이게 포지션 잡은 뒤 label안에 디자인된 체크박스를 넣었을 때 가끔 이 안의 이미지를 눌러도 checkbox 값이 변경되지 않는 경우가 있다. 이럴 때 스크립트를 넣어주자. $("label img").on("click", function() { $("#" + $(this).parents("label").attr("for")).click(); });  

  • Javascript, jQuery 2017‧02‧23

    input에 숫자만 입력받기 (최종판을 위해...)

    숫자만 입력받는 방법은 무수히 많다. 숫자외 문자를 입력하면 글이 안써지게 하는 코드 (아쉽게 한글은 완성형으로 해당이 안된다.) css로 ime-mode 를 disabled 해서 한글은 안써지게 하는 코드 (아쉽게 크롬은 반응이 없다.) 또 어렵사리 만들어 놓으니 초성만 쓰고 탭을 눌러 이동하면 그 초성이 input칸에 남아있다. 등등 수 많은 팁들이 있지만 우리나라 한글도 못쓰게하고 숫자만 쓰게 하려면 좀 […]

  • Html, CSS 2016‧10‧17

    css - div에 글자 입력 받고 placeholder 넣기

    <div contenteditable="true" placeholder="여기에 글자를 입력해주세요."></div>  위 처럼 html을 작성한 후 아래처럼 css를 작성한다. [contenteditable=true]:empty:before{ content: attr(placeholder); display: block; /* For Firefox */ } div[contenteditable=true] { border: 1px solid #ddd; color : #333; font-size: 12px; width: 300px; padding: 5px; }  아래는 샘플

  • Javascript, jQuery 2016‧05‧03

    jQuery - input과 textarea 글자 입력수 제한

    해외에서 공유된 코드이다. 원문 : http://www.scriptiny.com/2012/09/jquery-input-textarea-limiter/ (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.length; if (chars > limit) { src.value = src.value.substr(0, limit); chars = limit; } elem.html( limit - chars ); } setCount($(this)[0], elem); } }); })(jQuery);  이렇게 플러그인으로 […]

  • Html, CSS, Javascript, jQuery 2012‧03‧19

    입력칸 스타일과 자바스크립트 샘플

    입력칸 배경에 이미지를 넣어서 포커스가 되면 이미지가 사라지고 다시 포커스가 아웃되면 나타나는 스크립트 확인 버튼도 이미지로 출력하는 내용

popular

  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • jQuery - css로 display none와 block에 상태에 따른 처리
  • CSS - vimeo 영상 높이 값 반응형으로 적용하기
  • 안드로이드 - 네트워크 끊겼을 때 webview에 '웹페이지를 찾을 수 없음' 안뜨게 하기
  • react, vue - Uncaught SyntaxError: Unexpected token
  • jQuery - a 태그의 href 값 변경하기
  • css로 div 세로로 중앙 정렬시키기
  • [회고] nextjs(또는 SPA)에서 페이지 전환, 사용자 ID 값도 gtm, ga4 에 고스란히 실시간으로 담아주길...
  • css3 - 아이폰에서 스크롤이 부드럽지 않고 버벅일 때
  • 해당 카테고리 slug 출력

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....