7 페이지 - 웹개발 커뮤니티 블로그

webdevetc [react native] com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_INSUFFICIENT_STORAGE 에러 발생 수정하는 방법 react native를 사용하여 앱 개발시 아래처럼 에러가 나타납니다.com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_INSUFFICIENT_STORAGE처음 부터 문제가 발생하는 것은 아니고 테스트를 위해 실행을 반복하다보면 나타납니다. 문제 원인을 확인해보니 Android 가상 Device의 메모리 이슈입니다. 해결 방법

View : 840 / Created : 2019-09-20

webdevetc Android Studio build 에러 Unfortunately you can't have non-Gradle Java modules and > Android-Gradle modules in one project Android Studio에서 Build를 진행해 apk 파일을 생성하는 과정에서 다음과 같은 모듈 에러가 발생하였습니다.Unfortunately you can't have non-Gradle Java modules and > Android-Gradle modules in one project문제는 Sync가 진행되지 않으면서 apk 파일 생성이 되지 않는데 위 에러를 아래 방법으로 해결하였습니다.- Android Studio 이동-

View : 2112 / Created : 2019-09-18

php php include 사용시 파라미터 전달하는 방법 PHP에서 아래와 같이 파일을 인크루드하여 추가한 경우 파라미터를 전달하는 방법을 알아봅니다.예를들어 아래와 같이 myFile.php라는 파일을 인크루드합니다.<?php include('myFile.php'); ?>이제 myFile.php 파일이 추가되어 웹페이지에 나타날 것입니다. 만약 myFile.php에 변수 값을 파라미터 형태로 전달하려면 어떻게 할까요? myFile.php는 $countNo라는 변수를 출력하는 코드를 가

View : 2497 / Created : 2019-08-27

jquery [jQuery] 제이쿼리 선택자 escapeSelector() 알아보기 제이쿼리의 선택자 사용시 DOM 엘리먼트에 특수기호 #, ., : 등이 포함된 경우 선택하는 방법으로 escapeSelector()를 사용할 수 있습니다. 간단한 문법은 아래와 같습니다.$.escapeSelector(selector)만약 escapeSelector(

View : 2198 / Created : 2019-08-25

python Python range() 함수, 반복문 및 배열 만들기 Python에서 사용 가능한 range() 함수에 대하여 알아봅니다.! range() 함수는?파이썬의 range() 함수는 연속된 숫자를 반환하는 함수입니다. 매우 간단하게 연속된 수열을 만들 수도 있죠. 아래는 간단한 문법입니다.<span data-custo

View : 2864 / Created : 2019-08-17

react native react native 컴포넌트 숨기기, hide react native에서 원하는 컴포넌트 및 태그 요소를 숨기는(hide) 방법을 알아보겠습니다. 어떻게하면 숨길 수 있을까요?# react native 컴포넌트 요소 숨기기css를 사용하는 경우 display: none을 사용할 수 있겠지만 아쉽게도 react native에 적용 가능한 style에는 displa

View : 1057 / Created : 2019-08-14

jQuery [jQuery] scrollLeft() method, 스크롤 위치 좌우 이동하기 자바스크립트에서 제이쿼리을 사용하는 경우 스크롤의 좌우 위치를 이동하는 방법입니다. 어떻게 하면 좌우로 스크롤이 이동할 수 있는지 아래에서 알아봅니다.# 제이쿼리 스크롤 좌우 이동하기, scrollLeft()제이쿼리는 스크롤 관련 메소드를 제공합니다. 그 중에서 좌우 이동 방법으로 <span data-custom-style="ct05

View : 6365 / Created : 2019-08-13

etc 윈도우즈 프로그램, 앱이 화면 밖으로 나간 경우, 안보이는 경우, 이동 안됨 윈도우즈 앱, 프로그램을 실행하다가 화면에서 안보이는 현상, 화면 밖으로 이동한 경우 해결하는 방법을 알아봅니다. 먼저 언제 이런 문제가 생길까요?# 언제 화면 밖으로 이동하는 현상이 생기는가여러 이유가 있겠지만 아래의 경우가 가장 큰 이유입니다.- 듀얼

View : 1585 / Created : 2019-08-08

jquery jQuery 선택자 first() 메소드 알아보기 jQuery의 메소드 first()에 대하여 알아봅니다. 제이쿼리 first() 메소드는 어떤 메소드로 어떤 기능을 가지고 있을까요?# jQuery 메소드 first() 알아보기제이쿼리를 사용하는 경우 엘리먼트를 찾은 후 해당 엘리먼트 내부에서 특정한 엘리먼트를 찾아

View : 1351 / Created : 2019-08-08

jquery 제이쿼리 css 메소드로 스타일 지정하기 제이쿼리의 메소드 css()에 대하여 알아봅니다. css() 메소드는 어떻게 적용하고 어느 경우에 사용할 수 있을까요?# jQuery css 메소드는?css 메소드는 선택한 DOM 엘리먼트에 인라인 방식으로 스타일을 추가하거나 가지고 있는 값을 가져올 수 있습니다. 이때 값을 추가하는 경우 태그에 style 어트리뷰트가 추가되어 원하

View : 1657 / Created : 2019-08-06

python Python 변수 저장시 or 조건 shortcut 방법 파이썬에서 변수 값을 저장할 때 다른 변수의 값을 사용하는 경우 if와 같은 분기문을 축약식으로 적용하는 방법을 알아봅니다.만약 방문자 현황을 변수 visitCount에 저장한다고 가정하겠습니다. 이때 데이터베이스의 값을 가지는 wfCount를 사용하여 저장할 수 있겠죠.visitCount = wfCount이제 visitCount 변수에는 wfCount값이 저장되어 사용됩니다. 다만 값이 없는

View : 937 / Created : 2019-08-05

python Python 서버로 전달된 Content-Type 값들 request로 전달받는 방법 정리 클라이언트 브라우저에서 Python 서버로 값들을 전송할 수 있습니다. 이때 여러 타입의 값들을 Python에서 전달 받는 방법을 알아봅니다.# Python 서버에서 여러 값들 전달 받는 방법전달 받는 값의 타입은 json, urlencoded, 파일(file) 등등 여러가지가 있겠습니다. 각각의 타입들을 서버에서 받기 위해서는 대부분 <span data-cust

View : 1105 / Created : 2019-07-31

webdevetc Git사용시 gitignore 동기화 무시하는 방법 Git을 사용하여 개발, 배포등의 프로세스를 사용할 경우 동기화, 즉 서버에 반영하지 말하야 할 파일이나 폴더가 존재합니다. 예를들면 방문자에 의해 바뀌는 파일 업로드나 아니면 개발자 각각의 설정 파일 등이 그런 것들입니다.그렇다면 이런 파일을 서버와 동기화하지 않고 추가하지 않는 방법은 어떻게할까요? 이때 .gitignore를 사용하면 되는데요 아래에서 알아봅니다.<b

View : 892 / Created : 2019-07-31

python Python flask에서 디버깅(debug), 중단점(breakpoint) 사용 방법 Flask를 사용하여 Python을 구동하는 경우 디버깅(Debugging)을 목적으로 중단점(breakpoint)을 설정하여 사용하고 싶다면 어떻게 해야하는지 알아봅니다.! breakpoint(중단점)브라우

View : 2390 / Created : 2019-07-29

webdevetc 파비콘이 없는 경우 에러 방지, prevent favicon error 웹페이지에 파비콘이 없거나 아직 준비되지 않은 경우 브라우저에서 에러가 발생할 수 있습니다. 에러 메시지는 파비콘이 존재하지 않는다는 메시지입니다.# 파비콘 에러 메시지 무시하기만약 파비콘을 사용할 계획이 없거나 에러 메시지를 무시하려면 어떻게 할까요? 이 때는 아래와 같이 파비콘 관련 설정을 <head> 태그에 추가하면 에러는 사라지게 됩니다.<link rel="s

View : 908 / Created : 2019-07-29

css [CSS] 선택자 :focus-within 알아보기 CSS 선택자 :focus-within에 대하여 알아봅니다. 언제 어떻게 사용할까요?# CSS 선택자 :focus-widthinCSS 선택자 중 :focus-within이 존재합니다. :focus-within은 폼 엘리먼트에 사용하며 방문자의 포커스된 엘리먼트에 스타일을 부여할 수 있는 매우 유용한 선택자입니다. 특징으로는 부모 요소에 사용하면 내부

View : 2028 / Created : 2019-07-26

js 자바스크립트에서 URL 쿼리스트링(query string) 쉽게 가져오는 방법 웹페이지에서 url/uri를 통해서 전달된 쿼리스트링 정보를 자바스크립트에서 읽어오는 방법에 대하여 알아봅니다.# 쿼리스트링 정보 자바스크립트 읽어오는 방법웹페이지로 정보를 전달하고 이를 읽어오는 방법으로 쿼리스트링(query string)을 통해 전달할 수 있습니다. 이렇게 전달된 경우 아래와 같은 형태의 url 주소를 가지고 있겠죠.<div class

View : 5894 / Created : 2019-07-26

html [html] base 태그 사용 방법 알아보기 웹페이지 HTML에 사용되는 <base> 태그에 대하여 알아봅니다.# HTML base 태그는?base 태그는 head 안에서 선언된 것을 볼 수 있는데요 ~ base 태그를 사용하면 기준이 되는 base url/uri를 설정하여 사용할 수 있습니다.

View : 2574 / Created : 2019-07-22

jquery 제이쿼리 다음 엘리먼트 찾기 next() nextAll() 제이쿼리 선택자는 매우 편리한데요~ 만약 어떤 엘리먼트를 선택자로 찾았는데 그 다음에 위치한 엘리먼트를 가져오는 방법을 알아볼까합니다.# 제이쿼리를 사용하여 다음 엘리먼트 가져오기제이쿼리는 다음에 위치한 엘리먼트(형제 엘리먼트 중 다음이죠)를 가져올 수 있도록 아래와 같이 두 개의 메소드를 제공합

View : 1647 / Created : 2019-07-21

vuejs [VueJS] 태그 이름 무시, vue 컴포넌트 제외하는 방법 VueJS에서 컴포넌트가 아닌 태그를 사용할 경우 에러가 발생합니다. 어떻게 하면 에러가 나타나지 않을까요?예를들어 <myTag></myTag>라는 태그를 웹페이지에 코드에 추가한다고 가정해봅니다.<div id="vueApp"> <myTag>Hi</myTag></div>VueJS에서는 myTag가 Vue에 등록된 태그라고 인식하고 찾기 시작할텐데

View : 622 / Created : 2019-07-21

etc 넷플릭스(Netflix) 요금제 및 기타 정보 인기 영화 및 드라마 등을 볼 수 있는 가장 유명한 스트리밍 사이트 중 하나, 넷플릭스(Netflix)에 대한 가격 및 기타 정보들입니다. - 회사명 : 넷플릭스- 홈페이지 : <a href="https://www.netflix.com/kr/" target="_b

View : 1199 / Created : 2019-07-20

css CSS display grid 방법 및 예제 보기 css를 사용하여 화면 그리드(grid) 레이아웃을 구현하는 가장 간단한 방법은 display: grid 또는 display: inline-grid를 사용하는 것입니다. 아래와 같이 css를 선언하여 사용합니다.display: grid | inline-gridgrid는 격자를 의미하는데 css그리드 형태의 레이아웃을 구현할 때 이 방법을 사용하면 매우

View : 3396 / Created : 2019-07-18

webdevetc 애드센스 광고에서 ads.txt 파일 생성 및 추가하는 방법 구글 애드센스(Adsense)를 사용하는 경우 ads.txt 파일을 생성하여 자신의 웹사이트에 적용하는 방법을 알아봅니다.구글 애드센스는 ads.txt 파일을 서버에 추가하여 사용할 것을 권장하고 있는데 하지만 ads.txt가 실제 광고 수익에 얼만큼 큰 영향을 미치는지는 알 수 없는 것 같습니다. 다만 향후에는 대부분의 사이트에서 ads.txt를 사용해야만 하는 상황이 올 것이라 예상할

View : 1338 / Created : 2019-07-16

js 자바스크립트 객체 병합, 합치는 방법, merge 자바스크립트에서 여러개의 객체를 하나로 병합하는 방법... 즉, 객체(Object)를 합치는 방법(Merging)에 대하여 알아보겠습니다.! 객체를 언제 합쳐야 할까요?여러가지 이유가 있겠지만 가장 많은 이유는 컬렉션 등의 데이터를 가지

View : 8452 / Created : 2019-07-09

css CSS filter 프로퍼티 사용하여 블러 효과 적용하기, blur CSS의 filter 프로퍼티를 사용하여 블러 효과(Blur effect)를 적용하는 방법에 대하여 알아봅니다. CSS의 filter는 CSS3에서 지원된 프로퍼티로 특정 이미지나 요소에 적용하면 다양한 필터 효과를 적

View : 5813 / Created : 2019-07-09

js 제이쿼리 not() 메소드 알아보기 제이쿼리(jQuery)에서 선택자 결과에 사용 가능한 not() 메소드에 대하여 알아봅니다. 어떻게 그리고 언제 사용할 수 있을까요? # 제이쿼리 not() 메소드 알아보기먼저 엘리먼트를 선택하기 위해서 선택자(selector)를 사용합니다. 이때 $(s

View : 1955 / Created : 2019-07-06

js 자바스크립트에서 AJAX 비동기 방식으로 Excel 파일 다운로드 받는 방법 자바스크립트를 사용하여 비동기 AJAX를 사용하여 엑셀(Excel) 다운로드 받는 방법을 알아봅니다. 먼저 아래의 상황에서 ajax 다운로드를 수행하게 됩니다.- AJAX로 서버에 값을 전송- 전송된 값에 따라 엑셀(blob) 타입으로 서버에서 엑셀 파일을 리턴- 전달 받은 response를 다운로드 링크를 만들어서 클릭 이벤트를 실행

View : 8866 / Created : 2019-07-02

js [자바스크립트] ]Select 태그의 값의 value 프로퍼티 변경시 onchange가 동작 안 하는 경우 해결하기 자바스크립트에서 select 태그에 onchange 이벤트를 사용할 수 있습니다. 그런데 onchange 이벤트가 동작하지 않는 경우가 발생할 수 있는데요... 그 원인과 해결방법을 알아봅니다.onchange가 select 태그에 바로 동작하지 않는 경우는 select 태그를 클릭해서 값을 선택하지 않고 select 태그의 value 프로퍼티의 값을 스크립트를 사용하

View : 2018 / Created : 2019-07-01

js 자바스크립트 FormData 데이터 전송 알아보기 자바스크립트에서 서버에 데이터를 전달해주는 API(인터페이스) FormData에 대하여 알아보겠습니다.! FormData는 무엇인가?자바스크립트를 사용하여 데이터를 서버에 보낼 수 있으며 Ajax 방식, 비동기식으로 데이터나 파일 모두 전송 가능하다는 점이 장점입니다. 최근 FormData가 많이 사용되는 이유는 비동기식 통신으로 <form&

View : 5194 / Created : 2019-06-27

webdevetc bootstrap DataTable 사용시 sorting 정렬하는 방법 부트스트랩(Bootstrap)의 DataTable을 사용하는 경우 테이블 정렬, sorting 방법입니다. (참고로 데이터테이블은 ajax를 사용하여 불러온 데이터를 기반으로 손쉽게 테이블 UI를 그려주는 라이브러리, 툴입니다.)# DataTable 정렬하는 방법DataTable의 정렬은 설정에

View : 4645 / Created : 2019-06-21

CATEGORIES

LATEST POSTs 최근 등록된 포스팅 목록