내가 보려고 만든 블로그

안녕하세요 요즘 정신이없어서 오랜만에 글을 작성해요!! 플루터로 안드로이드랑 아이폰만 개발하다가 웹 개발을 처음해봤는데 파이어베이스 관련 오류가 발생했어요ㅠㅠ 아무생각없이 오류만 검색하다가 도큐먼트 참고하라는 글 보고 도큐먼트를 봤는데 너무 자세히 잘 나와있더라구요... 그래도 기본 셋팅 및 오류 정리를 하려고해요! 본 글은 아이폰 및 안드로이드 파이어베이스 연동이 다 된 후를 가정하여 작성한 글입니다. 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..

curl이란? cURL은 다양한 통신 프로토콜을 이용하여 데이터를 전송하기 위한 라이브러리와 명령 줄 도구를 제공하는 컴퓨터 소프트웨어 프로젝트이다. 정의는 위와 같고 php 내부에서 외부에 통신할 일 있을경우 사용하면 통신을 할 수있는데 GET방식과 POST방식으로 나뉘어져있다! GET방식 $headers = array(); $headers[] = 'Authorization:'.$accessToken; $opts = array( CURLOPT_URL => "", CURLOPT_RETURNTRANSFER => true, CURLOPT_HTTPHEADER => $headers, ); curl_setopt_array($ch, $opts); $response = curl_exec($ch); curl_close..