Flutter53 TODO App 만들어 보기 작업 진행 1. 폴더 구조 잡기 // baseURI -> 서버 주소 + 포트 // endPoint -> 미리 정의 // 자신에 IP 주소 입력 해야 함 - 192.168.0.22 const baseUri = 'http://192.168.0.22:80'; const pathUser = '/user'; const epSignUp = '$pathUser/sign-up'; const epSignIn = '$pathUser/sign-in'; const pathTodo = '/todos'; const epTodoList = '$pathTodo/all'; const epTodoById = '$pathTodo/{id}'; const epTodoCreate = '$pathTodo/create'; class UserDto.. 2023. 11. 2. Flutter - RiverPod 이란 상태 관리를 위해 라이브러리 사용에 필요성을 인식 했다면 이제 RiverPod 에 대해 알아 봅시다. 단, Riverpod을 배우기 위해서는 먼저 Provider 개념을 먼저 이해하는 것이 중요합니다. Provider는 Riverpod의 이전 버전에서 사용되던 라이브러리이며, Riverpod은 Provider의 개념을 기반으로 확장된 라이브러리입니다. 그럼 Provider 만들어진 이유에 대해서 함께 살펴 봅시다. 예를 들어 위과 같은 위젯 트리를 구성했다고 가정하고 왼쪽 Stateful 위젯과 오른쪽 stateful 위젯이 상태(데이터, UI, 입력정보 등)를 공유하고 싶다면, 우리는 아래 그림과 같이 위젯을 변경 해야 합니다. 위 그림 처럼 Lift up 개념을 활용하여 상태를 최상위로 올려야 합니다.. 2023. 11. 1. theme 적용하기 1. Theme이란 뭘까? Flutter의 Theme는 앱 전체의 색상, 스타일, 그래픽 디자인 언어 등을 중앙에서 관리할 수 있게 해주는 기능입니다. Theme을 사용하면 앱 전체의 디자인 및 레이아웃을 일관되게 유지하면서 손쉽게 변경할 수 있습니다. 일반적으로 MaterialApp 위젯에서 theme 속성을 통해 앱 전체에 대한 테마를 많이 설정하고 있습니다. primary: Colors.orangeAccent, // 대표적으로 AppBar의 배경색, FloatingActionButton의 배경색 등에 사용됨 secondary: Colors.greenAccent, // 대표적으로 Switch, Slider의 활성화 색상 등에 사용됨 tertiary: Colors.blueAccent), // 플러터에서.. 2023. 11. 1. JWT 구축 하기 JWT란 JWT는 "JSON Web Token"의 약자로, 웹 통신에서 사용되는 인증과 관련된 개념입니다. 즉, JWT는 클라이언트와 서버 간의 정보를 안전하게 전송하기 위해 사용됩니다. JWT 구성 헤더(Header) 페이로드(Payload) 서명(Signature) 각 부분은 Base64로 인코딩되어 하나의 문자열로 표현됩니다. JWT의 장점 Stateless - 세션 상태 관리 없이도 사용자 상태를 유지할 수 있으므로 확장성이 용이합니다.데이터 자체 포함 - 필요한 모든 정보가 자체적으로 포함되어 있으므로 별도의 데이터베이스 조회 없이도 필요한 정보에 접근할 수 있습니다. 범용화 - 다양한 프로그래밍 언어와 프레임워크에서 지원하며, 쉽게 구현할 수 있습니다. 하지만 주의해야 할 점도 있습니다: 보안.. 2023. 10. 30. 이전 1 2 3 4 5 ··· 14 다음
