승상의 코딩 블로그

플러터로 토큰 기능도 구현해보고 싶어서, 토큰을 생성하고 토큰을 체크하는 간단한 Flask 서버를 만들어 봤다. /auth/login : 토큰 발급 /auth/check : 발급된 토큰 체크 코드 * 실제 운용할 때 사용하는 코드가 아닙니다. 토큰 기능 테스트를 위해 만들었기 때문에 보안 등 많은 것들이 빠져있습니다. from datetime import datetime, timedelta from http import HTTPStatus import jwt from flask import Flask, jsonify, request app = Flask(__name__) # 로그인 시 ID, PASSWORD 는 고정한다. ID = "sm" PASSWORD = "1234" SECRET_KEY = "KEY"..

문제 지도이미지를 눌렀을 때, 지도화면을 보여주고 싶다. 하지만 지도이미지는 탭했을 반응하는 속성이 없어서 동작을 연결해줄 수가 없다. 구현 InkWell 위젯을 사용하면, 터치할 수 없는 위젯을 터치할 수 있도록 만들어 준다. 그리고 눌렀을 때 리플효과도 있기 때문에 눌렀다는 느낌도 준다. InkWell( onTap: () => Navigator.push(context, MaterialPageRoute(builder: (context) => MapScreen())), // Tap 할 때 수행할 행동 (나는 페이지 이동을 원한다.) borderRadius: BorderRadius.circular(10), // 누를 때 퍼지는 리플이 각진 사각형처럼 퍼지지 않게 해줌 child: SvgPicture.ass..

탭을 사용하면 위와 같이 각 정보간의 전환을 쉽게 할 수 있다. 정보가 유사하지만 다른 느낌이라면 둘로 나누는 것이 좋겠다고 생각했다. 그래서 장소에 대한 "객관적(화장실, 주차장)이거나 전체 통계(리뷰평점)에 대한 정보"와 "그 통계를 이루는 개인의 리뷰" 를 나누고자 했다. 구현 // Tab 을 사용하기 위해 TickerProviderStateMixin 를 믹스인해줌. class _TabViewState extends State with TickerProviderStateMixin { // _tabConroller 를 사용할 때는 무조건 선언되어 있을 것이므로(initState에서 바로 선엄함) // late 키워드 사용함. late TabController _tabController; @overri..