Web (59) 썸네일형 리스트형 [React ] React 서버 구성 요소의 심각한 보안 취약점 (+next js) https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-componentsReact에서 큰일이 났다 엄청난 보안 취약점이 나온 것이다.Log4j 이후 가장 최악이라고 기사가 났다.. 우리 회사는 다행히 19버전을 사용하고 있지않아서 문제가 없었지만,react 19버전을 사용하거나, next 15~16버전을 사용한 회사들은 지금 난리 났지 않았을까 싶다.좀 더 귀를 열고 살아야하는데 못한 것 같다.이것을 계기로 또 구독을 하나 늘려본다. --React 서버 구성 요소의 심각한 보안 취약점2025년 12월 3일 React 팀 작성React Server Components에 인증되지 않은 원격 코드 실행 취약점이 있습니.. [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 에서는 .. 이전 1 2 3 4 ··· 8 다음
