본문 바로가기

반응형

Web

(53)
[JS] SpreadJS (feat. excel) Javascript 로 엑셀하기!! https://grapecity.co.kr/spreadjs?gclid=Cj0KCQjwmvSoBhDOARIsAK6aV7gdUFdt17Fi-fx2rsuKu_KYi3a4YnvlAb_0ljNYjtJ4_4rQAdBgG5waAv2vEALw_wcB SpreadJS | JavaScript Excel UI 컨트롤 | JavaScirpt 스프레드시트 Empower Developers grapecity.co.kr
[React] pdf export image S3 CORS (feat. html2canvas, react-pdf) react에서 pdf로 파일을 내보내는 기능을 만드는데 CORS 에러가 났다. html2canvas와 react-pdf로 시도해 보았다. 기본적으로 해주어야하는것 서버쪽에서 cors권한 추가해주면 된다고해서 S3 CORS 정책을 추가하였다. 일반적인 경우 서버쪽에서 이런 처리를 해주면 된다. [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET", "HEAD" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [ "x-amz-server-side-encryption", "x-amz-request-id", "x-amz-id-2" ], "MaxAgeSeconds": 3000 } ] 근데도 안되었다.. 멘붕;; 원인 S3 에서는 ..
[nginx] nginx 에서 ws 를 연결할 수 있는가 (feat. ChatGPT's Q&A) 나중에 공부해야하는거 ChatGPT's Q&A nginx 에서 ws 를 연결할 수 있는가 네, nginx는 WebSocket 연결을 지원합니다. WebSocket 모듈을 로드하고 설정 파일에 WebSocket 업스트림과 프록시 패스를 추가하면 됩니다. 아래는 예시입니다: http { upstream websocket { server 127.0.0.1:3000; } server { listen 80; server_name example.com; location /ws/ { proxy_pass http://websocket; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; ..
[javascript] 커링 (feat. f(a)(b)(c)) 참고 https://ko.javascript.info/currying-partials 커링 ko.javascript.info
[javascript] 동일한 이름의 사진을 업로드하였을 때 새 이미지로 새로 고침이 안되는 경우 웹이든 모바일이든 캐시로 인하여 이름 및 확장자가 같은 경우 같은 파일이라고 인지되어 새로 받아오지 않는 현상이 일어난다. 그럴때 해결방법 url에 쿼리스트링 등 을 추가속성을 붙여준다. 예를 들어 원래 요청이 https://24hours-beginner.tistory.com/img/test.jpg 라고하였을때 실제 요청은 아래와 같이하면 된다. 1. 쿼리스트링 https://24hours-beginner.tistory.com/img/test.jpg?t=2022-09-20_16:08:55 2. 목차 https://24hours-beginner.tistory.com/img/test.jpg?#2022-09-20_16:08:55 참고 [javascript] 동일한 URL에서 새 이미지로 이미지 새로 고침 [j..
[TypeScript] .d.ts 파일이란? https://spookyjelly.tistory.com/83 [예전 글 다시쓰기] .d.ts 파일이란? 과거에 썼던 글 https://spookyjelly.tistory.com/39 을 다시 쓴 글입니다. 0. 들어가는 말 약 1년 전에 d.ts 파일에 관해 글을 적었는데, 지금 와서 다시 읽어보니 글의 깊이가 없고 거의 위키 글을 복붙한 수 spookyjelly.tistory.com [예전 글 다시쓰기] .d.ts 파일이란? 도깨비젤리· 2022. 6. 26. 19:37 과거에 썼던 글 https://spookyjelly.tistory.com/39 을 다시 쓴 글입니다. 1. d.ts 파일이 필요한 이유 .d.ts 파일은 JS 모듈을 TS에서도 사용할 수 있도록 타입만을 선언한 파일 2. d.ts 파..
[NGINX] SSL 인증서 발급 Error (feat. certbot) 원인&해결 certbot으로 인증서 생성 sudo certbot --nginx -d domain.com 후 nginx -t를 하니 아래와 같은 에러가 났다. 보니 domain.com.conf는 변경이 자동으로 되었는데 pem 파일 등이 안만들어진것이였다. 도메인 연결한지 별로 안되서 잘 안된것 같기도하고 (연결 불안정) 여러번하다보니 시간이 지나고 나서 그냥 되었다. 하다가 뭔가 기존것이 있는데 기존꺼 말고 새로 만들거임? 이라는 옵션이 있었는데 계속 파일이 안만들어진다면 새로 만들기를 하자. 그러면 잘된다. domain.com-001 뭐 이렇게 만들어진다. 새로 만드니까 더 잘됬다; 인증서 제거 파일을 없애거나 할 경우 파일만 없애는게 아니라 권한제거를 해줘야하는것 같다. 참고 https://eff-c..
[node] node-gyp Error gyp.. 사랑과 증오가 담긴 단어이다. GYP는 빌드 자동화 도구이며 파이썬으로 작성된 메타 빌드 시스템이다. 우리에게 많은 것을 가능하게 해주는 빌드툴이지만 나같은 보통의 개발자 같은 경우 잘 안보는 툴이다.하지만 우리가 사용하는 거의 모든곳의 베이스가 되는 node-gyp.. 그래서 node를 시작하면 처음으로 접하는 error가 node-gyp 관련 에러인 경우가 많다. python기반이므로 node-gyp error는 python 관련된게 많으며, node-gyp의 버전에 따라 pyhtno 3.x 이나 python 2.7.x 를 요청하는 경우가 있는데, 환경에 따라 이제 에러가 나는것이다. 실질적으로 npm에 들어가서 조회를 해보는 경우 버전마다 요청하는 python의 버전이 다르다. https..

반응형