본문 바로가기

IT 정보 공유방

구글 스토어에 등록하는 방법 안녕하세요! 오늘은 구글 스토어에 등록하기 위해 안드로이드 스튜디오에서는 무엇을 해야하는지에 대해서 집고 넘어가려 합니다. 우선 구글 스토어 등록에 관한 포스팅입니다. 다음을 참조하여 구글 스토어에 등록을 하면 됩니다.(2만원~3만원 정도의 돈이 들어요!!) https://support.google.com/googleplay/android-developer/answer/6112435?hl=ko 여기 과정을 천천히 따라가다보면 결제하는 순간이 오고 결제 이 후에는 본격적으로 앱을 스토어에 등록할 수 있는 상황이 됩니다. 구글 스토어 등록에 대한 포스팅은 정말 많습니다. 하지만 등록하면서 발생하는 문제에 대해선 포스팅이 많이 적고 안드로이드 스튜디오에서 발생하는 문제 때문에 스토어 등록에 차질이 생기는 부분.. 더보기
keyEvent / ref / LifeCycle 오늘은 keyEvent와 focusing을 주기 위해 사용하는 ref 그리고 LifeCycle에 대해서 설명드리도록 하겠습니다. keyEvent란? : 키보드에서 발생하는 이벤트로 charCode나 인자로 받는 event.key를 통해서 접근할 수 있습니다. [예시] https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/charCode handleKeyPress(e) { // event if (e.charCode === 13) { // charCode >> 엔터 this.handleClick(); } } 이벤트 객체의 charCode를 뽑아내면 13으로 나오는 정수 값이 Enter 키를 의미하기 때문에 엔터를 칠 경우 handleClick() 메.. 더보기
주소록 추가 파트 * Immutability helper 심화 * 이 전 내용에서는 배열이나 오브젝트에 요소들을 지우거나 추가 및 수정하는 작업을진행하였다면, 이번엔 이를 React.js에 접목시켜서 진행해보도록 하겠습니다. 이번 포스팅에서는 이름이랑 전화번호를 입력하고 버튼을 클릭하게 되면 해당 내용이 주소록에 추가되는 것을 진행해보도록 하겠습니다. https://github.com/Haamseongho/React_Study/tree/haams/contact 앞서 진행하였던 코드를 이용하여 진행해보도록 하겠습니다. 이 전 내용을 모르신다면, 확인 후에 다음 URL을 따라 clone이나 fork뜨길 권장합니다. 시작 전에 어떤 방식으로 진행될 것인지 먼저 생각하고 코딩해봅시다. 해야할 것 1. 이름이랑 전화번호를 입력할 틀을 만든다.2. 등록할 버튼을 만든다.3. 이름.. 더보기
Immutability helper 오늘은 페이스북에서 객체나 배열을 더 쉽게 수정하기위해 만든 immutable.js와 이를 spread연산자를 이용하여 다른 방법으로 풀어내는 spread.js를 소개하겠습니다. React.js에서 State값을 변경시킬 때에 setState 함수를 이용하여 변경하였습니다. 이 부분에 배열이나 객체 내의 키를 변경하려 할 때 쉽게 수정하는 방법이 있는데,이를 Immutability helper라 합니다. 설치 npm install --save react-addons-update 사용법import update from 'react-addons-update'; // ES6 var update = require('react-addons-update'); // ES5 with npm 본격적으로 시작 하기에 앞서.. 더보기
Contact * 주소록 심화 * 이번엔 주소록 관련 심화 버전을 진행해보려고 합니다.코드 먼저 보여드리고 하나하나씩 정리하겠습니다. import React from 'react'; import ContactInfo from './ContactInfo'; import ContactDetails from './ContactDetails'; export default class Contact extends React.Component { constructor(props) { super(props); this.state = { keyword: "", // input name ="keyword" 여기서 입력 하는 내용을 (인풋에 쓰는 값 >> state에 값 을 넣기 위함 ) // react-loader >> component가 수정되어서 re.. 더보기
sort / filter를 이용한 검색 소개 주소록 검색 기능 구현 sort 기능 : 배열 요소 내의 데이터들을 오름차순 또는 내림차순으로 정렬하여 뿌려준다. 단어 배열 var fruits = ['apple','banana','cherry']; 다음과 같은 글자로 되어 있는 배열 같은 경우는 unicode로 비교하여 정렬하게 됩니다. 오름 차순 : 배열이름.sort();내림 차순 : 배열이름.sort(); fruits.sort(); 결과 : [apple,banana,cherry] fruits.reverse();결과 : [cherry,banana,apple] 숫자 배열 var numbers = [1,2,3,4,5]; 다음과 같이 숫자로 되어 있는 배열은 sort의 인자로 callback함수를 주어서 정렬해야한다. (es5) function sorti.. 더보기
react-hot-loader 소개 react-hot-loader란? webpack-dev-server를 돌릴 때 서버를 다시 돌릴 필요 없어 변경 사항을 바로 refresh 해주는 역할을 한다. Install npm install --save react-hot-loader How? import React from 'react' import ReactDOM from 'react-dom' import { AppContainer } from 'react-hot-loader' import App from './containers/App' const render = Component => { ReactDOM.render( , document.getElementById('root'), ) } render(App) // Webpack Hot Modu.. 더보기
Map() 소개 Map() 메소드 : 파라미터로 전달된 함수를 통하여 배열 내의 각 요소를 처리해서 그 결과로 새로운 배열을 만들어 내는 것. arr.map( callback , [thisArg] ); callback에 들어갈 수 있는 요소들 currentValue : 현재 처리되고 있는 요소 index : 현재 처리되고 있는 요소의 indexarray : 메소드가 불려진 배열 [thisArg] : (option) callback 함수 내부에서 사용할 this 값 설정 ** ES6 문법 ** Arrow function let a = (a,b,c) => { console.log(a+b+c);} 이런 식의 구조를 앞으로 많이 쓸 것입니다. let a = (a,b,c) 는 ES5에서는 var a = function(a,b,c.. 더보기
반응형

티스토리툴바