티스토리

휴몬랩 기술블로그

검색하기

블로그 홈

휴몬랩 기술블로그

devlog-h.tistory.com/m

휴몬이 님의 블로그입니다.

구독자: 9

방명록 방문하기

주요 글 목록

Typescript에서 Redux를 사용해보자 안녕하세요 휴몬랩 초보 개발자 차암새입니다. 이번 시간에는 Typescript 환경에서 Redux를 사용해보겠습니다. Redux는 React 상에서 state관리가 힘들 수 있는 부분을 보완하기 위해 만들어졌습니다. ※혹시라도 Redux에 대한 개념이 부족하신 분은 devlog-h.tistory.com/26를 참고해주세요 이 튜토리얼에서는 TODO리스트를 만들지만 기존의 다른 예제들과는 조금 다른 방식으로 만들어 볼 예정입니다. 바로 'typesafe-actions' 패키지를 활용한 방법입니다! 기존의 redux-saga 등을 활용하는 방식은 사용하다 보면 불편한 점이 많아 이 패키지를 이용하시는 것 또한 추천드립니다. 그럼 시작해보겠습니다. github.com/piotrwitek/typesafe-act.. 공감수 2 댓글수 0 2020. 11. 6.
안드로이드에 Material Design 적용하기 안녕하세요 왕초보 개발자 아보카도🥑입니다. 오늘은 안드로이드에 쉽고 예쁜 Material Design을 적용하는 방법을 알아보겠습니다. 구글의 Material Design은 디자인, 기능 등의 모범 사례를 제공하고 쉽고 빠른 빌드를 도와줍니다. 이제는 없으면 허전해요 ! 저는 앱 어플리케이션을 Flutter로 처음 접했는데요. 기능이나 디자인을 적용할 때 어떤 것을 적용해야 할지도 모르고 검색할 키워드도 몰랐을 때 Material Design 사이트를 보면서 배웠습니다. 기본적인 것들은 나와있으니 참고하면서 공부·개발하면 도움이 될 것 같아요. 자주 보는 카카오톡 로그인 페이지를 Material Design으로 따라해볼게요 👇 (수직으로 정렬되어 있어서 Linear Layout으로 진행했습니다) Depe.. 공감수 5 댓글수 0 2020. 11. 1.
휴몬랩 iOS 개발자 채용 지원은 아래의 링크에서! (20.11.13일 모집 마감) ↓↓↓ https://www.rocketpunch.com/jobs/82427 공감수 0 댓글수 0 2020. 10. 27.
휴몬랩 UI/UX 디자이너 채용 지원은 아래의 링크에서! (20.11.13일 모집 마감) ↓↓↓ https://www.rocketpunch.com/jobs/82415 공감수 1 댓글수 0 2020. 10. 27.
JetPack의 Navigation을 사용해보자 안녕하세요 진짜 초보개발자 아보카도🥑입니다. 오늘은 간단한 예제와 함께 JetPack의 Navigation을 알아보겠습니다. 저는 처음에 공부할 때 intent와 transaction으로만 화면 이동을 했었는데, 레이아웃이 복잡해질수록 코드도 꼬이고 불편했습니다. 쉽게 쉽게 하고싶지만 모든 앱이 그렇게 간단하지 않다는 것 .. ! 이제는 쓰지 않으면 불편한 navigation 기능을 예제와 함께 볼게요 네비게이션으로 연결한 예제 위에서 언급한 Android JetPack은 훌륭한 안드로이드 앱을 만들기 위한 컴포넌트, 도구, 안내서의 세트입니다. 특히 아키텍쳐 부분을 하나씩 공부해보면 좋을 것 같아요. 네비게이션은 총 세가지 파트로 나눕니다 1. Navigation graph (New XML Resour.. 공감수 6 댓글수 0 2020. 10. 19.
안드로이드 Constraint Layout, Linear Layout 어떤걸 써야할까? 안녕하세요 초보개발자 아보카도🥑입니다. 안드로이드를 처음 접하게 되면 레이아웃을 빼놓을 수 없는데요, 오늘은 그 중에서도 많이 쓰이는 Constraint Layout과 Linear Layout을 알아보겠습니다. 어떤 사람은 Linear Layout을 쓰기도 하고 어떤 사람은 섞어서 쓰기도 하고.. 저도 처음엔 많이 헷갈렸는데요. 이번에 정리를 통해 다시 한번 더 보려고 합니다. Linear Layout Linear Layout은 두가지 방향으로 되어 있고 "어느" 방향으로 뷰 층을 쌓을 것인지가 중요합니다. 기본 설정은 Horizontal(가로)로 되어 있으며 Vertical(세로)로 변경하는 설정을 해줘야 합니다. (horizontal로 해도 코드 추가해주세요 !) Linear Layout은 복잡하지 .. 공감수 5 댓글수 0 2020. 10. 11.
MongoDB? Mongoose로 편하게 사용하자! 안녕하세요 :D 휴몬랩 초보개발자 참새입니다 :> NoSQL 데이터베이스로 분류되는 MongoDB는 가장 유명한! NoSQL데이터베이스 시스템입니다. 그렇다면 Mongoose는 무엇일까요? Mongoose는 Node.js와 MongoDB를 연결해주는 ODM입니다! **ODM(Object Document Mapping) : 객체와 문서를 1대1로 매칭하는 역할 MongoDB의 ODM은 다양하지만 Mongoose가 가장 유명합니다. 자! 그럼 지금부터 Mongoose를 파해쳐보겠습니다. 패키지 설치 npm install mongoose --save yarn add mongoose 위와 같이 노드 패키지 매니저 npm 혹은 yarn을 통해 설치할 수 있습니다!! MongoDB 연결하기 1) require을 이.. 공감수 6 댓글수 1 2020. 10. 9.
React에서 Redux가 왜 필요할까? 안녕하세요! 휴몬랩 초보 개발자 수달입니다. :) 리액트를 이용한 웹을 개발하다 보면, State 관리에서 빈번한 오류 발생과 현재의 값 확인이 매우 복잡한 경우가 존재합니다. props와 state를 사용하여 값이 이리저리 바뀌는 것을 보다가 흐름을 놓치게 되면 개발하던 컴퓨터를 덮은 채로 눕고 싶은 생각이 들곤 할겁니다. (저만 그랬나요?) ㅎㅎ; 이렇듯 복잡하고 흐름을 따라가기 힘든 state 관리에 Redux라는 라이브러리를 사용하라는 선배 개발자들의 많은 포스트들이 존재합니다. 하지만 더 좋으면서도 "어렵다" 라는 이야기를 항상 빼놓지 않는데요..! 그럼 우리는 어려운 Redux를 왜 사용해야 할까요? 그리고 왜 Redux가 편리한 도구라고 표현하는 것일까요?? 오늘은 "어렵다"라는 말과 "편리.. 공감수 12 댓글수 3 2020. 10. 4.
Android Studio의 기본 Directory & Hello, World 예제 안녕하세요~! 개발새발 개발자 수달입니다. :) 지금까지 안드로이드App의 기본적 이해와 Activity, Fragment의 수명주기에 대하여 알아보았는데요, https://devlog-h.tistory.com/23 [Android] Application과 기본요소! 안녕하세요 :) 개발새발 초보 프로그래머 수달입니다. Android Studio를 이용하여 애플리케이션을 개발하기에 앞서, - 대체 이 Application은 무엇인지! - 무엇으로 구성되어 있는지! - 어떻게 구성해야 � devlog-h.tistory.com https://devlog-h.tistory.com/24 Activity와 Fragment의 수명주기에 대해 알아보자! 안녕하세요~! 개발새발 개발자 수달입니다 :) 저번 게시물에서 .. 공감수 2 댓글수 0 2020. 7. 8.
Activity와 Fragment의 수명주기에 대해 알아보자! 안녕하세요~! 개발새발 개발자 수달입니다 :) 저번 게시물에서 안드로이드 앱의 기본 요소에 대해 알아보았는데요~ https://devlog-h.tistory.com/23 [Android] Application과 기본요소! 안녕하세요 :) 개발새발 초보 프로그래머 수달입니다. Android Studio를 이용하여 애플리케이션을 개발하기에 앞서, - 대체 이 Application은 무엇인지! - 무엇으로 구성되어 있는지! - 어떻게 구성해야 � devlog-h.tistory.com 오늘은 그 중에서도 Activity와 관련된 내용들에 대해서 조금 더 살펴보고자 합니다 :) 그 내용은 바로바로~~~~~~ Activity와 Fragment! 그럼 오늘도 힘차게 알아봅시다! 빠샤! 1. Activity 저번 게시.. 공감수 0 댓글수 0 2020. 7. 2.
[Android] Application과 기본요소! 안녕하세요 :) 개발새발 초보 프로그래머 수달입니다. Android Studio를 이용하여 애플리케이션을 개발하기에 앞서, - 대체 이 Application은 무엇인지! - 무엇으로 구성되어 있는지! - 어떻게 구성해야 하는지! 차근차근 알아보도록 하겠습니다~! 그럼 레쓰고우! 1. Android Application이란 무엇인가? Android앱은 Kotlin, Java, C++과 같은 개발 언어를 사용하여 제작한 하나의 아카이브 파일입니다. "아카이브가 뭔데..?" 아카이브(archive)는 역사적 가치 혹은 장기 보존의 가치를 가진 기록이나 문서들의 컬렉션을 의미하며, 동시에 이러한 기록이나 문서들을 보관하는 장소, 시설, 기관 등을 의미한다. 아카이브 - 위키백과, 우리 모두의 백과사전 위키백과,.. 공감수 2 댓글수 0 2020. 6. 30.
Kotlin 카메라 & 갤러리 사진 처리하기2 + CROP (Old Camera1 Ver.) 안녕하세요 휴몬랩 쌩초보 개발자 호박입니다. 글 쓰기에 앞서 초보의 입장에서 직접 테스트해본 코드를 올리는거라 더 좋은 방법이 있을 수 도 있으며 코드는 정상적으로 작동을 해도 이 코드가 비효율적일 수도 있으니 이 점 유의해주세요~~ :) (이런것까지 다 알면 더 이상 초보가 아니겠죠?ㅠㅠ) 이전 글 에는 카메라와 앨범을 따로 작업했었는데요, 따로 쓰는 경우도 있지만 만약 하나의 버튼으로 카메라와 갤러리를 둘 다 사용하고 싶다면 어찌해야할까요?! 네..합치면 됩니다. 그리고 추가적으로 CROP 기능까지 달아보고 끝내는걸로 하겠습니다 :) 제일 먼저 카메라와 갤러리를 함께 불러오는 것부터 해보겠습니다. 저는 카메라 여는 메소드에 갤러리를 추가해보았습니다. private fun dispatchTakePict.. 공감수 1 댓글수 5 2020. 6. 12.
Kotlin 카메라 & 갤러리 사진 처리하기1 (Old Camera1 Ver.) 안녕하세요 휴몬랩 쌩초보 안드로이드 개발자 호박입니다. 오랜만에 글을 올리게 되었는데 이번에는 Kotlin에서 어떻게 카메라를 사용할 수 있는지에 대해 올리고자 합니다. 처음 핸드폰이 나올땐 카메라는 그저 거둘뿐..이라는 mind 였던거 아시나요? 하지만 시간이 지남에따라 사람들은 카메라에 더 관심을 가지게 되었고 이제는 카메라의 성능이 최우선으로 되는 상태까지 이르렀죠! 이렇게 카메라의 인기도가 높아지면서 더 많은 관심이 생겨나고 카메라의 개발또한 많이 이루어졌습니다. 그렇게해서 지금은 Camera1은 Deprecated 되었고 Camera2 API 까지 나오게 되었지만 이번 글에서는 Old Version의 Camera1에 대해서 알아볼까 합니다. - 간단하게 두 API의 큰 차이점은? Camera1 .. 공감수 3 댓글수 1 2020. 6. 11.
Material UI 활용기 안녕하세요. 휴몬랩 개발자 진(JIN)입니다:) Material UI는 많이 쓰이는 React UI 컴포넌트 라이브러리 중 탑 3안에 계속 들어가는 라이브러리입니다. 저희도 Material UI를 역시 적극 활용해서 개발하고 있습니다. Material UI를 이용해 컴포넌트를 커스텀해서 재사용한 컴포넌트를 만들어 놓아 빠르게 UI 구현을 할 수 있다는 점에서 좋았습니다. 패키지 설치 npm i @material-ui/core Material UI는 core , utils , icons 같은 여러 개의 패키지들이 있는데 그중 핵심적인? 컴포넌트들을 제공하는 core를 설치하겠습니다. 그리고 core의 컴포넌트를 몇 가지 알아보겠습니다. 기타 여러 가지 컴포넌트는 도큐먼트를 참조하시면 더 다양한 UI 컴포넌.. 공감수 4 댓글수 0 2020. 5. 8.
기업 노션 활용 팁 - 스타트업 노션(Notion) 도입기 / 노션으로 업무 관리 안녕하세요. 휴몬랩입니다. 이전까지 자체 시놀로지 서버, 각종 MS 문서 툴(워드, 엑셀, PPT 등)을 섞어서 활용해 업무 내용 공유가 어려웠는데, 2020년 2월을 기점으로 노션(Notion)을 적용해 이제는 모든 업무 공유, 업무 분장, OKR, CRM, Jira 관리를 노션으로 하고 있습니다. 2월부터 4월 말까지 3개월 간 적용한 경험을 정리하여 공유해볼까 합니다. 운영(휴가, 비품, 간식 신청, 사내 교육 등) 등 전사적으로 노션을 활용하고 있지만, 오늘 글에서는 업무 관리 측면에서 어떻게 노션을 활용하고 있는지 공유해보겠습니다. *사내에서 현재 사용하고 있는 기록들을 공유하기 때문에 일부 모자이크 처리 하였습니다. 노션으로 똑똑하게 업무 관리하기 0. 전체 구조 살펴보기 사내에서 사용하고 있.. 공감수 75 댓글수 132 2020. 5. 1.
GraphQL 파헤치기2 - GraphQL client처리 안녕하세요 휴몬랩 프론트엔드 개발자 진(JIN)입니다. 글이 좀 늦어졌지만 GraphQL을 좀 더 알아보도록 하겠습니다! GraphQL을 사용하는 이유! RESTful 하던 기존의 HTTP 통신 방법과의 차이를 알아봤습니다. 그렇다면 이번에는 간단한 통신 방법을 알아보겠습니다. 이번에는 apollo라는 플랫폼을 사용하겠습니다. apollo는 GraphQL과 호환되는 상태 관리 플랫폼이고 GraphQL로 만들어진 API를 호출하기 위해 사용되는 라이브러리라고 보시면 좋겠습니다. 프론트엔드 개발자로 들어간 JIN... 회사에서 GraphQL로 만들어진 API 명세서가 있었습니다. 백엔드 개발자 분이 피 땀 흘려 만든 API에서 데이터를 받아 사용자에게 유용한 interactive 한 react 웹을 만들어야.. 공감수 1 댓글수 0 2020. 4. 24.
Kotlin 안드로이드의 꽃, 애니메이션 Lottie 사용법! 안녕하세요 휴몬랩 왕초보 개발자 호팍 입니다. 안드로이드에서 애니메이션 활용방법은 여러가지가 있지만 그 중에 가장 쉽고 멋진 애니메이션을 적용 시키는 방법 중에 하나인 Lottie Library 사용법에 대해 알아볼까 합니다. Lottie는 Airbnb에서 제공하고있는 Library로써 아주 멋진 애니메이션을 간단하고 쉽게 적용시킬시 있습니다. 자신이 직접 애니메이션을 만들어서 적용시킬 수 있으며 LOTTIE에서 제공하는 1000개가 넘는 JSON 파일 형태의 애니메이션을 가져다 사용할 수 있습니다. 물론 무료로도 이용이 가능합니다~~ 1. Lottie를 시작하기에 앞서 애니메이션 파일을 준비해 볼까요? https://lottiefiles.com/ 에 가셔서 간단한 회원가입을 거치면 무료로 받을 수 있는.. 공감수 2 댓글수 1 2020. 4. 21.
Node.js AWS EC2 배포 (nginx, PM2, Letsencrypt 사용) 안녕하세요. 휴몬랩에서 개발하는 OG입니당 :-) 최근 Node.js 프로젝트를 AWS EC2로 배포하였는데, 오늘은 그 과정을 공유해볼까합니다. Node AWS Hosting 이라고 구글링을 하면 보통 AWS EB (AWS Elastic Beanstalk)을 이용한 배포 방법이 나옵니다. 하지만 Elastic Beanstalk을 이용한 배포도 장단점이 있고, 저에게는 단점이 더 크게 느껴져 EC2를 이용해 자체적으로 배포하였습니다. AWS Elastic Beanstalk을 이용한 Node 앱 배포의 장점 1. 빠르게 배포할 수 있다. 2. 알아서 기본 세팅과 안정화 작업 등을 해준다. (Security Group, Load Balancing 등) AWS Elastic Beanstalk을 이용한 Node.. 공감수 3 댓글수 0 2020. 4. 5.
Kotlin Anko 대체 라이브러리 Splitties 안녕하세요 휴몬랩 초보 개발자 호Park 입니다. 이번엔 Kotlin Android 개발에 있어서 매우 유용한 라이브러리에 대해 이야기해 볼까 합니다 라이브러리란? 쉽고 간단하게 얘기하자면 그냥 가져다 쓰는 거라고 볼 수 있습니다. 이러한 복잡하고 사용하기 불편한 기능을 구글이나 다른 사람이 편하게 만들어 놓은 것을 우리가 그냥 가져다가 사용하는 것이라고 볼 수 있는데요 그렇다면 왜 그렇게까지 해야 할까요? => 이유는 재사용성으로 인한 코드 단축이 제일 크지 않을까요?! 2줄 짜리 코드를 100개 만들어야한다면 총 200줄이 될텐데, 그것을 한줄로 바꿔서 사용한다면 총 1 x 100 = 100줄이 되면 코드가 절반가량이나 줄어들겠죠? 코드가 단축되는것도 좋지만 무엇보다 같은 코드를 반복해서 사용해야할 .. 공감수 5 댓글수 0 2020. 3. 27.
리액트 - 리덕스(Redux) 쉽게 이해하기 (with Typescript) 안녕하세요. 휴몬랩 소프트웨어 개발자 진(JIN)입니다. 리액트를 이용해 개발하다 보면 컴포넌트(조각들)를 만들어 쪼개어 만들다 보면 많은 계층구조가 생기게 되고 state(상태)를 관리하는 게 참 쉽지가 않았습니다. 리덕스 관련 예제는 도큐먼트와 많은 훌륭한 분들이 잘 정리하셨겠지만 좀 풀어서 쉽게 리덕스에 대해 좀 쉽게 접근해보자! 해서 정리하게 되었습니다:) Redux? 우리는 리액트의 state 관리하는 것과 UI와의 일관성 유지하는 게 중요하다는 것을 알고? 있습니다. (중요합니다ㅎ) 하지만 웹 애플리케이션은 훨씬 복잡해지고 많은 계층구조가 생기면(부모-자식-손자-증손자...) state관리는 정말 힘들어집니다. 각 계층은 자신이 가지는 기능을 해야하고 그 기능 수행을 위해 어떤 관계에서는 st.. 공감수 2 댓글수 0 2020. 3. 19.
Koa vs Express 비교 (2020) 안녕하세요. 휴몬랩 OG입니당. 지금 저는 회사 서비스의 백엔드(서버, API)를 아주 그냥 뒤엎고 (ㅠㅠ) 있습니다. DB도 새로 구축하고, 그러면서 서비스 API 또한 새로 만들어야 하는 상황에 있습니다. 본격적인 개발에 들어가기 전, 어떤 방식으로 가야할지 방향성과 도구들에 대해 리서치해보는 시간을 가졌습니다. 처음 백엔드를 구축하고 2년이 지났으니 그동안 많은 업데이트와 라이브러리들의 싸움이 있었을 거니까요! 고민하던 중 2016년에 만들어졌던 koa가 express와 대적할만한 존재가 되었다는 걸 알았습니다 ! (벌써 4년이 지났으니까요..) 이런 저런 자료를 찾아보며 고민한 끝에 기존 express로 구축되어 있던 걸 이번엔 koa로 만들어보기로 했습니다. 둘을 비교해보기 위해 koa vs e.. 공감수 10 댓글수 7 2020. 3. 12.
안드로이드 스튜디오 설치하기 안녕하세요! 휴몬랩 왕초보 개발자 (호박) 입니다! 이번엔 개발환경 세팅하기에 대해서 알아볼까 합니다. 이름하여 안드로이드 스튜디오 설치하기~~~!!! 안드로이드 스튜디오의 용량이 생각보다 크기 때문에 느긋한 마음으로 진행해보도록 할까요?ㅎㅎ https://developer.android.com/studio?hl=ko 공감수 4 댓글수 0 2020. 3. 10.
S3 와 CloudFront를 이용해 정적 웹사이트 배포하기 안녕하세요. 휴몬랩 개발자 진(JIN) 입니다. 휴몬랩은 AWS를 적극 활용해 serverless하게 서비스를 운영해오고 있습니다. api들과 함께 flowcoding 웹도 EC2를 생성해서 배포하고 있었는데, 이번에 랜딩페이지를 수정하면서 비용적인 S3와 CloudFront를 이용해 SPA(Single Page Application)인 저희 플로우코딩 웹을 배포한 경험을 공유하려고 합니다. 우선, EC2와 S3의 차이점을 좀 알아보면 좋겠습니다. EC2 EC2가 클라우드에서 제공해주는 가상의 컴퓨터라고 할 수 있습니다. 컴퓨터라서 사용자가 용도에 맞게 다양한 선택지를 aws에서 제공해주고 있습니다. 딥 러닝 학습을 위한 EC2라면 GPU 성능이 좋은 딥 러닝용 인스턴스를 선택해야 합니다 (물론, 시간당.. 공감수 0 댓글수 0 2020. 2. 27.
성장하는 에듀테크 교육 스타트업, 휴몬랩을 소개합니다! 휴몬랩은 에듀테크 스타트업입니다. 에듀테크(Edu-Tech)는 Education과 Technology의 합성어입니다. 2020년 현재는 메이커, SW, 창업 교육 분야에서 기술(IT)을 접목해 교육 분야의 서비스와 콘텐츠를 개발하고 있습니다! Creating Learning Culture Everyone Can Enjoy=모두가 즐겁게 배울 수 있는 문화를 만듭니다 라는 말을 항상 마음 속에 품고 있습니다. 개발팀을 비롯해 휴몬랩의 '휴몬이'들이 어떻게 일하고, 얼만큼 성장하고 있는지 기술블로그에 차근차근 공유하려 합니다. 이 글은 그 전에 휴몬랩에 대해 간단히 알려드리기 위해 작성되었습니다. :-) 성장스토리 휴몬랩은 2017년 4월에 만들어졌습니다. 이후 2020년 2월인 현재까지 스타트업이지만 아무.. 공감수 1 댓글수 0 2020. 2. 24.
소스트리 완벽분해 가이드 (2) Revision - Discard, Reset, Revert 안녕하세요. 휴몬랩 초보 안드로이드 앱 개발자(Ho Park)가 작성하는 초보 안드로이드 앱 개발자를 위한 글 입니다. 이 글은 초보 개발자 기준으로 개인적인 생각과 경험을 바탕으로 작성되었습니다. 이번 페이지에서는 소스트리의 작업 되돌리기 Revision에 관련해서 한번 파헤쳐볼까 합니다. 어찌보면 가장 어렵고 헷갈리고 잘못하면 작업이 다 꼬여버려서 더 이상 손 쓸 수 없을정도로 변해버려 백업해둔 파일을 다시 불러온 경우가 생기게ㄷ…. 생각조차 하기 싫을 정도입니다!! 그래서 첫 번째 심화단계로 이 부분을 먼저 하나씩 자세하고 쉽게 최대한 잘 파 보는게 어떨지 생각이 들더군요 :) 이번 페이지에서는 소스트리의 작업 되돌리기 Revision에 관련해서 자세하게 한번 파헤쳐볼까 합니다. 어찌보면 가장 어렵.. 공감수 3 댓글수 0 2020. 2. 13.
GraphQL 파헤치기(1) 휴몬랩 개발자 진(JIN)입니다. 휴몬랩의 FlowCoding beta버전은 GraphQL을 도입해서 사용하고 있습니다. GraphQL을 도입하면서 어려웠던 개념들을 풀어서 정리해보려고 합니다. GraphQL은 페이스북에서 개발한 REST보다 효율적이고 강력하고 유연한 대안을 제공하는 새로운 API 표준입니다. GraphQL은 클라이언트가 API에 필요한 데이터를 정확하게 지정해서 요구해서 필요한 데이터만 받을 수 있습니다. 따라서 GraphQL은 질의어(Query Language)로 서버 - 클라이언트 간의 통신 스펙. 즉 '명세서'라는 것입니다. 우리가 DB에 SQL로 쿼리를 날려 필요한 데이터를 가져오거나 DB를 수정, 삭제하는 등 업데이트를 하는 것을 생각하는 것처럼 GraphQL도 마찬가지로 가.. 공감수 0 댓글수 0 2020. 2. 7.
소스트리 완벽분해 가이드 (1) 안녕하세요. 휴몬랩 초보 안드로이드 앱 개발자(Ho Park)가 작성하는 초보 안드로이드 앱 개발자를 위한 글 입니다. 이 글은 초보 개발자 기준으로 개인적인 생각과 경험을 바탕으로 작성되었습니다. 이번 글은 개발 협업 시 유용하게 사용되는 SourceTree 에 대한 글 입니다. SourceTree는 윈도우와 MAC 사용자를 위한 GIT 을 그래픽화 시킨 GIT GUI Repository로써 소스관리를 쉽게 도와주며 좀 더 코딩에 집중할 수 있게 만들어주는 프로그램 입니다. 소스트리 이외에도 다양한 프로그램들이 있지만 적은 인원으로 Private하게 무료로 사용할 수 있는 장점이 있습니다. 제일먼저 소스트리를 실행하였을 때 나오는 상단 툴바에 대해서 하나씩 설명하겠습니다. [ 버전 : 3.3.7 기준으.. 공감수 6 댓글수 0 2020. 1. 31.
Git으로 협업하기! - forking workflow에서 git flow로 변경한 이유 안녕하세요. 휴몬랩에서 개발과 기타 등등을 하고 있는 오지(OG)입니다 :) 지금까지 개발을 해오면서 git을 사용한 협업 방법에 대해 많은 고민을 해왔는데요, forking workflow를 사용하다가 git flow로 변경하게 된 이유와 두 방식의 차이를 정리해볼까 합니다. 우선 이 글은 git에 대한 기본적인 이해도를 가지고 있다고 생각하고 작성하였습니다. 혹시 나는 git을 처음들어봤다, 혹은 git에 대한 전반적인 지식을 갖고 싶다라고 한다면 이 포스팅을 추천해드립니다. (링크 바로가기) Git으로 협업해야 하는 이유 git은 애초에 협업에 용이하도록 만들어진 버전 관리 방식입니다. 만약 개발팀이 git을 사용하지 않고 협업을 한다면, 아래와 같은 불상사가 벌어질지도 모릅니다. A라는 사람이 로.. 공감수 1 댓글수 2 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)의.. 공감수 1 댓글수 0 2020. 1. 16.
카카오 로그인 연동하기 with Kotlin 안녕하세요. 휴몬랩에서 개발하고 있는 오지(OG)입니다. 오늘은 제가 안드로이드 앱을 개발하면서 개발 가이드에서도 설명이나 코드가 부족해 힘들었던ㅠㅠ 부분을 공유해보려 합니다. TL;DR? 안드로이드 앱에 카카오 로그인을 연결할 때는 네이티브로 개발하는 것을 권장합니다. 네이티브로 개발한다는 것은 앱 자체에서 로그인 요청을 실행한 뒤 사용자 정보를 받아온다는 말인데요. 일단 앱에서 연결을 완료한 뒤에 이를 API와 연결하든, 앱 자체에서 그냥 활용하든 알아서 하면 됩니다! 카카오 로그인 관련해선 엄청나게 많은 블로그 글을 쉽게 찾아볼 수 있지만 최신 버전(?)의 코드 그리고 코틀린(kotlin) 코드가 없어서 고생을 좀 했습니다.. 공식 카카오 개발 가이드도 있지만 사실 완전히 친절하진 않습니다. 알고 .. 공감수 6 댓글수 0 2020. 1. 10.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.