LATEST POSTs 가장 최근에 등록된 포스팅 목록입니다.
-
vuejs
VueJS에서 마우스오버 이벤트 구현, mouseover
만약 VueJS를 사용하여 마우스 오버 이벤트(MouseOver)를 구현하려면 어떻게하는지 아래에서 자세히 알아봅니다."마우스 오버는 마우스가 특정 요소의 위에 있을때 발생하는 이벤트입니다."<
-
css
CSS animation 구현시 마지막 상태 유지하는 방법
-
react native
react native에서 android에 사용된 fetch가 ssl 문제로 네트워크 에러 발생하는 경우 해결하기
만약 android에서 사용된 외부 네트워크 접근... fetch 등을 사용한 api 등이 동작하지 않을 때 해결하는 방법입니다. 원인과 해결 방법을 알아봅니다.# android 외부 네트워크 문제
-
react native
react native standalone 방법으로 apk 만들기
-
react native
react native 빌드시 에러발생 no such file or directory, open 'android/app/src/main/assets/index.android.bundle'
react native에서 bundle 명령어를 사용하여 번들 파일을 만들때 아래와 같은 메시지와 함께 동작하지 않을 수 있습니다.no such file or directory, open 'android/app/src/main/assets/index.android.bundle'</
-
linux
linux에서 cd를 사용하여 폴더 이동할 경우 스페이스 방법
리눅스에서 폴더.. 디렉토리를 이동하기 위해서 cd 명령어를 사용합니다. 이때 만약 이동할 경로 이름에 스페이스가 있는 경우 이동이 되지 않습니다. 예를들어...만약 이동할 폴더가 아래와 같은 경우를 생각해봅니다./mnt/c/Program Files동일한 방법으로 해당 폴더로 이
-
js
자바스크립트 switch 여러개의 멀티 케이스인 경우 방법
-
jquery
제이쿼리 when() 메소드 알아보기
-
webdevetc
expo 최신 버전으로 업데이트 하는 방법
expo를 사용하는 경우 react-native가 버전업되거나 새로 업데이트 된 모듈에 따라 expo-cli의 업데이트가 필요합니다. 아래는 최신 버전으로 expo를 업데이트하는 방법입니다.npm install -g expo-cli<
-
webdevetc
Mac terminal에서 finder 여는 방법
Mac에서 터미널(terminal)을 사용하다가 현재 위치 또는 원하는 경로에 finder를 실행하는 방법입니다.이때는 아래와 같이 현재 경로에서 open을 사용하면 finder를 실행할 수 있습니다.> open .또는 아래처럼 경로를 선택할 수 있습니다. 만약 /image
-
react native
react native ajax 로딩하는 방법, fetch
react native에서 ajax를 사용하여 네트워크를 사용하는 방법, api를 호출하는 방법을 알아봅니다. react native는 어떻게 사용할까요?# react에서 ajax 호출 네트워크 사용
-
jquery
jquery post method
jquery에서 서버와 비동기로 통신할 수 있는 ajax()의 단축 메소드 post()에 대하여 알아봅니다.# jQuery post() 메소드제이쿼리의 post()는 ajax인 서버와의
-
react native
react native Animated 애니메이션 에러 'attempted to assign to readonly property'
React Native를 사용하여 앱 개발시 아래와 같은 에러가 발생하였습니다.'attempted to assign to readonly property'왜 이런 이유가 발생하였나 알아보니 원인은 바로 <span data-custom-style="ct0
-
react native
react native 부모 컴포넌트의 변수, 함수 사용하기
react native에서 부모 컴포넌트의 값인 변수, 함수 또는 state를 자식 컴포넌트가 사용하는 방법에 대하여 알아봅니다.# react native 부모의 값 자식 컴포넌트 사용먼
-
react native
react native 타이머 함수, setTimeout() 구현하기
react native에서 타이머 함수를 만드는 방법을 알아봅니다.먼저 react native에서의 타이머 함수는 다른 메소드를 사용하지 않고 동일하게 자바스크립트를 사용합니다. 다만 react native에서는 EC 6로 콜백함수를 호출해야만 현재 scope를
-
react native
react native 백그라운드 transparent 투명효과 부여하기
react native에서 투명한 배경화면을 설정하는 방법을 알아봅니다. 어떻게 할까요?react native에서 투명한 배경색인 transparent 효과를 가지는 방법은 css에 사용하는 것과 동일한 방법을 적용할 수 있습니다. 바로 rgba를 값으로 사용하
-
react native
하이브리드앱? React Native 알아보기
-
webdevetc
expo cli에서 build 명령시 error 발생, expo.android.package
Expo를 React native에 사용하여 앱 개발에 사용하는 경우가 많습니다. Expo cli는 여러 커맨드를 제공하는데 앱을 퍼블리싱하거나 빌드할 수도 있죠.만약 안드로이드 빌드 과정 중 아래와 같은 메시지가 출력되는 경우 해결 방법을 알아봅니다.Must spe
-
react native
react native navigation head 영역 삭제하기
react mavigation을 사용할 경우 앱에서 헤더 영역을 어떻게 사용할 것인지 결정할 수 있습니다. 만약 어떤 값도 설정하지 않으면 앱의 최상단에 계속해서 차지하는 영역이 나타나게 되는데 이를 안보이게 하는 방법을 알아봅니다.! 언제 헤더 영역을
-
react native
react native Image컴포넌트 알아보기
react native에서 이미지를 보여줄 때 사용하는 Image 컴포넌트에 대하여 일아봅니다.# react native Image 컴포넌트 사용하기Image 컴포넌트는 아래와 같이 사용
-
webdevetc
expo 실행시 './assets/icons/app-icon.png' could not found 에러가 발생
expo cli를 사용하여 react native를 개발하던 중 아래와 같은 에러가 에러와 메시지가 발생하였습니다.'./assets/icons/app-icon.png' could not found에러 메시자와 함께 더 이상 진행이 안되어 찾아보니
-
reactnative
react native에서 View 컴포넌트에 onPress 클릭 안되는 현상
앱을 개발할 수 있는 React Native의 <View> 컴포넌트에서 클릭을 사용하기 위해서 onPress={}를 사용하였으나 동작하지 않는 문제가 발생하였습니다.! onPress가 View에서 동작하지 않는 경우먼저 이유는 View 컴포넌트
-
webdevetc
npm 최신버전으로 업데이트 방법
npm을 최신버전으로 업데이트 하는 방법을 알아봅니다. 어떻게하면 최신버전으로 업데이트 할 수 있을까요?! npm을 최신버전으로 업데이트 해야하는 이유는?만약 npm이 최신 버전이 아닌 경우 디펜던시 등의 이유로 앱이 동작하지 않을 수 있습니다. 또
-
webdevetc
react native 설치 및 시작하기
자바스크립트 및 React를 사용하여 앱을 만들 수 있는 React native!! 아래는 React native를 설치하고 새로운 개발을 시작하는 방법을 알아봅니다.# React native 설치하기가장 먼저 React Native 모듈이 필요합니다.
-
webdevetc
Android Studio 가상 디바이스로 apk 실행하는 방법
apk 파일을 데스크톱에서 실행하기 위해서 어떻게해야 할까요? Android Studio(안드로이드 스튜디오)를 설치하여 동작시키는 방법을 알아봅니다.안드로이드 스튜디오는 앱 개발환경을 제공하는 툴입니다. 기능으로 <span data-custom-style="ct05"
-
webdevetc
Phonegap CLI 설치 및 사용방법
하이브리드 앱을 만들 수 있는 Phonegap에서 Phonegap CLI를 설치하고 사용하는 방법을 알아봅니다.폰갭은 Cordova를 사용하는 Adobe의 Hybrid 개발툴입니다. Phonegap을
-
tech
삼성 갤럭시폰 개발자 모드 진입 방법
-
angularjs
AngluarJS 더블 클릭 이벤트, ng-dblclick() 알아보기
angularjs에서 이벤트를 동작시킬때 클릭이 아닌 더블 클릭을 태그 요소에 바인딩하는 방법을 알아봅니다.# angularJS 더블 클릭 디렉티브더블 클릭을 위해서 <span data-
-
webdevetc
Phonegap(Cordova) vs Ionic 하이브리드 앱
하이브리드 앱을 개발하면서 잘 알려진 Phonegap 그리고 Ionic에 대하여 간단히 비교한 글입니다.먼저 이 두 가지 모두 많이 사용됩니다. 다만 Ionic의 경우 가장 최근에 개발된 툴로
-
angularjs
AngularJS에서 route에서 controller as 사용방법
AngularJS에서 $routeProvider를 사용하는 경우 template, controller 등을 설정할 수 있습니다.만약 html에 사용하는 컨트롤러에 별칭을 사용할 수 있도록 'controller as' 선언처럼 route설정시 사용하는 방법은 무엇일까요?<span
