My Tech Blog (브라우저)

⚠️ 문제크롬 브라우저에서 화면 클릭 시 깜빡임 커서가 생기는 문제블로그 이용 중에 뮤직플레이어, 본문, 아무데나 마우스를 클릭하면 커서가 생기는 현상🧐 원인캐럿 브라우징 기능이 활성화 되어서 나타나는 문제이다. 💡캐럿 브라우징(Caret Browsing) 이란?웹 페이지에 커서를 표시해 마우스 없이 키보드로 웹 페이지를 이동할 수 있는 기능이다.마우스나 터치패드를 사용할 수 없는 환경을 위해 만들어진 기능인데, 이 기능을 켜면 Tab 키나 Page up/down, Home/End 등 을 이용해 웹 페이지 이동할 수 있다. 글이 많은 페이지를 읽는 경우 읽은 자리를 표시하고 링크된 글자를 드래그 할 수 있어서 유용한 기능이다.  ⚡ 해결법해제하는 방법은 F7 누르기!크로미움 계열 브라우저인 크롬, 웨..

⚠️ 문제[맥북] Vscode 에서 실행한 라이브 서버에서 safari 브라우저 개발자 도구가 열리지 않음. 맥북은 윈도우랑 달리 개발자도구를 사용하려면 먼저 Safari 설정에서 "개발자 메뉴"를 활성화해야 함.  ✅ 해결법1. Sarafi 브라우저 환경설정 열기2. "고급" 탭  →  "메뉴 막대에 개발자 메뉴 보기"를 체크  or 하단의 "웹 개발자를 위한 기능 보기" 체크3. 개발자 도구 열기  맥북은 개발자도구가 F12가 아니네....F12로 단축키 변경을 시도해 보았으나 변경은 안된다고 함 ㅎㅎㅎ난 윈도우만 20년 써서 맥북은 하나도 모르겠다... Safari 환경설정 단축키  command + ,개발자도구 단축키 option + command + i

자바 온라인 IDE 모음 👩🏼‍💻 인텔리제이나 이클립스를 설치하지 않고도,브라우저에서 바로 실행가능한 자바 IDE 웹 컴파일러 사이트 두 개 가져와 봤어요.코테 문제 풀 때 간단히 코드 테스트 하는 용도로 사용하시면 좋을 것 같습니다. 제가 추천하는 자바 웹코딩 사이트는Online Java IDE와 JDoodle, MyCompiler 입니다.간단하게 코테 결과 콘솔에 실행할 용도로는 MyCompiler 추천합니다~   어떤 사이트가 더 적합할지는 주로 개발 환경과 요구되는 기능의 수준에 따라 달라집니다.Jdoodle은  경량화된 코드 테스트와 다중 언어 지원에 초점이 맞춰져 있어, 초보자나 간단한 코드 실행 및 결과 확인에 적합하며, 복잡한 디버깅이 필요한 대규모 프로젝트보다는 학습이나 빠른 테스트..

📝 JavaScript ✅ 1. screen 객체screen 객체는 사용자의 모니터 정보(속성)을 제공하는 객체입니다. 예를 들어 모니터의 너비나 높이 또는 컬러 표현 bit을 반환합니다.  1-1. 기본형 screen.속성;screen.width; //모니터의 너빗값 반환 1-2. screen 객체 의 속성 종류종류설명screen.width화면의 너비값 반환screen.height화면의 높이값 반환screen.availWidth(작업 표시줄을 제외한) 화면의 너비값 반환 screen.availHeight (작업 표시줄을 제외한) 화면의 높이값 반환 screen.colorDepth사용자 모니터가 표현 가능한 컬러 bit를 반환  ✅ 2. location 객체location 객체는 사용자 브라우저와 관련..

📝 JavaScript 🖥️ 브라우저 객체브라우저에 내장된 객체를 '브라우저 객체'라고 합니다. window는 브라우저 객체의 최상위 객체이고, window 객체에는 하위 객체가 포함되어 있습니다. 즉, 계층적 구조로 이루어져 있으며 이것을 브라우저 객체 모델(BOM, Browser Object Model)이라고 합니다. ​✅ window 객체의 메서드 한눈에 보기​종류기능open("URL", "새 창 이름", "새 창 옵션")URL 페이지를 새 창으로 나타내기alert(data)경고 창을 나타내고 데이터를 보여주기사용자가 [확인] 누르면 alert() 사용한 다음 위치 코드 수행prompt("질문", "답변")질문과 답변으로 질의응답 창을 나타내기confirm("질문 내용")질문으로 확인이나 취소 ..