일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- nodejs
- 오블완
- 회고
- React
- Remix
- PM2
- Laravel
- nft
- node
- exceljs
- 라라벨
- nginx
- pagination
- 티스토리챌린지
- Ai
- 공연티켓
- 배포
- NextJS
- CSS
- polygon
- chatGPT
- jquery
- netfunnel
- miniconda
- 블록체인
- Python
- Setting
- threejs
- metamask
- Kaikas
- Today
- Total
목록전체 글 (138)
박주니 개발 정리
설명 전) 처음에는 정상적으로 운영이 되다가 갑자기 front에서 cors 에러가 발생되었다면 먼저 디버깅을 해보고 원인이 확인이 안되신다면 laravel storage/log 권한 문제 확률이 높습니다. 1. storage 소유자와 권한을 확인합니다. 설명) 이건 예시이고 현재 laravel 권한자가 누구인지 확인하고 현재 storage 소유자와 동일한지 확인하시면 됩니다. 그리고 좌측에 권한을 확인해서 rwx 즉 읽기, 쓰기, 실행권한이 다 있는지 확인합니다. 읽기 권한만 있으면 cors 에러가 발생될 수 있습니다. 2-1. 소유권이 동일하지 않을 경우 - 소유권 변경 방법 sudo chown -R vagrant:vagrant ~/code/crypto-admin-backend/storage 설명) 여..
준비 단계) 먼저 프론트에 spinner 및 메크로 방지 적용부터 진행해주시길 바랍니다. Http/Kernel.php protected $middlewareGroups = [ 'web' => [ // ], 'api' => [ 'throttle:300,1', 'bindings', ], ]; 추가 설명) throttle:300, 1로 설정한 이유는 그전에 60, 1 즉 1분동안 60번 호출하라는 해결 방법에 대해서 적용을 했을 때 프론트에서 spinner를 적용했는데도 many request 에러가 발생되어서 1분에 300번으로 늘렸습니다. 현재 서비스 과부하 여부를 확인하고 조정하면 될 것입니다. routes/api.php Route::group(['middleware' => ['auth:sanctum',..
netfunnel을 적용할 때 진입 허용수가 초과되었을 경우 대기창에는 현재 상단 이미지처럼 보여지게 될 것입니다. 그런데 특정 기업에서 서비스를 진행할 때 문구가 서비스명이 아닌 연결한 서비스명이 나오면 유사성이 없어서 완성도가 떨어져 보일 수 있기 때문에 변경하는 방법에 대해서 간단하게 설명 진행하겠습니다. 1. NetFUNNEL>프로젝트>대기창 메뉴로 접속합니다. 설명) 현재 따로 설정한 것이 없다면 +버튼만 존재할 것입니다. +버튼을 눌러서 대기창을 변경해보겠습니다. 2. 기본 대기창에서 서비스 로고, 타이틀, 대기창 문구를 변경해서 좌측 이미지 변경되는 것을 확인하시고 저장하시면 됩니다. 추가 설명) 서비스 로고는 파일 처부에서 이미지 크기에 맞게 설정해서 적용하시면 됩니다.
netfunnel 트래픽 제어 공식문서 https://stclabsupport.zendesk.com/hc/ko/articles/27156400795801-WEB-%EC%97%90%EC%9D%B4%EC%A0%84%ED%8A%B8-API-%EC%97%B0%EB%8F%99%EC%9D%84-%ED%86%B5%ED%95%9C-%ED%8A%B8%EB%9E%98%ED%94%BD-%EC%A0%9C%EC%96%B4 설명전) 구간 제어는 주로 결제구간에다가 적용하는데 이유는 페이앱 결제하는 부분은 한구간이기 때문에 그 구간을 스크립트 영역 사이에 외부 침입을 막는다고 보시면 됩니다. 기초 지식) 지금 제가 설명하는 부분은 netfunnel을 적용하는 방법이므로 최소한 nextjs component 및 page 적용은 하실..
netfunnel 트래픽 제어 공식문서 https://stclabsupport.zendesk.com/hc/ko/articles/27156400795801-WEB-%EC%97%90%EC%9D%B4%EC%A0%84%ED%8A%B8-API-%EC%97%B0%EB%8F%99%EC%9D%84-%ED%86%B5%ED%95%9C-%ED%8A%B8%EB%9E%98%ED%94%BD-%EC%A0%9C%EC%96%B4 설명전) 기본 제어는 주로 메인페이지에다가 적용하는데 이유는 index가 첫 도입부분인데 여기에 NFStart로 시작을 걸어두고 실제거기에서 진입수 허용 범위에 해당되는 사람들만 메인페이지에 들어올 수 있게 한다면 그것이 곧 구간제어와 비슷한 원리로 적용이 됩니다. 기본제어를 그외 다른 페이지에도 적용이 되지..
시작전) netfunnel은 단순하게 사람들이 많이 몰릴때 서버가 감당할 수 있는 수준을 만들기 위해서 프론트 부분에서 진입수를 제어하는 역할을 도와줍니다. 그래서 보통 공연 티켓 판매 서비스를 만들 때 많이 이용하는데 netfunnel은 유료버젼이기 때문에 최대한 서버를 구축하고 netfunnel을 사용하지 않을 때에도 진입 허용수에 대해서 최대한 테스트를 해본 다음에 적용하는 것을 추천합니다. 그렇지 않을경우 netfunnel을 이용할 때 초과되는 진입수로 인해 본인이 선택한 플랜보다 비용이 많이 청구돼서 나중에 득보다 실이 더 많아질 수 있기 때문입니다. netfunnel 공식문서 - 메인 페이지 제어 참고 https://stclabsupport.zendesk.com/hc/ko/categories/..
threejs에서 특정 name을 찾을때 현재 gltf 파일을 연결해서 node name을 찾을 수 있지만 예를 들어서 건물 3d model을 비유할 때 창문도 여러개 있을거고 문도 여러개 있을것인데 특정 부분을 움직임을 줄려고 할 때 이 방법을 사용하게 되면 어떤 부분인지 정확히 알 수가 없기 때문에 움직임을 주기전에 어려움을 겪을 수 있습니다. gltf.scene.traverse(function (node) { if (node.isMesh) { console.log('node name 확인: ', node.name) } } 그래서 제가 특정 model을 찾는 tip을 알려드리고자 이렇게 설명하게 되었습니다. 이 방법을 사용하기 위해서는 3d 모델링 프로그램을 설치를 해야하는데 제가 추천하는 프로그램은..
※3d model 무료로 가져오기 꿀팁 https://sketchfab.com/ Sketchfab - The best 3D viewer on the web With a community of over one million creators, we are the world’s largest platform to publish, share, and discover 3D content on web, mobile, AR, and VR. sketchfab.com 1. sketchfab 접속하셔서 회원가입하고 검색창에 free라고 입력합니다. 2. 원하시는 3d model을 선택하고 Download 3D Model을 클릭합니다. 3. 다운로드 type은 glTF로 받습니다. ※파일 셋팅 저는 우선 html에서 thr..