Computer/WEB, PHP-JAVA-Script
웹페이지 들어왔을때 다른곳으로 이동시키기
DNS를 이용하는것도 있고,스크립트나 여러가지가 있지만,메타태그를 이용해서 그냥 간단하고 깔끔하게 잘 동작하는 방법이 아닐까?보면 딱! 알 수 있을 듯 하니 설명 패스!목적에 따라 필요한 방법이 다르겠지만, 현재 이걸로 충분!
Computer/WebDesign, Animation
인기도 높은 CSS 프레임워크 비교 분석
다음은 최근 인기 있는 7가지 CSS 프레임워크에 대한 상세 분석 글입니다. 각 프레임워크의 개념, 주요 특징, 그리고 장단점을 자세히 살펴보았습니다. 이 글은 여러분이 프로젝트에 적합한 CSS 프레임워크를 선택하는 데 도움이 되고자 작성되었습니다.인기도 높은 CSS 프레임워크 비교 분석웹 프론트엔드 개발의 효율성을 높이기 위해 CSS 프레임워크를 활용하는 사례가 많아졌습니다. 프로젝트의 규모나 디자인 요구 사항에 따라, 프레임워크마다 제공하는 기능과 철학이 다릅니다. 이번 포스팅에서는 Tailwind CSS, Bootstrap, Materialize CSS, Foundation, Bulma, Skeleton, Open Props 등 인기 프레임워크 7가지를 소개하고, 각각의 특징과 장단점을 심도 있게 ..
Computer/ETC
Cloudflare 에서 Netlify 설정 어떻게 하면 좋을까?
Netlify는 자체적으로 콘텐츠 전송 네트워크(CDN)를 제공하므로, 추가로 Cloudflare의 프록시를 사용하는 것은 권장되지 않습니다. Netlify는 Cloudflare와의 프록시 설정이 다음과 같은 문제를 일으킬 수 있다고 명시하고 있습니다: 배포 및 롤백 지연: Cloudflare의 캐싱으로 인해 Netlify의 원자적 배포와 롤백 기능이 즉시 반영되지 않을 수 있습니다.기능 제한: Netlify의 분석 및 분할 테스트와 같은 기능이 제대로 작동하지 않을 수 있습니다.성능 저하: 두 CDN을 중첩하여 사용하면 응답 시간이 증가할 수 있습니다.지원 제한: Netlify 지원팀이 Cloudflare를 통한 요청을 추적하기 어려워 문제 해결이 복잡해질 수 있습니다. 따라서, Netlify에서 ..
Computer/WEB, PHP-JAVA-Script
이미지 회색으로 필터 씌우기
이미지를 웹에서 사용하다 보면,컬러풀한 이미지를 사용할때가 많은데,웹디자인이랑 안어울려 모든곳에 잘 어울리는 회색톤으로 이미지를 변경해서 사용해야 될 순간이 있다.그럴때,어떻게 설정하면 좋을까?.gray-tone { filter: grayscale(100%);}나의 경우에는 간단하게 gray-tone 이라는 클래스를 하나 만들어서 필요한 순간순간에 사용하고 있다.요즘 웹에서는 풀스택 프레임워크들이 하두~~~ 많이 나와서,더 쉽고 빠르게 하는 방법들이 많지만,난 개인적으로 늙은이라 그런가..? 무진장 하드코딩이 편할때가 있다.프레임워크도 너무 다양해서, 다 쉽긴한데..다들 조금씩 조금씩 다르니깐 이것 저것 사용하다보니 헷갈리는 경우가 종종있다.폰트 하나 마음에 들어서 소개하고 오늘은 이만 사라지도록 ..
Computer/ETC
'바탕화면 위치를 사용할 수 없습니다', 그런데 사용하고 싶어요!
안녕하세요, 여러분! 오늘은 데스크탑 폴더 위치 오류를 해결하는 세 가지 방법을 알려드릴게요.해결 방법 1: 사용자 아래의 데스크탑 폴더 경로를 복사해요!가끔 시스템이 잘못된 위치의 바탕화면을 찾느라 오류가 나는 경우가 있어요. 그래서 아래 단계대로 바탕화면 폴더를 시스템의 지정된 경로로 복사해주면 돼요!하나: 파일 탐색기를 열고 C 드라이브로 이동해요. "Users" 폴더를 클릭하고 내 사용자 이름을 클릭한 뒤, 그 안에 있는 "Desktop" 폴더를 찾으세요.둘: 파일 탐색기를 하나 더 열고, 이번엔 C:\Windows\System32\config\systemprofile 경로로 가주세요. (Windows 10을 사용 중이라면 'System32'는 대문자로!)셋: 이제 첫 번째 파일 탐색기에 있던 D..
Computer/ETC
임시 이메일이 필요할때.?
예전보다 그래도 이메일을 요청하는곳이 많이는 없지만, 그래도 종종있다.요즘은 대부분 그냥 연락처를 요구하지! ㅋㅋ하지만, 필요치 않는 사이트에서 이메일 인증을 요구하거나,한번만 이메일인증하고 사용안할껀데,잊어버리고 지나면 될일인데 ... 그래도 이메일이 필요할때!?지메일이나 다음이나 네이버 메일을 사용하자니,스팸올꺼 귀찮고노출하기 싫어지고 그럴때?그렇다고 다시 막 사용하는 아이디 만들고 하기는 싫을때!TEMP MAILhttps://temp-mail.org/ko/여기를 추천한다.접속하면 임시 이메일이 만들어지고,해당 이메일로 메일을 보내면 메일이 받아진다.아래쪽에 메일박스가 있는데메일을 기다리고 있다.요로코롬, 잘 된다.생각보다 메일도 빠르게 잘 받아오고, 정말이지 임시로 이메일 사용하기에는 딱 좋은듯 하..
Computer/WEB, PHP-JAVA-Script
<iframe> 아이프레임 스크롤 기준으로 높이 자동 조절
scrollHeight에서 +20을 더해주었다. 단위차이랄까?설명하려니 귀찮다. 넣으면 깔끔하다. 여기까지 찾아올 실력이라면,자세한 설명은 필요없을것이라고 생각한다.가끔 필요해서 정리해 보았다.-끝- 너무 틱! 하고 간듯하여 다시 돌아왔다.1. `` 태그- 자바스크립트를 정의하는 부분입니다. `language="javascript"` 속성은 HTML4에서 사용되던 방식으로, 최신 표준에서는 생략 가능합니다.2. `ifmHeight()` 함수- `iframe`의 콘텐츠가 로드될 때, 그 내부 콘텐츠의 높이를 계산해서 `iframe`의 높이를 자동으로 조절하는 함수입니다. - `getElementById("ifm")`는 id가 `ifm`인 `iframe` 요소를 찾습니다. - `contentWindow.d..
Computer/WebDesign, Animation
풍향 풍속을 표현해 보자
풍향과 풍속을 지도에서 시각화하는 데 사용할 수 있는 몇 가지 유용한 JavaScript 라이브러리들이 있습니다.leaflet-velocity이 라이브러리는 Leaflet 지도 위에 풍향과 풍속을 애니메이션으로 표시할 수 있습니다. 주요 특징은 다음과 같습니다:- Leaflet 플러그인으로 사용 가능 - 바람, 해류 등 다양한 종류의 속도 데이터 시각화 가능 - 방향과 강도를 캔버스 레이어로 표현 - 사용자 정의 옵션 제공 (색상 스케일, 입자 애니메이션 등) GitHub - onaci/leaflet-velocity: Visualise velocity data on a leaflet layerVisualise velocity data on a leaflet layer. Contribute to onac..
Computer/ETC
Arduino IDE, 보드매니저나 라이브러리 매니저등 경로 설정
경로에 한글이 있어도 잘되던 시절이 있었다.어느순간부터 갑자기 한글이 있다고 잘 안되던것이였다.아두이노 IDE에서 경로 수정이 불가피했다. 빠르게!!근데 어디서 바꾸지? 라는 의문...... 으로 글을 적어보았다.C:\Users\\.arduinoIDE\arduino-cli.yaml에 가면 arduino-cli.yaml 파일이 있다.이 파일을 열어보면,board_manager: additional_urls: - https://dl.espressif.com/dl/package_esp32_index.jsonbuild_cache: compilations_before_purge: 10 ttl: 720h0m0sdaemon: port: "50051"directories: bui..