내가 보려고 만든 블로그

안녕하세요 저번글에 이어 이번에도 flutter web관련 오류 해결방법에 대해 적으려고해요! cors... cors는 vue할때도 괴롭히더니 flutter에서도 그러네요.. 네트워크 통신부분이 직접적으로 없어서 어떻게 해결해야되나.. 싶었는데 생각보다 너무 간단하게 해결이 되서 기분이 좋아요!! 1- Go to flutter\bin\cache and remove a file named: flutter_tools.stamp 2- Go to flutter\packages\flutter_tools\lib\src\web and open the file chrome.dart. 3- Find '--disable-extensions' 4- Add '--disable-web-security' 찾은 stackoverf..

안녕하세요 요즘 정신이없어서 오랜만에 글을 작성해요!! 플루터로 안드로이드랑 아이폰만 개발하다가 웹 개발을 처음해봤는데 파이어베이스 관련 오류가 발생했어요ㅠㅠ 아무생각없이 오류만 검색하다가 도큐먼트 참고하라는 글 보고 도큐먼트를 봤는데 너무 자세히 잘 나와있더라구요... 그래도 기본 셋팅 및 오류 정리를 하려고해요! 본 글은 아이폰 및 안드로이드 파이어베이스 연동이 다 된 후를 가정하여 작성한 글입니다. 1. 파이어베이스 웹 등록 먼저 웹 등록을 해줍니다! 이름 등록후 다음으로 넘어가면 SDK추가하라는 말이 나오는데 그냥 넘어가도 됩니다! 2. 웹 script 추가 web/index.html에 파이어베이스 관련 script를 추가해주면됩니다! 이렇게만 파이어베이스에서 사용할 수있는 모든 js를 추가한거구..

bool specialChar = content.contains(new RegExp(r'[!@#$%^&*(),.?":{}|]')) string에 특수문자 있는지 없는지 확인하는 vlaidation

오류내용 production.ERROR: The resource owner or authorization server denied the request. {"exception":"[object] (League\\OAuth2\\Server\\Exception\\OAuthServerException(code: 9): The resource owner or authorization server denied the request. at vendor/league/oauth2-server/src/Exception/OAuthServerException.php:243) 해결 app/Exceptions/Handler.php 에 두가지 추가! protected $dontReport = [ // \League\OAuth2\..

laravel nginx CSRF token mismatch. 오류 수정 /app/Http/Middleware/VerifyCsrfToken.php

개발환경 ubuntu 20.04 nginx php 7.4 해당 오류는 파일의 크키가 서버설정보다 클 경우에 발생하는 오류로, 서버 파일 업로드 제한을 늘려주어야한다! 참고로 nginx 기본 파일 크기 제한은 1MB 나는 nginx 와 php 를 사용하고있었기 때문에 nginx 와 php 모두 설정을 변경해주어야했다 nginx /etc/nginx/sites-available/default server{ client_max_body_size 50M; nginx 서버 설정해주는 파일에서 서버 아래에 body 사이즈 제한을 1MB가 아닌 다른 원하는 크기로 변경해준다 php /etc/php/7.4/php-fpm/php.ini upload_max_filesize = 50M post_max_size = 50M 사용..

이번에는 pub.dev에서 제공하는 bottom sheet 위젯에 대해 살펴볼꺼다! 바텀시트는 의외로 많이 사용되는데, 이걸 생으로 다 만들기엔 시간이 많이 소요된다!ㅠㅠ 그래서 간단하게 제공하는 플러그인을 사용할건데 우선 먼저 필수옵션 및 추가옵션에 대해 알아보자! 해당부분은 영어를 번역해서 작성하기에는 번역이 매끄럽지 않은 부분이 있어, 참고사이트를 그대로 가지고 왔다 Two Required Properties of the Modal Bottom Sheet : BuildContext: The build context for a particular widget can change the location over time. Because it helps the creation method to deter..

laravel 프로젝트를 nginx 로 연동한거에 이어 vue 프로젝트도 서버에 올려보자! 2020.06.11 - [LINUX] - ubuntu 18.04 + laravel + nginx 로 환경 설정하기 ubuntu 18.04 + laravel + nginx 로 환경 설정하기 환경 ubuntu 18.04 php 7.3 nginx 팀장님이 아마존 aws ec2를 이용해서 새로운 ec2를 만들어 보라구 했다! 그래서 아마존 aws ec2에서 새로운 인스턴스를 만들고 환경설정을 했다 기록 안하고있다가 기록하 become-a-developer.tistory.com 환경설정 먼저 ubuntu 업데이트 해주기 apt-get upgrade apt-get update 해준다음 nginx 도 같이 설치해준다 apt-g..

특이하게도 mobile에서 스크롤을 출력해달라는 요청을 받았다 그래서 찾아본 모바일에서도 스크롤 출력하기! ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 10px; } ::-webkit-scrollbar:horizontal { height: 10px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

vue에서 무한 스크롤 만들어서 사용하기! *공식 문서* peachscript.github.io/vue-infinite-loading/guide/#installation Guide | Vue-infinite-loading Guide Installation NPM If you are building a large application, we recommend you use the following method: Direct Include After you import this plugin through the script tag, it will register the InfiniteLoading component automatically, so you can use it i peachscript.githu..