IT정보 - Iter

미국구글 바로가기 / 영국 등 다른 나라 구글 주소 총정리

미국구글 바로가기, 구글 대표 주소는 "www.google.com"입니다. 한국, 미국, 프랑스 또는 일본 등 어떤 나라에서 접속하든 대표 주소로 접속하면 접속 지역의 구글로 바로 연결이 됩니다. 구글 접속의 기본 원리미국 구글 바로가기구글 주소 체계 이해하기주요 국가별 구글 바로가기활용 예시 구글 접속의 기본 원리 구글의 대표 주소는 www.google.com입니다. 이 주소로 접속하면 현재 위치한 국가의 구글 서비스로 자동 연결됩니다. 이는 대부분의 사용자에게 편리하지만, 다음과 같은 경우에는 불편할 수 있습니다: 한국에 거주하는 외국인 해외에 거주하는 한국인 특정 국가의 구글 서비스를 이용해야 하는 경우 미국 구글 바로가기 미국 구글에 직접 접속하려면 다음 주소를 이용하세요: 미국 구글 접속 주소: https://www.google.com/webhp?hl=en 구글 주소 체계 이해하기 구글 주소 체계는 다음과 같은 규칙을 따릅니다: www.google.국가코드/webhp?hl=언어코드 미국 구글만 최상위 도메인 .com을 사용 다른 나라는 각 국가의 최상위 도메인(국가 코드) 사용 언어 설정은 주소 끝에 webhp?hl=언어코드 형식으로 지정 주요 국가별 구글 바로가기 국가접속 주소언어미국https://www.google.com/webhp?hl=en영어영국https://www.google.co.uk/webhp?hl=en영어프랑스https://www.google.fr/webhp?hl=fr프랑스어독일https://www.google.de/webhp?hl=de독일어호주https://www.google.com.au/webhp?hl=en영어일본https://www.google.co.jp/webhp?hl=jp일본어한국https://www.google.co.kr/webhp?hl=ko한국어 활용 예시 예를 들어, 미국에서 한국 구글을 한국어로 이용하고 싶다면: 한국 구글 주소 + 한국어 설정: https://www.google.co.kr/webhp?hl=ko 다른…

2025-03-11

워드프레스 호스팅 종류 요약 (웹호스팅, VPS호스팅) 2023

워드프레스 호스팅 종류, 워드프레스 설치와 운영에 필요한 호스팅 중 웹호스팅과 VPS호스팅에 대해 알아보고 내게 맞는 호스팅 종류를 선택하도록 합니다. 워드프레스 호스팅 종류웹호스팅VPS호스팅웹호스팅 vs VPS호스팅 워드프레스 호스팅 종류 워드프레스를 설치하고 운영할 수 있는 여러 호스팅 서비스 중 대다수의 블로거분들은 웹호스팅(공유호스팅) 또는 VPS호스팅(가상서버 호스팅)을 선택해 사용하고 있습니다. 웹호스팅(공유호스팅) VPS호스팅(가상서버호스팅) 웹호스팅 웹호스팅(공유호스팅)은 1대의 서버 컴퓨터를 불특정 다수가 함께 공유해 사용하는 호스팅 비스입니다. 물론 단독 웹호스팅도 존재합니다만 여기서는 논외로 하고 공유 호스팅에 대해서만 설명하겠습니다. 대표적으로 카페24의 웹호스팅, 워드프레스 메디지드 등이 있습니다. 웹호스팅 장점 웹호스팅의 최대 장점이라면 하나의 서버를 여러 사람이 공유하는 만큼 저렴한 가격에 서비스를 받을 수 있는 것과 서버 관리를 하지 않아도 된다는 점입니다. 웹호스팅 단점 반면에 웹호스팅의 단점으로는 한정된 서버 자원을 여러 사람과 공유하기 때문에 내 사용량과 무관하게 전체 서버의 속도가 느려지거나 접속이 불안정 해지는 경우가 발생되곤 합니다. 그리고, 한정된 자원을 공유해야 하는 특성상 제한이나 제제 등이 있을 수 있습니다. VPS호스팅 VPS호스팅(가상서버 호스팅)은 한대의 컴퓨터에 여러 개의 가상 컴퓨터가 들어 있는 형태로…

2025-07-14

도메인 구매 등록 사이트 가격 비교, 2023년 가성비 좋은 업체 추천

국내 주요 도메인 등록 사이트 가격 정보를 알아보고 비교해 보는 시간을 가져보았습니다. 도메인을 구매할 때는 자신의 사이트 목적과 특성에 맞는 도메인을 선택 후 도메인 등록 업체의 서버 안정성과 설정 편의성, 부가 서비스, 가격 등을 잘 살펴보고 자신에게 맞는 업체를 선택하는 것이 좋습니다. 도메인 구매 등록 사이트도메인 구매 등록 사이트 가격후이즈가비아호스팅케이알카페24 호스팅닷홈도메인 구매 등록 사이트 가격 비교도메인 사이트 업체 추천 도메인 구매 등록 사이트 대표적인 국내 도메인 등록 업체로는 후이즈, 가비아, 호스팅케이알, 카페24 호스팅, 닷홈 등이 있습니다. 후이즈 가비아 호스팅케이알 카페24 호스팅 닷홈 도메인 구매 등록 사이트 가격 도메인 구매 등록 가격은 주요 도메인 com, net, co.kr, kr을 기준으로 조사했습니다. 결과적으로 도메인 등록 업체 중 가장 가격이 비싼 곳은 닷컴(com) 기준 부가세 포함 후이즈(28,600원)이며 가장 저렴한 곳은 호스팅케이알(14,190원)로 1만 4천4백 원의 차이가 있었습니다. 아래 각 업체별 가격 정보와 가격 비교표를 정리해 두었습니다. 후이즈 후이즈는 일반 최상위 도메인 관리기관으로 삼성, LG, 현대, SK 등 대체적으로 기업이나 기관등에서 이용하는 것으로 알려져 있습니다. 후이즈…

2023-05-20

HTML PDF 뷰어 3가지 방법(iframe, object, embed)

HTML PDF 뷰어, 웹문서 내에서 자바스크립트를 사용하지 않고 pdf 파일 내용을 뷰어로 바로 보여주거나 새 탭 또는 새창으로 열어 보여주는 3가지 방법입니다. HTML PDF 뷰어 샘플 이미지 HTML PDF 뷰어iframe 태그object 태그embed 태그a태그(링크) HTML PDF 뷰어 아래 3가지 태그를 이용하면 자바스크립트 없이 HTML 문서에 PDF파일 내용을 보여줄 수 있습니다. IE 브라우저가 종료되면서 자바스크립트 도움 없이 할 수 있는 것들이 많아진 것 같아요. iframe object embed HTML 태그 iframe과 object 그리고 embed 태그의 쓰임이 매우 유사한데요 각 태그를 사용해 웹페이지에 pdf 파일을 넣는 방법을 알아보겠습니다. iframe 태그 iframe(인라인 프레임) 태그는 현재 페이지 내에 다른 html 문서(웹페이지)를 삽입하는 용도이지만 html 문서 외에도 유튜브 동영상, 구글 지도, 코드블록 등을 다양한 외부 콘텐츠를 표시할 수 있습니다. <iframe src="example.pdf" title="example" width="100%" height="500" frameborder="0"></iframe> iframe 태그는 대체 텍스트로 title 속성을 사용합니다. object 태그 object태그는 이미지, 오디오, 비디오등을 표시하거나 브라우저 플러그인을 포함해야 하는 플래시 애니메이션, 자바 애플릿, ActiveX 컨트롤 등을 실행할 수 있습니다. 참고 : 현재 최신…

2023-05-14

CSS 결합자 (Combinators), 형제, 자식, 자손

CSS 결합자(Combinators)는 두 개 이상의 선택자를 결합하여 특정 요소를 선택하는 데 사용됩니다. 간단한 예제를 통해 CSS 결합자에 대해 알아보도록 하겠습니다. CSS 결합자 (Combinators) 참고로 MDN은 결합자(combinator)로 표기하고 w3schools은 선택자(selector)로 표기하고 있습니다. 인접 형제 결합자 (+) 일반 형제 결합자(~) 자식 결합자 (>) 자손 결합자 (space) 인접 형제(+) (adjacent sibling combinator) 인접 형제 결합자는 (+)로 표시하며 앞에서 지정한 요소의 바로 다음(첫 번째)에 위치하는 형제 요소만 선택합니다. 예제 : div + p { background-color: yellow; } <p>문단</p> <div> <p>문단1 (div 자식 요소)</p> <p>문단2 (div 자식 요소)</p> </div> <p>문단3 (div 다음에 위치한 형제 요소)</p> <p>문단4 (div 다음 다음에 위치한 형제 요소)</p> <div> <p>문단5 (div 자식 요소)</p> <p>문단6 (div 자식 요소)</p> </div> <p>문단7 (div 다음에 위치한 형제 요소)</p> <p>문단8 (div 다음 다음에 위치한 형제 요소)</p> w3schools 예제를 참고해 보세요 일반 형제(~) 일반 형제 결합자는 (~)로 표시하며 앞에서 지정한 요소 다음에 오는 형제 요소를 선택합니다. 예제 : div ~ p { background-color:…

2023-05-05

구글 검색 결과를 새창(새 탭)에서 여는 방법

구글 검색 결과를 새창(새 탭)에서 여는 방법, 구글에서 검색 후 링크를 클릭하면 현재 페이지에서 열리는 것이 기본 설정인데요 이것을 새창(새 탭)에서 열리게 설정하는 방법을 설명합니다. 구글 검색 결과 새창 구글 홈으로 접속 후 하단 오른쪽을 보면 "설정"이 있습니다. 설정을 선택 후 하위 메뉴 창이 나타나면 "검색 설정"을 클릭해 줍니다. 검색 설정 페이지로 이동되면 스크롤을 이용해 아래로 내려 보면 "검색결과 여는 창" 항목이 보입니다. 체크 박스에 체크합니다. 그리고 마지막으로 하단에 "저장" 버튼을 클릭해 설정을 저장합니다. 앞으로 선택한 구글 검색 결과가 새창(새 탭)에 열리게 됩니다.

2023-04-22

자바스크립트 const와 let의 차이점

const와 let은 자바스크립트에서 변수를 선언하는 데 사용되는 키워드로 const와 let의 몇 가지 중요한 차이점을 알아보겠습니다. 자바스크립트 const let 차이 1. 변수 재할당 가능 여부 let으로 선언된 변수는 재할당이 가능하지만 const로 선언된 변수는 재할당이 불가능합니다. let a = 1; a = 2; // b is now equal to 2 const b = 1; b = 2; // TypeError: Assignment to constant variable. 2. 전역 객체 const로 선언된 변수는 전역 객체(window, global)의 프로퍼티가 될 수 있지만 let으로 선언된 변수는 전역 객체의 프로퍼티가 될 수 없습니다. let a = 1; console.log(window.a); // undefined const b = 2; console.log(window.b); // 2 const와 let 변수는 각각의 상황에 맞게 사용해야 하는데요. 상수 값을 선언하거나 변수의 재할당을 막고 싶다면 const를 사용하고, 재할당이 필요한 변수를 선언 할때는 let을 사용해야 합니다.

2023-03-21

자바스크립트 스크롤 맨 위로 가기 버튼(부드럽게)

자바스크립트 스크롤 맨 위로 가기 버튼, 페이지 중간 또는 하단에서 버튼을 클릭하면 스크롤을 맨 위로 이동시키는 간단한 코드로 window.scrollTo() 메서드를 사용했으며 부드러운 이동을 위해 window.requestAnimationFrame() 메서드를 이용했습니다. 스크롤 맨 위로 가기 버튼 1. html페이지에 아래와 같이 버튼 요소를 추가합니다. <button onclick="backToTop()" id="btn-back-to-top" title="위로 가기">Top</button> 2. CSS파일에 아래 스타일 코드를 입력합니다. #btn-back-to-top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 9999; border: none; outline: none; background-color: #555; color: white; cursor: pointer; padding: 15px; border-radius: 10px; } #btn-back-to-top:hover { background-color: #333; } 3. 마지막으로 아래 코드를 자바스크립트 파일에 추가해 줍니다. // 스크롤 이벤트 리스너 window.addEventListener('scroll', () => { // 스크롤 위치가 100px 이상일 때 위로 가기 버튼을 보이게 함 if ( document.body.scrollTop > 100 || document.documentElement.scrollTop > 20 ) { document.getElementById('btn-back-to-top').style.display = 'block'; } else { document.getElementById('btn-back-to-top').style.display = 'none'; } }); // 클릭 시 페이지 맨 위로 스크롤 (애니메이션 효과 추가) function backToTop() { const position = document.documentElement.scrollTop || document.body.scrollTop;…

2024-02-03

자바스크립트 나이 계산(만 나이)

자바스크립트 나이 계산 소스로 만 나이를 계산합니다. 만 나이를 계산하는 다양한 방법이 있지만 일반적인 가장 만이 사용되는 코드를 작성해 보았습니다. TIP 참고로 2023년 6월부터 한국도 세는 나이 대신 만 나이를 사용한다고 합니다. 자바스크립트 나이 계산 생년월일을 입력받아 현재 날짜를 기준으로 생일이 지났는지 여부를 판단해 만 나이를 계산하는 자바스크립트 코드 소스입니다. // 생년월일 입력 const birthdate = new Date('2000-01-01'); // 현재 날짜 생성 const now = new Date(); // 생일이 지났는지 체크 let age = now.getFullYear() - birthdate.getFullYear(); if (now.getMonth() < birthdate.getMonth() || (now.getMonth() === birthdate.getMonth() && now.getDate() < birthdate.getDate())) { age--; } console.log(age); 또 다른 방식으로 입력한 생년월일과 현재 날짜 간의 차이를 계산하고 new Date(diffInMs).getTime()을 사용하여 밀리초를 나이로 변환하는 방법입니다. // 생년월일 입력 const birthdate = new Date('2000-01-01'); // 현재 날짜 생성 const now = new Date(); // 차이 계산 (밀리초 단위) const diffInMs = now - birthdate; // 밀리초를 나이로 변환 const ageInMs = new Date(diffInMs).getTime(); // 나이 계산…

2023-02-18

자바스크립트 글자 수 세기(feat. chatGPT)

chatGPT이 작성한 자바스크립트 글자 수 세기 코드입니다. 맛보기로 chatGPT에게 간단한 코드 작성을 요청해 보았는데요 직접 타이핑하는 것보다 빠르게 작성해 주네요. 주석도 달아 주고 하단에는 설명까지 친절하게 알려줍니다. 앞으로 chatGPT에게 코드 작성을 요청하고 수정해서 사용하면 생산성이 높아질 것 같네요. const str = '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세'; const letterCount = str.length; // 글자 수 (공백 포함) const letterhWithoutSpaces = str.replace(/\s+/g, '').length; // 글자 수(공백 제외) const spaceCount = (str.match(/ /g) || []).length; // 공백 수 const wordCount = str.trim().split(/\s+/).length; //단어 수 console.log( `공백포함 글자수: ${letterCount}, 공백제외 글자수: ${letterhWithoutSpaces}, 공백 수 ${spaceCount}, 단어 수: ${wordCount}` ); // 결과 : 공백포함 글자수: 35, 공백제외 글자수: 28, 공백 수 7, 단어 수: 8

2023-02-15