개요 Socialite나 외부 Oauth를 통해 해당 회원 정보를 가져오는데 성공 하였지만, 내부적인 API을 사용하기 위해서는 내부적으로 구축한 인증 절차도 통과 해 줘야 한다. 하지만, 내부적으로 구축한 인증 절차를 통과하기 위해서는 내부 인증에 사용되는 email / password 값을 입력하는게 보통이지만 외부 oauth를 통과하기 위해 이미 외부 계정과 비밀번호를 입력한 유저에게 한번 더 email / password 값을 입력해야지만 로그인을 시켜주는 것은 절차상 너무 복잡한 절차이며 회원들이 이탈할 확률이 높아진다. 계정 통합을 위하여 가입시에 email / password 값을 추가적으로 받는 경우들은 많지만 매 로그인 시마다 해당 절차를 밟게 하는 것은 옳은 판단은 아닐 것이다. 다양한..
개요 docker-compose.yml 파일에서 postgresql 도 같이 묶어서 개발 환경을 손쉽게 구축하기 쉽게 구현하였지만, 실제 프로덕션 환경에서는 외부에 존재하는 postgresql에 접근해야 한다. 이에 따라, 로컬에서도 외부 postgresql에 접근하여 테스트가 가능하게 하고, prod env를 따로 설정하여 배포를 손쉽게 처리하기 위하여 Enviroment 관리를 진행한다. Environment 종류 기본 설정된 Env 파일들은 다음과 같습니다. 해당 파일들은 ignore 대상이며, git repository 에서 변수로 관리 됩니다. .env .env.dev .env.local .env.prod 사용 Environment 변경 기본적으로 아무런 옵션을 주지 않으면 .env 파일을 En..
개요 이전에 Laravel, hasura, postgresql을 연동하여 세팅 하였다. 코드로 graphql schema를 관리하기 위해서 lighthouse와 playground를 추가적으로 설정해 보자. 구현 먼저 lighthouse를 설치한다. lighthoust는 laravel 에서 QueryQL을 사용하기 위한 프레임워크이다. $ composer require nuwave/lighthouse 이후, schema를 추출하기 위하여 아래와 같은 명령어를 실행한다. $ php artisan vendor:publish --tag=lighthouse-schema 위 명령어를 실행한다면 graphql/schema.graphql 파일이 app dir 하위에 들어오게 된다. 다음 컴포져를 이용하여 playgr..
개요 이번에 새로운 프로젝트를 시작하면서 hasura를 사용해 보자는 제안이 있었다. 기존에 hasura를 사용 해 본 적은 있긴 하였으나 cloud 형태로 사용해 보았기 때문에 로컬 서버의 구축과 배포등을 어떻게 해야 할 지 고민이 되었다. 일단 데이터베이스 마이그레이션과 시딩을 해 줘야 하는데 hasura에서 제공해 주긴 하지만, factory 관리와 모델 관리등 조금 더 프로그래밍 적으로 관리하고 싶은 마음이 생겼다. 그렇기 때문에 기존에 자주 사용하던 laravel과 연동하여서 시스템을 구축해 보았다. 현재 생각하는 바로는 laravel로 관리할 대상 포인트 들은 다음과 같다. - 데이터 모델 - 데이터베이스 마이그레이션 - 데이터베이스 시딩 - 인증 - 파일 업로드 관리 구축 준비 먼저, php..
MutationObserver 레거시한 코드들을 유지보수 해야 하는 도중, dom 상태를 관측하여 특정 함수들을 실행시키고 싶은 경우가 생겼다. observer 패턴을 이용하여 react 에서의 getState 처럼, 특정 값이 변경 되었을 때 코드를 실행하고 싶었는데, js에서 MutationObserver 라는걸 지원해 주는 것을 확인 했다. https://developer.mozilla.org/ko/docs/Web/API/MutationObserver MutationObserver - Web API | MDN MutationObserver 인터페이스는 DOM 트리의 변경을 감지하는 기능을 제공합니다. DOM3 이벤트 명세의 일부였던 Mutation Events (en-US)를 대체합니다. devel..
- Total
- Today
- Yesterday
- 칠곡 카페
- 명일방주
- 안성 맛집
- Vue.js
- laravel passport
- S3
- PHP AWS S3
- webGPU
- 공도 맛집
- CKEditor Image Upload
- 안성 카페
- 원곡 카페
- ckeditor
- laravel
- ansible
- Google App Script
- php
- CKEditor5 Image Upload
- 성안길 맛집
- next.js
- GitAction
- Web Editor Image Uplaod
- 성수 맛집
- 안성 공도 맛집
- AWS
- Google App Script API
- hasura
- 서울 맛집
- 개발일지
- 성수동 맛집
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |