본문 바로가기

전체 글

구글 스토어에 등록하는 방법 안녕하세요! 오늘은 구글 스토어에 등록하기 위해 안드로이드 스튜디오에서는 무엇을 해야하는지에 대해서 집고 넘어가려 합니다. 우선 구글 스토어 등록에 관한 포스팅입니다. 다음을 참조하여 구글 스토어에 등록을 하면 됩니다.(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.. 더보기
반응형

티스토리툴바