밀래의 코딩북

로또 번호를 랜덤으로 생성해주는 프로젝트를 만들기 위해 React 프로젝트를 생성해보도록 하겠습니다. 우선 프로젝트를 생성하기전에 node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전을 설치해야 됩니다. 기본적으로 node를 설치할 때는 node 공식 홈페이지에서 다운로드 후 설치 하곤 합니다. 저는 어플리케이션 마다 node 버전 관리를 하기 위해 nvm을 주로 사용합니다. 이번 프로젝트 생성 포스팅에서는 nvm을 먼저 설치 한 후 React 프로젝트를 생성해 보겠습니다. 1. nvm 및 node 설치하기. (맥 OS) 1-1 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash..

Git Merge와 Rebase의 차이, 아름다운고 깔끔한 Git History 만들기. 0. 서론 그동안 git을 사용하면서 소수의 인원으로 같이 일할때는 push, pull, merge만 사용해도 큰 문제는 없었습니다. git history도 손보지 않아도 될만큼 깔끔 했죠. 하지만 작년 하반기부터 새로운 팀에 합류하면서 8명의 개발자가 하나의 git 저장소를 보며 개발하게 되었습니다. 모두 push, pull, merge만 사용하다보니 git history도 엉망이 되어 가는 것을 볼 수 있었습니다. 그래서 내가 git 기능을 제대로 알지 못하고 간단한 것만 쓰고 있구나 하는 생각이 들었습니다. 그러다 찾아보니 Rebase 기능에 대해 알게 되었습니다. 이 포스팅은 Merge와 Rebase의 차이점..

코딩할때 HashMap을 자주 사용하지만 어떻게 동작 하는지 자세히 알지 못하는 것 같아 정리 해보려고 합니다. 내부적으로 어떻게 동작하는지 살펴보겠습니다. 1. HashMap 사용 방법 Key와 값으로 데이터를 관리하며 키를 이용하여 데이터를 추출 할 수 있습니다. HashMap의 개체생성시에 key와 value의 Type을 선언하며 put 매서드로 객체를 삽입, get 매서드로 객체를 추출합니다. // HashMap 생성 Map map = new HashMap(); // HashMap 데이터 삽입 map.put("펭수", 1); // HashMap 데이터 추출 map.get("펭수") 2. HashMap의 저장방법 HashMap읜 Key, Value를 각각 저장하는 것이 아닌 Entry(Node) C..

백준 1644 문제 정리 글입니다. (최적화된 답은 아니니 참고만 하시기 바랍니다.) 백준 1644문제 소수의 연속함 해당 문제를 풀기 위해서는 두개 단계를 고려 해야 한다. 1. 소수 구하기. 2. 소수의 연속 합으로 주어진 정수를 구할 수 있는지 판단하기. 1. 소수 구하기 소수를 구하기 위해서는 에라토스테네스의 체를 이용하면 된다. 자세한 알고리즘은 아래 글에서 확인 https://firework-ham.tistory.com/8 [JAVA] 소수 구하는 알고리즘 : 에라토스테네스의 체 소수 구하는 알고리즘으로 유명한 에라토스테네스의 체입니다. 고대 그리스의 수학자 에라토스테네스가 만들어 낸 소수를 찾는 방법으로 코딩 알고리즘에서 소수를 구할 때도 이 방법을 사용합니다. 0. 에라토스테.. firew..

소수 구하는 알고리즘으로 유명한 에라토스테네스의 체입니다. 고대 그리스의 수학자 에라토스테네스가 만들어 낸 소수를 찾는 방법으로 코딩 알고리즘에서 소수를 구할 때도 이 방법을 사용합니다. 0. 에라토스테네스의 체를 이해하기. 에라토스테네스의 체는 정말 간단한 알고리즘 입니다. "소수가 되는 수의 배수를 지우면 남은 건 소수가 된다"라고 생각하는 알고리즘입니다. 소수가 무엇인지 찾을 필요가 없으며 2부터 자기 자신을 제외한 배수가 되는 것을 지우면 됩니다. 아래는 위키백과에서 나온 에라토스테네스를 구하는 방법으로 이해하기 쉽습니다. 1. 2부터 소수를 구하고자 하는 구간의 모든 수를 나열한다. 2. 소수가 되는 수의 배수를 지우면 남은 건은 소수만 된다 자기 자신을 제외한 2의 배수를 모두 지운다. 남아 ..

EasticSearch에 가장 기본이 된다고 생각하는 3가지에 대해서 한번 정리해보려고 합니다. 본 포스팅은 7.x 버전 이후의 EasticSearch를 기준으로 하고 있습니다. 읽기 쉽게 지금부터는 한글로 일라스틱 서치로 작성하겠습니다. 0. 정리 3가지 요소를 간단히 이야기하자면 아래와 같습니다. Index ( 인덱스 ) : Table Shard ( 샤드 ) : 분산 저장소 Replica ( 복제본 ) : Shard의 복제본 1. 개념 정리 1-1 Index 란? 인덱스(Index)는 테이블 입니다. 6.X 이하 버전에서 인덱스는 데이터베이스로 타입(Type)은 테이블로 설명되었습니다. 하지만 타입을 관리하는 구조에 문제가 있어 7.X 이상부터 인덱스당 타입을 1개로 고정시켰습니다. 또한 이후 버전에..

안녕하세요. 전자공학을 전공했지만 소프트웨어가 좋아 개발자로 일하는 밀래입니다. 2013년 부터 개발자로 일하기 시작하여 현재 8년차 개발자가 되었습니다. 그 동안 여러가지 경험은 있었지만 경험을 글로 남기지 못했다는 생각이 많이 들었습니다. 앞으로 더욱 공부하기 위해 블로그에 공부 내용을 정리 하려고 합니다. 현재 회사에서는 백엔드, 프론트엔드 개발자로 일하고 있으며 서버 관리 또는 DevOps 일도 조금씩 하고 있습니다. 여러면에서 포스팅을 남기려고 하고 있습니다. 혹시 포스팅에 잘못된 내용이나 수정이 필요한 내용을 보신다면 언제든지 댓글 또는 메일 환영합니다. 감사합니다. 메일 : voguebloom@naver.com

React란 페이스북에서 만든 자바스크립트 기반 라이브러리 입니다. React 공식 홈페이지에서는 아래와 같이 소개 하고 있습니다. A JavaScript Libarary for building user interfaces 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리. React는 라이브러리 이다. 흔히 비교 대상이 되는 Angular는 프레임워크라 하지만 React는 라이브러리이다. 두개는 어떤 차이가 있을까? 간단히 설명하면 유저 인터페이스를 만들기 위해 모든 기능을 포함하지 않은 라이브러리는 React이고 모든 기능을 포함하고 있는 프레임워크는 Angular라고 생각하면 됩니다. React가 라이브러리라 불리우지만 걱정하지 않아도 됩니다. Raact를 프레임워크 급으로 만들어줄 여러가지 방..

HTTPS란? HTTPS(HyperText Transfer Protocol over Secure Soket Layer) HTTP의 보안이 강화된 버전으로 통신의 인증과 암호화를 위해 개발되었다. 일반 텍스트를 이용하는 대신 SSL이나 TLS 프로토콜을 통해 세션 데이터를 암호화 한다. HTTPS의 기본포트는 443이다. TLS 란? TLS (Transport Layer Security) 전송 계층 보안 ( 과거 명칭이 SSL (Secure Sockets Layer)) 컴퓨터 네트워크 통신 보안을 제공하기 위해 설계된 암호 규약. SSL 3.0이 TLS 1.0의 기반이 되었다. HTTPS 양방향? 단방향? SSL에는 양방향 인증 / 단방향 인증이 있다. WEB서버에만 서버의 인증서가 존재해서 웹브라우저를 ..

프로젝트를 시작하기 전 가장 먼저해야할 일은 소스코드를 관리하기 위한 Git 설치이다. 코드 관리의 중요성은 코드를 작성하는 사람이라면 누구든 알듯이.. Ubuntu 16.04에 Git을 설치해보자. 17년 2월 12일 기준으로 현재 Ubuntu 16.04에는 git 2.11.0 버전을 설치할 수 있다. repository를 업데이트 하지 않으면 2.7.0 버전이 설치되니 꼭 업데이트 후 설치하길 바란다. 0. Ubuntu 초기 상태 - 만약 서버를 설치하고 초기라면 아래 명령어를 통해 PPA를 사용할 수 있도록 설치해주자. BASH sudo apt-get install python-software-properties sudo apt-get install software-properties-common ..