Fall in IT.

안녕하세요. 오늘은 React Native에 TypeScript를 설정하는 방법에 대해서 알아보도록 하겠습니다. React Native TypeScript 설정방법 1. 프로젝트 생성 $ react-native init [project name] 2. 프로젝트 진입 $ cd [project name] 3. 타입스크립트 및 필요한 모듈 추가 $ yarn add --dev typescript $ yarn add --dev react-native-typescript-transformer $ yarn tsc --init --pretty --jsx react $ yarn add --dev @types/react @types/react-native // tsconfig.json에서 "allowSyntheticDef..

안녕하세요. 오늘은 명시적 바인딩(Explict Binding)을 사용할때 반드시 알아야할 세가지 함수 call, apply, bind에 대하여 알아보겠습니다."도대체 왜 함수를 그냥 호출하면 될 것을.. 요상한(?) 함수들을 사용하여 호출하는 걸까?"라는 의문을 가지시는 분들이 있으실 것 같습니다. 간단하게 Function.prototyope.call, Function.prototype.bind, Function.prototype.apply 세가지 함수들은, 어떤 함수안에서 사용되는 this의 값이 어떤 값이 사용되야하는지 명확할때 사용하는 방식입니다.100번 말하는 것 보다 직접 코드를 보고, 실행해보는게 효과적이라고 생각하기 때문에 예제를 보도록 하겠습니다. call, apply, bind 사용하여..

안녕하세요. 오늘은 여러대의 컴퓨터에서 Xcode로 앱개발을 하기위해서는 인증서(개인키)를 등록하는 방법에 대해서 알아보도록 하겠습니다.인증서 등록을 하지않고 빌드할 경우, debug 모드는 가능하지만 release 모드는 에러가 발생합니다. 1. 기존에 사용하던 컴퓨터에서2. 키체인 접근 프로그램을 실행합니다.3. 로그인 > 인증서에 총 3가지 인증서를 .p12 파일로 내보내기 합니다. - Apple Worldwide Developer Realations Certification Authority - iPhone Developer : [사용자이름] (고유번호) - iPhone Distribution : [사용자이름] (고유번호) 4. .p12 파일을 만들때 비밀번호를 설정합니다.5. 새롭게 settin..

자바스크립트에서는 반복적으로 계산되는 함수는 메모이제이션 패턴을 사용하여 구현합니다. 계산 결과를 저장해 놓아 이후에 다시 계산할 필요없이 사용가능하도록 저장해놓은 캐싱과 같은 기능 메모이제이션이라고 합니다. 아래에서 피보나치수열로 예를들어보도록 하겠습니다. 피보나치수열은 0, 1, 1, 2, 3, 5, 8, 13, 21, ... 으로 나타나는 수열입니다. 일반코드 #1function fibonacci(n) { if (n 결과: 일반코드 #2 : 삼항연산자를 사용하여 코드 정리 function fibonacci(n) { return n < 2 ? n :..

안녕하세요. 웹 작업을 하거나 하이브리드앱을 만들때 checkbox 또는 radio 버튼을 커스터마이징 해야하는 경우가 많습니다.이때 간단하게 checkbox 디자인을 변경하는 방법에 대해서 알아봅니다. 체크박스 custom 디자인 순서HTML을 사용하여 기본 체크박스 만들기CSS를 사용하여 기본 체크박스 없애기CSS를 사용하여 디자인한 체크박스 만들기 체크박스 만들기 HTML구독신청 체크박스 만들기 CSS.checkbox-container {position: relative;} // 기본 체크박스 없애기.checkbox-container input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;ove..

안녕하세요. 오늘은 리눅스(ubuntu)에서 sudo 권한을 사용할때마다 패스워드를 입력해야하는 번거로움을 제거하는 방법에 대해서 알아보도록 하겠습니다. fabric을 통해 AWS 서버를 관리 및 배포 하려는 과정에서 git, npm 등 여러가지 명령어를 사용하는데 sudo 권한이 필요합니다.sudo 권한을 사용할때마다 패스워드를 입력해야한다면.. 배포하는데 매우 불편하기 때문에 패스워드 입력없이 sudo 권한을 사용할수있도록 설정을 변경해보도록 하겠습니다. 리눅스(ubuntu)에서 sudo 패스워드 없이 사용하는법/etc/sudoers 파일 맨아래에 다음 내용을 추가합니다. - (사용자명) ALL=NOPASSWD: ALL또는 echo 명령어를 사용하여 추가할 수 있습니다. - echo '(사용자명) A..

리눅스 시간 UTC에서 KST로 변경하는 방법 1. date 명령어를 사용하여 설정된 표준시를 확인 2. 심볼릭 링크를 사용하여 local 시간대를 한국표준시로 변경 모두 즐거운 코딩하세요~

안녕하세요. 오늘은 자바스크립트에서 최대값과 최소값을 구하는 방법에 대해서 알아보도록 하겠습니다. 3개의 변수 중 최대값/최소값을 구하려고 할때간단하게 Math.max() 또는 Math.min() 함수를 사용하여 최대값과 최소값을 구할 수 있습니다.숫자 배열에서 최대값/최소값을 구하려고 할때for문을 돌면서 가장 큰수 또는 작은수를 비교하면서 구하는 방법 등 여러가지 방법이 있습니다.하지만, 배열의 길이가 길어질수록 퍼포먼스는 떨어지게 되고 불필요한 변수를 만들어야 하는 단점이 있습니다.Function.prototype.apply(), Array.reduce(), spread operator 를 사용하면 간단하게 해결할 수 있습니다. (spread operator의 경우 ES2015에서 추가된 기능으로 ..

안녕하세요. 오늘은 ES8 스펙인 Async/Await에 대해서 알아보도록 하겠습니다. 특히, 콜백 지옥을 벗어나게 해주는 Promise와 어떤 차이가 있고 Async/Await이 더 좋은 이유에 대해서 알아보겠습니다. Async / Await 이란?callback이나 promise와 같이 비동키 코드를 작성하는 새로운 방법입니다.Java와 같이 동기적으로 코딩할 수 있습니다. (동기적 코딩이란, 위에서 아래 흐름대로 순차적으로 진행된다는 말이다.) Promise를 이용한 비동기요청 처리 방법예를들어, 사용자 정보를 받아오는 getUsers() 메소드가 있다고 가정해보자.getUsers() 메소드는 promise 객체를 리턴하고, JSON 객체가 resolve된다.getUsers() 메소드를 사용하기 위..

1. for of - String을 순회할때 사용해도 좋다. "ASDF"를 for of로 돌릴 경우 "A", "B" ... 가 순회 된다. 2. startWith, endWith - 메소드를 사용하여 시작 문자열, 끝문자열을 매칭해볼 수 있다. 3. include - 메소드를 사용하여 문자열 포함 여부를 확인할 수 있다. - a = "dylee"; a.includes("dy"); // true 4. const - ES6에서는 const를 기본으로 사용하고, 변경이 필요한 변수에만 let을 사용하는 것을 추천한다. - const 변수는 immutable 하다. 하지만, 값에 대한 immutable은 아님! - 즉, Object, Array(사실 object임)의 경우 해당 값이 추가되거나 삭제되는 것은 가..