박주니 개발 정리

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..

설명 이유) 모든 기록들이 로그로 쌓이게 되는데 프로젝트를 작게 시작할 때는 괜찮지만 스케일이 커지고 스케줄러 및 대량 데이터를 관리하다보면 로그 데이터 사이즈가 커지면서 여러 문제를 야기하는 것을 보게 되었습니다. 그래서 현재 필요하지 않는 로그에 대해서 압축 및 초기화를 진행해서 최대한 데이터사이즈를 줄여서 중간에 실행이 중단되지 않기 위해 적용하게 되었습니다. 1. logrotate 설치합니다. sudo apt-get install logrotate 추가 설명) 저는 vagrant 환경에서 진행했기 때문에 접속한 후 logrotate를 설치 진행했습니다. 2. 현재 프로젝트 로그 파일 위치를 확인합니다. 추가 설명) laravel에서 storage에 logs폴더 안에 log가 존재합니다. 이제 이 ..

예시 표) 공연명 등급 좌석 내용 2023 공연 VIP 1 엑셀을 활용해서 데이터를 만들 때 반복되는 패턴들이 있고 그것을 인용해서 통합된 데이터가 필요할 때가 있습니다. 그런데 그것을 row 한줄 한줄 적게 될 때에 10개이내면 상관없는데 1000개가 넘어가는 대량 데이터를 만들 때는 패턴을 알지 못하면 데이터만 만들다가 하루가 금방 지나갈 것입니다. 티켓 기준 공연명, 등급 : 동일하게 데이터를 넣기 때문에 ctrl 누르고 해당 내용을 드래그 진행 문자+숫자일 경우 드래그를 바로 할 경우 숫자가 변하면서 넣게 됩니다. 좌석 : 보통 순차적인 숫자를 넣기 때문에 ctrl 누르고 해당 내용을 드래그 진행 내용 공연명이 A행이라고 했을 때 등급, 좌석은 B, C로 가정합니다. 해당 셀에 =A2 &B2 & ..

설명 이유) 보통 엑셀 업로드 기능을 관리자페이지에서 데이터를 시각적으로 필요한 데이터를 출력하기 위해 엑셀 업로드 기능을 만드는데 예를 들어서 결제 완료, 결제 대기등 색깔 구분을 하지 않으면 구분하기가 어렵습니다. 또한 exceljs 버전 업데이트에 따라서 richText 적용 방식이 달라진 부분도 있어서 공유하기 위해서 설명을 적게 되었습니다. 가운데 정렬이랑 테두리 설정하는 것은 chatgpt에 물어보면 그대로 붙여서 사용하시면 가능하기 때문에 따로 설명은 하지 않았습니다. 참조 : 엑셀 업로드시 데이터 셋팅하는 방법 참고 (rowData) richText 사용하실 때는 별도 설치하실 것은 없습니다. rowData에서 특정값에 richText를 사용해서 색깔 구분을 합니다. const rowDat..

설명 이유) 마켓을 운영하다보면 리스트를 확인할 때 해당 상품에 이미지도 엑셀에 필요할 때가 있습니다. 저는 이미지를 ipfs형식으로 전환해서 불러오기 때문에 에 src로 url 넣으면 이미지가 나오지만 엑셀 적용은 다른 방식이기 때문에 공유하게 되었습니다. 먼저 이 설명을 듣기 전에 엑셀 업로드시 데이터 적용 방법 참고하시기 바랍니다. 엑셀 업로드해서 데이터 적용하는 방법은 동일합니다. 그부분에서 rowData에 image_url을 추가해서 삽입하는 과정이라고 생각하시면 됩니다. 1. ipfs url 을 따로 데이터를 rowData에서 제외해서 진행합니다. const assetKeys = Object.keys(asset); assetKeys.forEach((id, i) => { console.log("..