본문 바로가기

전체 글32

GraphQL 파헤치기(1) 휴몬랩 개발자 진(JIN)입니다. 휴몬랩의 FlowCoding beta버전은 GraphQL을 도입해서 사용하고 있습니다. GraphQL을 도입하면서 어려웠던 개념들을 풀어서 정리해보려고 합니다. GraphQL은 페이스북에서 개발한 REST보다 효율적이고 강력하고 유연한 대안을 제공하는 새로운 API 표준입니다. GraphQL은 클라이언트가 API에 필요한 데이터를 정확하게 지정해서 요구해서 필요한 데이터만 받을 수 있습니다. 따라서 GraphQL은 질의어(Query Language)로 서버 - 클라이언트 간의 통신 스펙. 즉 '명세서'라는 것입니다. 우리가 DB에 SQL로 쿼리를 날려 필요한 데이터를 가져오거나 DB를 수정, 삭제하는 등 업데이트를 하는 것을 생각하는 것처럼 GraphQL도 마찬가지로 가.. 2020. 2. 7.
소스트리 완벽분해 가이드 (1) 안녕하세요. 휴몬랩 초보 안드로이드 앱 개발자(Ho Park)가 작성하는 초보 안드로이드 앱 개발자를 위한 글 입니다. 이 글은 초보 개발자 기준으로 개인적인 생각과 경험을 바탕으로 작성되었습니다. 이번 글은 개발 협업 시 유용하게 사용되는 SourceTree 에 대한 글 입니다. SourceTree는 윈도우와 MAC 사용자를 위한 GIT 을 그래픽화 시킨 GIT GUI Repository로써 소스관리를 쉽게 도와주며 좀 더 코딩에 집중할 수 있게 만들어주는 프로그램 입니다. 소스트리 이외에도 다양한 프로그램들이 있지만 적은 인원으로 Private하게 무료로 사용할 수 있는 장점이 있습니다. 제일먼저 소스트리를 실행하였을 때 나오는 상단 툴바에 대해서 하나씩 설명하겠습니다. [ 버전 : 3.3.7 기준으.. 2020. 1. 31.
Git으로 협업하기! - forking workflow에서 git flow로 변경한 이유 안녕하세요. 휴몬랩에서 개발과 기타 등등을 하고 있는 오지(OG)입니다 :) 지금까지 개발을 해오면서 git을 사용한 협업 방법에 대해 많은 고민을 해왔는데요, forking workflow를 사용하다가 git flow로 변경하게 된 이유와 두 방식의 차이를 정리해볼까 합니다. 우선 이 글은 git에 대한 기본적인 이해도를 가지고 있다고 생각하고 작성하였습니다. 혹시 나는 git을 처음들어봤다, 혹은 git에 대한 전반적인 지식을 갖고 싶다라고 한다면 이 포스팅을 추천해드립니다. (링크 바로가기) Git으로 협업해야 하는 이유 git은 애초에 협업에 용이하도록 만들어진 버전 관리 방식입니다. 만약 개발팀이 git을 사용하지 않고 협업을 한다면, 아래와 같은 불상사가 벌어질지도 모릅니다. A라는 사람이 로.. 2020. 1. 30.
리액트 atomic design패턴과 스토리북 활용하기(Typescript) 안녕하세요 휴몬 랩의 개발팀의 진(JIN)입니다. 오늘은 리액트를 공부하며 많은 디렉터리 구조와 패턴들이 있는데 그중 atomic design과 DDD(Design Driven Development)라는 디자인 주도 개발환경으로 atomic design을 더 분명하게 해 줄 'storybook'에 대해 알아보겠습니다. Atomic Design 회사에서 사용하는 기존 웹 프로젝트가 atomic design 디렉터리 구조로 되어 있었습니다. 보통 관련도가 높은 파일들로 묶어 페이지별로 디렉터리 구조를 구성하는 편이었는데, atomic design구조는 기본 페이지별로 나누는 것은 같지만 원자(atom) - 분자(molecule) - 유기체(orginism) - 템플릿(template) - 페이지(page)의.. 2020. 1. 16.
카카오 로그인 연동하기 with Kotlin 안녕하세요. 휴몬랩에서 개발하고 있는 오지(OG)입니다. 오늘은 제가 안드로이드 앱을 개발하면서 개발 가이드에서도 설명이나 코드가 부족해 힘들었던ㅠㅠ 부분을 공유해보려 합니다. TL;DR? 안드로이드 앱에 카카오 로그인을 연결할 때는 네이티브로 개발하는 것을 권장합니다. 네이티브로 개발한다는 것은 앱 자체에서 로그인 요청을 실행한 뒤 사용자 정보를 받아온다는 말인데요. 일단 앱에서 연결을 완료한 뒤에 이를 API와 연결하든, 앱 자체에서 그냥 활용하든 알아서 하면 됩니다! 카카오 로그인 관련해선 엄청나게 많은 블로그 글을 쉽게 찾아볼 수 있지만 최신 버전(?)의 코드 그리고 코틀린(kotlin) 코드가 없어서 고생을 좀 했습니다.. 공식 카카오 개발 가이드도 있지만 사실 완전히 친절하진 않습니다. 알고 .. 2020. 1. 10.