Fall in IT.

Git Alias 개념 및 사용법 (Git 단축키 설정 방법) 개념 cmd에서 git을 사용하지 않고 git client를 사용하는 이유는 여러가지가 있겠지만, 그중에서 branch 흐름을 한눈에 쉽게 파악할 수 있기 때문입니다. cmd에서 git log 명령어를 통해 확인하긴 어렵기 떄문에 다양한 옵션을 추가하여 확인합니다. $ git log --graph --abbrev-commit --decorate --format=format:'%C(cyan)%h%C(reset) - %C(green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(yellow)%d%C(reset)' --all매번 위와 같이 긴 명령어를 사용할 수 없기 떄문에 g..

IT 인프라란? 애플리케이션을 가동시키기 위해 필요한 하드웨어나 OS, 미들웨어, 네트워크 등 시스템의 기반을 말합니다. 시스템 요구사항이라고하면 두 가지로 정리할 수 있습니다. 기능적 요구사항 어떤 기능을 하는지, 무엇을 할 수 있는지 비기능적 요구사항 시스템의 성능, 안정성, 확장성, 보안 등 IT 인프라는 이런 비기능적인 요구사항과 관련이 있습니다. 개발자에게 인프라 지식이 필요한 이유 예전에는 데이터센터나 서버실에 서버를 직접 두고 관리하던 On-premise 방식이었기 때문에 물리적 서버를 담당하는 엔지니어가 따로 존재했습니다. 그러나, 최근에는 On-premise방식에서 Cloud 방식으로 넘어오게 되면서 개발자가 배포나 테스트 등을 직접 할 수 있게 되었고 이로 인해서 인프라 관련 지식이 필..

안녕하세요. 오늘은 html Input 태그 type password, tel 두 가지 사용하는 방법에 대해서 알아보겠습니다. 상황에 따라서 input 태그의 타입을 password와 tel(또는 number)과 같이 두 가지를 사용하고 싶을때가 있다.예를들어, 주민등록번호 뒷자리를 입력받는다고 할때 password가 노출되지 않도록 하면서 사용자에게 숫자 키패드를 보여주고 싶은 경우가 있다. 이때, 해결할 수 있는 방법은 여러가지가 있다. input 태그를 2개 만들어서 처리하는 방법 -webkit-text-security 속성을 사용하여 처리하는 방법 이 글에서는 -webkit-text-security 속성을 사용하여 해결 해보도록 하겠습니다. input 태그에서 type을 password와 tel ..

안녕하세요. 오늘은 숫자와 숫자 사이의 랜덤 정수를 뽑는 방법에 대해서 알아보겠습니다. 사용 라이브러리Math.random() 사용 방법 1부터 10까지 랜덤 정수를 뽑기 위해선 min에 1, max에 10을 입력하면 됩니다. (1과 10도 포함) 주의사항Math.round() 올림 함수를 사용할 경우 고르지 않은 분포가 나오니, 반드시 floor() 내림 함수를 사용해야 합니다. 참조https://stackoverflow.com/questions/4959975/generate-random-number-between-two-numbers-in-javascripthttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Mat..

안녕하세요. 오늘은 react-native에서 간단하게 레이아웃 잡는 방법에 대해서 알아보도록 하겠습니다. react native layout 잡는법고정 크기의 영역 잡기다이나믹하기 변경되는 영역 잡기 (보통 많이 사용 됨)justifyContent 사용하기alignItems 사용하기 1. 고정 크기의 영역 잡는 방법 # fixed dimensions 2. 다이나믹하기 변경되는 영역 잡기 (보통 많이 사용 됨) - 기본적으로 flex에서 flexDirection은 column이 적용 된다.- 가로로 영역을 나누고 싶으면 flexDirection 값을 row를 사용하면 된다. # flex dimensions 3. justifyContent 사용하기 - 정렬 보조속성으로 flexDirection의 값에 영향..

안녕하세요. 오늘은 window.opener에 대해서 알아보도록 하겠습니다.샘플 코드는 여기에서 확인해주시기 바랍니다. window.opener이란?윈도우 A에서 window.open()을 통해 윈도우 B를 열었다면, window.opner를 통해 윈도우 B에서 윈도우 A를 제어할 수 있다. Sample Code // index.js (윈도우 A) window.onload = () => { setEventHandler(); main(); } function setEventHandler() { // 윈도우 B 열기 버튼 document.getElementById("window-open-button").onclick = () => { window.open("window-b.html", "_blank", 'w..

안녕하세요. 오늘은 자바스크립트의 every 메소드에 대해서 알아보도록 하겠습니다. every 메소드자바스크립트에서 Array객체의 멤버함수 입니다.배열 안의 모든 멤버(즉, item)들이 지정한 테스트의 통과여부를 확인할때 사용합니다. 예제아래 예제는 짝수와 홀수가 함께 존재하는 a 배열, 짝수만 존재하는 b 배열을 sample data로 활용합니다.every 함수를 사용하여 배열의 원소들이 짝수로만 이루어진 배열인지 확인하는 예제입니다. 참조https://msdn.microsoft.com/ko-kr/library/ff679981(v=vs.94).aspx 모두 즐거운 코딩하세요~

interface IPerson{ name: string; age: number; gender: string;} /** * 인터페이스의 모든 프로퍼티를 optional하게 변경한다. */type PartialPerson = Partial;const partialPerson: PartialPerson ={ gender: "male" // optional} /** * 인터페이스의 모든 프로퍼티를 required하게 변경한다. */type RequiredPerson = Required;const requiredPerson: RequiredPerson = { name: "Jade", // required age: 29, // required gender: "male" // required} /** * 인터페이스..

안녕하세요. 오늘은 Typescript뿐만 아니라 정적타입 언어에서 자주 사용되는 Generic에 대해서 알아보도록 하겠습니다. Generic이란? Generic은 어떤 클래스 혹은 함수에서 사용할 타입을 그 함수나 클래스를 사용할 때 결정하는 프로그래밍 기법을 말한다. 기본적으로 Java와 같은 정적 타입의 언어는 클래스 또는 함수를 선언하는 시점에서 매개변수 또는 리턴 타입을 지정해야 한다.이때, Generic을 사용하면 범용적인 매개변수 또는 리턴타입을 지정할 수 있다. Javascript에서는 Generic이 없는 이유 Javascript는 원래 타입 선언이 필요하지 않고, 런타임 시점에 에러가 발생하기 때문에 Generic이 필요하지 않다. Generic을 사용하는 이유 Stack 자료구조 예제..

안녕하세요. 오늘은 안드로이드 개발할때 앱 원격으로 배포 및 디버깅 하는 방법에 대해서 알아보도록 하겠습니다. 사실 구형 맥북을 사용하다가 신형 맥북을 사용하여 개발하니 USB-C 타입 포트 밖에 없어서 개발하는데 불편함을 겪었습니다.신형에서 개발하고 구형에서 USB를 꼽고 빌드하고..(반복.. 노가다..) (USB-C 타입 노트북 사용하시는 분들 모바일 기기에 빌드할때 어떻게 하시는지 알려주세요.. 저의 경우 타입 변경해주는 허브 썼다가 빌드가 안돼서.. ^^;) 그래서, 케이블이 없는 상황에서 신형 맥북으로 개발하고 바로 디바이스에 돌려볼 수 없을까.. 고민하다가같은 와이파이(같은 대역 사설 네트워크)에 붙어있는 상황에서 원격으로 앱을 배포 및 디버깅 하는 방법을 찾게 되었습니다. 준비할 사항모바일 ..