Development24 Typescript에서 Redux를 사용해보자 안녕하세요 휴몬랩 초보 개발자 차암새입니다. 이번 시간에는 Typescript 환경에서 Redux를 사용해보겠습니다. Redux는 React 상에서 state관리가 힘들 수 있는 부분을 보완하기 위해 만들어졌습니다. ※혹시라도 Redux에 대한 개념이 부족하신 분은 devlog-h.tistory.com/26를 참고해주세요 이 튜토리얼에서는 TODO리스트를 만들지만 기존의 다른 예제들과는 조금 다른 방식으로 만들어 볼 예정입니다. 바로 'typesafe-actions' 패키지를 활용한 방법입니다! 기존의 redux-saga 등을 활용하는 방식은 사용하다 보면 불편한 점이 많아 이 패키지를 이용하시는 것 또한 추천드립니다. 그럼 시작해보겠습니다. github.com/piotrwitek/typesafe-act.. 2020. 11. 6. 안드로이드에 Material Design 적용하기 안녕하세요 왕초보 개발자 아보카도🥑입니다. 오늘은 안드로이드에 쉽고 예쁜 Material Design을 적용하는 방법을 알아보겠습니다. 구글의 Material Design은 디자인, 기능 등의 모범 사례를 제공하고 쉽고 빠른 빌드를 도와줍니다. 이제는 없으면 허전해요 ! 저는 앱 어플리케이션을 Flutter로 처음 접했는데요. 기능이나 디자인을 적용할 때 어떤 것을 적용해야 할지도 모르고 검색할 키워드도 몰랐을 때 Material Design 사이트를 보면서 배웠습니다. 기본적인 것들은 나와있으니 참고하면서 공부·개발하면 도움이 될 것 같아요. 자주 보는 카카오톡 로그인 페이지를 Material Design으로 따라해볼게요 👇 (수직으로 정렬되어 있어서 Linear Layout으로 진행했습니다) Depe.. 2020. 11. 1. JetPack의 Navigation을 사용해보자 안녕하세요 진짜 초보개발자 아보카도🥑입니다. 오늘은 간단한 예제와 함께 JetPack의 Navigation을 알아보겠습니다. 저는 처음에 공부할 때 intent와 transaction으로만 화면 이동을 했었는데, 레이아웃이 복잡해질수록 코드도 꼬이고 불편했습니다. 쉽게 쉽게 하고싶지만 모든 앱이 그렇게 간단하지 않다는 것 .. ! 이제는 쓰지 않으면 불편한 navigation 기능을 예제와 함께 볼게요 네비게이션으로 연결한 예제 위에서 언급한 Android JetPack은 훌륭한 안드로이드 앱을 만들기 위한 컴포넌트, 도구, 안내서의 세트입니다. 특히 아키텍쳐 부분을 하나씩 공부해보면 좋을 것 같아요. 네비게이션은 총 세가지 파트로 나눕니다 1. Navigation graph (New XML Resour.. 2020. 10. 19. 안드로이드 Constraint Layout, Linear Layout 어떤걸 써야할까? 안녕하세요 초보개발자 아보카도🥑입니다. 안드로이드를 처음 접하게 되면 레이아웃을 빼놓을 수 없는데요, 오늘은 그 중에서도 많이 쓰이는 Constraint Layout과 Linear Layout을 알아보겠습니다. 어떤 사람은 Linear Layout을 쓰기도 하고 어떤 사람은 섞어서 쓰기도 하고.. 저도 처음엔 많이 헷갈렸는데요. 이번에 정리를 통해 다시 한번 더 보려고 합니다. Linear Layout Linear Layout은 두가지 방향으로 되어 있고 "어느" 방향으로 뷰 층을 쌓을 것인지가 중요합니다. 기본 설정은 Horizontal(가로)로 되어 있으며 Vertical(세로)로 변경하는 설정을 해줘야 합니다. (horizontal로 해도 코드 추가해주세요 !) Linear Layout은 복잡하지 .. 2020. 10. 11. 이전 1 2 3 4 ··· 6 다음
