Development24 리액트 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. 안드로이드 앱 개발은 Java? Kotlin? 안녕하세요. 휴몬랩 초보 안드로이드 앱 개발자(Ho Park)가 작성하는 초보 안드로이드 앱 개발자를 위한 글 입니다. 이 글은 초보 개발자 기준으로 개인적인 생각과 경험을 바탕으로 작성되었습니다. 안드로이드 앱 개발자라면 Java로 앱을 개발해야 할지 Kotlin으로 개발을 해야할지 누구나 한 번쯤은 고민해 보았을 겁니다. 그렇다면 한번 어느 언어가 더 구미가 당기는지 알아볼까요? ● Java 는 썬마이크로시스템즈에서 개발되어 2009년 오라클에게 자바에 대한 권리 및 유지보수를 맡기게 되었습니다. ● Kotlin 은 2011년 JetBrains (소프트웨어 개발업체)에서 공개한 프로그래밍 언어입니다. 2010년에 시작한 오라클과 구글의 자바 라이센스에 관련하여 길고 긴 전쟁을 아시나요? 오라클은 20.. 2020. 1. 3. 리액트 함수형 컴포넌트 날아오르다(feat.Hook) 안녕하세요! 휴몬랩 신입 개발자 진(JIN)입니다. 휴몬랩은 아두이노 메이커스 교육, 온라인 코딩 교육 '플로우 코딩'을 서비스하고 더 좋은 코딩 교육 생태계를 만들어 나가고 있는 EDU TECH 스타트업입니다! 휴몬랩이 궁금하다면 click 플로우 코딩이 궁금하다면 click 리알못인 저는 처음에 회사의 코드를 분석하며 당황 + 좌절 하기도 했지만 리액트를 공부하며 참 재밌는 패러다임이라는 것을 느끼기도 했습니다. 그 중 리액트의 Hook이란 개념을 정리해보고자 합니다 클래스 컴포넌트 - 함수형 컴포넌트 우선, 리액트의 컴포넌트는 두 가지로 나뉩니다. 클래스 컴포넌트(class component) 함수형 컴포넌트(functional component) 1. 클래스 컴포넌트 import React, { .. 2019. 12. 24. 이전 1 ··· 3 4 5 6 다음
