미누에요

나는 지금 동아리 홍보 차 간단한 테스트를 통한 이벤트성 웹앱을 만들고 있다.기능 상으로 구현이 마무리되었고, 3월에 있을 교내 동아리 박람회 이전에 태블릿 사이즈로 홍보를 진행하고자 반응형 작업이 필요하게 되었다. 디자이너 팀에게 768px 사이즈로 반응형 디자인을 요청드렸고, 반응형 디자인이 마무리된지는 꽤 지났지만 개인적인 일정으로 이제야 반응형 작업을 시작하게 되었다.  먼저, TailwindCSS에서 반응형 다자인은 아래와 같이 기본적으로 제공된다.   중단점      최소 넓이   CSS중단점최소 넓이CSSsm640px@media (min-width: 640px){ ... }md768px@media (min-width: 768px){ ... }lg1024px@media (min-width: 1..

나는 웹 프론트엔드 개발을 공부하며 현재 React를 메인 기술 스택으로 공부하고 있다.하지만 8월부터 얼떨결에 앱 개발을 하게되었는데............ 연구실 선배들이 하다가 놔두고 간 프로젝트를 가지고 기능을 추가하라는 교수님의 명령이었다............... Flutter, 강력한 개발툴이라는 것은 알고있었지만 한참 Google이 자사 프로젝트들을 많이 폐기처분하던 시점이었다.그래서 나도 Flutter를 공부하다가도 이게 사라져버리면 어떡하지? 라는 마음을 가지고 공부를 했던 거 같다.   우선 개발하게 된 플랫폼은 "Chrip-aid"로, 보육원 기부 플랫폼이다.자세한 설명은 뒤로하고, 마주했던 문제와 에러에 대해서 설명하겠다. 우선, 기능을 추가하면서 개발하며 "관리자 페이지"를 만들게..

지난 6개월동안, 연구실 선배들이 남겨두고 간 앱 프로젝트를 리팩토링하였다. Flutter는 이전에 개발해본 경험이 아예 없었던 터라, 처음에 굉장히 막막했던 기억이 있다.이 프로젝트는 거래의 투명성을 강조한 보육원 기부 플랫폼이다. 여름방학 때 교수님께서는 기존 코드를 먼저 분석해보라 하셨지만, 아는 게 있어야 머리에 들어오지. Flutter를 하기 전에 기본적으로 Dart 언어도 몰랐기 때문에 기본적인 학습이 필요했다. 심지어 이 프로젝트는 MVVM 디자인패턴으로 이루어져 있어, 디자인패턴 또한 학습을 해야했다. 프론트엔드 개발만 했었고, 그것도 React만 사용했었기에 디자인 패턴을 왜 사용해야하는지, 그리고 어떻게 사용하는 건지도 몰랐다.말 그대로 이 프로젝트는 개판이었다. 인수인계서도 없고, 해..

Flutter의 socket_io 를 사용하여 채팅 기능을 작업하던 중 ERROR [WsExceptionsHandler] Unexpected token o in JSON at position 1 이라는 에러가 발생하며 socket의 연결이 안되는 문제가 발생하였다. Flutter 프론트 측에서는 socekt.connect로 요청을 보내도, socket이 disconnect를 보내서 연결이 되지 않았다.서버 측의 로그를 확인해보니 아래와 같았다.   에러 로그를 보니 JSON으로 보낸 데이터의 형식이 맞지 않는다는 내용인 거 같았다.그래서 코드들의 내용을 보니, 이벤트에 해당하는 데이터를 같이 보낼 때, String 형식으로 보내지 않고 객체 형식으로 보내고 있다는 것을 깨댤았다. void sendMess..