😕 문제 상황Spring Boot 프로젝트에서 Thymeleaf를 사용하며 TailwindCSS의 유틸리티 클래스(justify-between, text-center, bg-blue-500 등)가 적용되지 않는 문제가 발생했다.특히 header 부분에서 justify-between 클래스를 추가했음에도 레이아웃이 기대한 대로 변경되지 않았다. 🔍 문제 원인 Tailwind CSS 빌드 파일 미생성 또는 갱신 문제Tailwind CSS버전 3.0 이상에서는 기본적으로 JIT(Just-In-Time) 모드로 동작하며, 실제 HTML, JS 파일 등에서 사용된 유틸리티 클래스만을 기반으로 최종 CSS 파일을 생성한다.JIT 모드란? 필요할 때 즉시 CSS를 생성하여 성능을 최적화하는 방식으로, 설정된 co..
🖥 Front-end
page_search.dart_goRegistryPage()함수는 각 registry ListTile을 클릭하여 이동할 때 사용하는 함수.ListTile위젯의 onTap필드 값이다.router.dart위 코드를 참고하면.. 첫 코드에서 listTile을 클릭하면 wishlistPage로 이동한다.또한 wishlistPage에서 클릭한 item의 정보가 필요하기 때문에 registryItem: registryArgument로서 인자를 받아 넘겨준다.
Widget in Flutter앱의 UI를 만들고 구성하는 모든 기본 단위 요소이다.또한, 눈에 보이지는 않지만 레이아웃을 정의하기 위한 요소들도 위젯이다.위젯이 모여 만들어진 앱 또한 위젯이다.따라서.... 플러터는 모든 것이 widget이다.위젯의 종류Stateful Widget, Stateless Widget, Inherited WidgetFlutter Widget Tress위젯들을 나열해서 Tree구조로 정리될 수 있음.한 위젯 내에 얼마든지 다른 widget들이 포함될 수 있다.부모 위젯과 자식 위젯이 있고,부모 위젯(Parent Widget)을 Widget Container라고 부르기도 한다.위젯트리 참고 예제MaterialApp위젯: 플러터sdk에서 제공하는 위젯들 사용하능하게 해줌Scaff..
팀원분이 깃허브에 올려주신 Flutter 프로젝트를 처음 클론받았더니 코드 전체에 빨간 줄이 가득했다. 문제 해결 과정을 정리해보자! 1. 의심 1: 의존성 문제Flutter 프로젝트를 클론한 후, 일반적으로 의존성을 가져오기 위해 다음 명령어를 실행한다.flutter pub get그러나 실행 시 의존성 해결에 실패했다.2. 의심 2: SDK 버전 불일치Flutter 및 Dart SDK 버전이 달라서 문제가 발생했을 가능성이 있어서 최신 버전으로 업그레이드하기 위해 아래 명령어를 실행했다.flutter upgrade하지만 여전히 문제는 해결되지 않았다.3. 근본적인 원인: Flutter 채널 불일치Flutter는 stable, beta, master, dev 채널로 나뉘어 있다.공식 문서(Flutter..
