Web (58) 썸네일형 리스트형 [Mobile] 모바일 웹 디버깅 하기 (feat. android / windows) 무선 디버깅 기준 모바일 웹 디버깅 하기 1. Android 디버그 브리지(adb) 설치 (윈도우)https://developer.android.com/tools/releases/platform-tools?hl=ko다운로드 > 압출풀기 > 환경변수(경로) 등록 2. 핸드폰 개발자 옵션 활성화 (핸드폰)핸드폰 마다 조금씩 경로나 이름이 다를 수 있습니다.설정 > 시스템 > 휴대전화 정보 > 빌드번호 (여러번 클릭) > 개발자 옵션 활성화 3. 디버깅 모드 활성화 (핸드폰)핸드폰 마다 조금씩 경로나 이름이 다를 수 있습니다.설정 > 개발자 옵션 > 디버깅 모드 활성화 > 무선 디버깅 활성화 4. adb pair (모바일/윈도우)(핸드폰) 무선 디버깅 클릭 > 페어링 클릭(윈도우) cmd > adb pair .. [Web] 다른 사이트들의 평균 JS 크기 확인하기 (feat. 웹 서비스 성능 분석) https://httparchive.org/reports/state-of-javascript?start=earliest&end=latest&view=list HTTP Archive: State of JavaScriptJavaScript powers the modern web, enabling rich and interactive web applications. In this report we dive into how JavaScript is used on the web, and its adoption and trends both for mobile and desktop experiences.httparchive.org [Web] 2025.4.22, 구글, 크롬 브라우저 쿠키 삭제 계획 포기 (feat. 쿠키 리스) https://privacysandbox.com/news/privacy-sandbox-next-steps/ Next steps for Privacy Sandbox and tracking protections in ChromeIn this April 2025 announcement, the Privacy Sandbox team shares next steps for Privacy Sandbox and tracking protections in Chrome.privacysandbox.com 결론: Chrome에서 사용자에게 타사 쿠키 선택권을 제공하는 현재 방식을 유지하기로 결정했으며, 타사 쿠키에 대한 새로운 독립형 프롬프트를 출시하지 않을 것입니다. 사용자는 Chrome의 개인정보 보호 및 보안 설정에서.. [Tailwind] tailwindcss cli 프론트 개발을 한다고 하였을때 특히 js 관련 프로젝트를 진행한다고 하였을 때 tailwind를 모르기란 쉽지않다. 오랜만에 프론트 진행을 하였는데 가벼운 프로젝트라 python 으로 서버를 돌리고 jinja 템플릿을 조금 사용하고 js로 함수로 기능을 붙이고.. 하였다.. 이때 css의 사용 편의성을 위하여 tailwind를 사용하였는데 커스텀이 필요하였다. 처음에는 아래와 같이 tailwindcss를 기본적으로 넣고 수정이 커스텀 css 들을 작성하여 반영하는 방식으로 하였다. 근데 이렇게 했을 경우 문제점이 자꾸 모듈을 넣어줘야하니까 화면이 깜박깜박거리는 것이다.엄청나게 거슬린다. 그래서 그걸 고치는 방법을 찾아봤는데 tailwindcss cli 로 패키징을 다시해주는듯하다. 원래는 이렇게 사용하는.. [JS/VS Code] 다국어 지원 개발 i18n Ally extensions 다국어 개발을 진행할때 i18n Ally 를 사용하면 좋다. 다른 방법들도 많을테지만,이때 vscode나 인텔리J 에 익스텐션도 제공하는듯 싶다. 다양한 프레임워크에서 사용할 수 있어서 너무 좋다.https://github.com/lokalise/i18n-ally/wiki/Supported-Frameworks더보기 옛날 옛적 이게 뭐였는지 json 가서 보던 시절은 갔다..간단히 적어보면 화면에서 보이는 단어를 선택할 수 있고,호버하면 전체 다 볼 수 있고관리도 그나마 쉽고다양한 다국어를 지원한다. 더 다양한 기능과 사용법은 docs나 다른 사용자의 사용기를 참고하자.https://github.com/lokalise/i18n-ally/wiki Home🌍 All in one i18n extension.. [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"; .. 이전 1 2 3 4 ··· 8 다음
