전체 글32 GraphQL 파헤치기2 - GraphQL client처리 안녕하세요 휴몬랩 프론트엔드 개발자 진(JIN)입니다. 글이 좀 늦어졌지만 GraphQL을 좀 더 알아보도록 하겠습니다! GraphQL을 사용하는 이유! RESTful 하던 기존의 HTTP 통신 방법과의 차이를 알아봤습니다. 그렇다면 이번에는 간단한 통신 방법을 알아보겠습니다. 이번에는 apollo라는 플랫폼을 사용하겠습니다. apollo는 GraphQL과 호환되는 상태 관리 플랫폼이고 GraphQL로 만들어진 API를 호출하기 위해 사용되는 라이브러리라고 보시면 좋겠습니다. 프론트엔드 개발자로 들어간 JIN... 회사에서 GraphQL로 만들어진 API 명세서가 있었습니다. 백엔드 개발자 분이 피 땀 흘려 만든 API에서 데이터를 받아 사용자에게 유용한 interactive 한 react 웹을 만들어야.. 2020. 4. 24. Kotlin 안드로이드의 꽃, 애니메이션 Lottie 사용법! 안녕하세요 휴몬랩 왕초보 개발자 호팍 입니다. 안드로이드에서 애니메이션 활용방법은 여러가지가 있지만 그 중에 가장 쉽고 멋진 애니메이션을 적용 시키는 방법 중에 하나인 Lottie Library 사용법에 대해 알아볼까 합니다. Lottie는 Airbnb에서 제공하고있는 Library로써 아주 멋진 애니메이션을 간단하고 쉽게 적용시킬시 있습니다. 자신이 직접 애니메이션을 만들어서 적용시킬 수 있으며 LOTTIE에서 제공하는 1000개가 넘는 JSON 파일 형태의 애니메이션을 가져다 사용할 수 있습니다. 물론 무료로도 이용이 가능합니다~~ 1. Lottie를 시작하기에 앞서 애니메이션 파일을 준비해 볼까요? https://lottiefiles.com/ 에 가셔서 간단한 회원가입을 거치면 무료로 받을 수 있는.. 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.. 2020. 4. 5. Kotlin Anko 대체 라이브러리 Splitties 안녕하세요 휴몬랩 초보 개발자 호Park 입니다. 이번엔 Kotlin Android 개발에 있어서 매우 유용한 라이브러리에 대해 이야기해 볼까 합니다 라이브러리란? 쉽고 간단하게 얘기하자면 그냥 가져다 쓰는 거라고 볼 수 있습니다. 이러한 복잡하고 사용하기 불편한 기능을 구글이나 다른 사람이 편하게 만들어 놓은 것을 우리가 그냥 가져다가 사용하는 것이라고 볼 수 있는데요 그렇다면 왜 그렇게까지 해야 할까요? => 이유는 재사용성으로 인한 코드 단축이 제일 크지 않을까요?! 2줄 짜리 코드를 100개 만들어야한다면 총 200줄이 될텐데, 그것을 한줄로 바꿔서 사용한다면 총 1 x 100 = 100줄이 되면 코드가 절반가량이나 줄어들겠죠? 코드가 단축되는것도 좋지만 무엇보다 같은 코드를 반복해서 사용해야할 .. 2020. 3. 27. 리액트 - 리덕스(Redux) 쉽게 이해하기 (with Typescript) 안녕하세요. 휴몬랩 소프트웨어 개발자 진(JIN)입니다. 리액트를 이용해 개발하다 보면 컴포넌트(조각들)를 만들어 쪼개어 만들다 보면 많은 계층구조가 생기게 되고 state(상태)를 관리하는 게 참 쉽지가 않았습니다. 리덕스 관련 예제는 도큐먼트와 많은 훌륭한 분들이 잘 정리하셨겠지만 좀 풀어서 쉽게 리덕스에 대해 좀 쉽게 접근해보자! 해서 정리하게 되었습니다:) Redux? 우리는 리액트의 state 관리하는 것과 UI와의 일관성 유지하는 게 중요하다는 것을 알고? 있습니다. (중요합니다ㅎ) 하지만 웹 애플리케이션은 훨씬 복잡해지고 많은 계층구조가 생기면(부모-자식-손자-증손자...) state관리는 정말 힘들어집니다. 각 계층은 자신이 가지는 기능을 해야하고 그 기능 수행을 위해 어떤 관계에서는 st.. 2020. 3. 19. 이전 1 2 3 4 5 6 7 다음
