본문 바로가기

크롬87

Eclipse - 이클립스 "open web broser" 크롬으로 열기 안녕하세요. 고코더 입니다. 이클립스에서 바로 웹으로 확인할 때 크롬을 사용할 수 있는 방법을 알아보겠습니다. ● 1. 먼저 이클립스에서 메뉴 탭에서 "Window -> Preferences"를 클릭합니다. ● 2. 환경설정에서 "Web browser"를 클릭합니다. 그리고 해당 메뉴에서 Chrome을 선택하면 이클립스 기본 웹 브라우저를 크롬으로 사용이 가능합니다. 2021. 12. 2.
Chrome - 최신 버전의 크롬을 확인하는 사이트 / 베타버전, 개발버전 최신 버전의 크롬 다운로드, beta, dev, stable 안녕하세요. 고코더 입니다. 크롬은 자동으로 업데이트돼서 그런지 몇 버전이 최신 버전인지 인지하지 못할 때가 있습니다. 그래서 이번 시간에는 크롬의 최신 버전을 알 수 있는 URL을 공유하려고 합니다. ● 1. 바로 해당 URL입니다. https://www.chromestatus.com/features/schedule Chrome Platform Status www.chromestatus.com ● 2. 해당 사이트에서는 3가지의 최신 크롬을 확인할 수 있습니다. 버전대로 설명드리면 STABLE - 안정적인 버전, 대부분의 사람이 사용하는 버전 NEXT UP - 불안정적인 베타 버전, 미리 다음 버전 크롬을 사용하고 싶은 분들 DEV - 개발 .. 2021. 11. 11.
크롬 개발자 도구 - 한국어로 변경하기 chrome 메뉴 한국어로 변경하기 안녕하세요. 고코더 입니다. 크롬 개발자 도구는 프런트엔드 개발자에게는 필수적인 도구입니다. 백엔드도 자주 사용합니다. 영어로 되어 있는 설명이 불편한 분에게 오늘은 한국어로 변경하는 방법을 알아보려고 합니다. ● 1. 우선 크롬에서 개발자 도구를 실행합니다. 아디시다시피 F12입니다. 그리고 오른쪽 위에 있는 톱니바퀴 모양에 설정 버튼을 클릭합니다. ● 2. settings에서 Preferences를 클릭하고 Language에서 언어를 한국어로 선택합니다. ● 3. 그리고 크롬을 재시작하면 이렇게 모든 메뉴명이 한글로 변경되어 있습니다. 2021. 11. 8.
크롬 - 개발자 도구 console.log에서 아무 값도 보이지 않을때 크롬 콘솔 로그에 오류 값이 안 보일 때 안녕하세요. 고코더 입니다. 코딩을 하던 중 크롬 개발자 도구에서 콘솔 로그에 아무것도 보이지 않고 있습니다. 프런트 개발할 때 이 로그는 꼭 필요한 출력 창입니다. 재부팅을 해도 도저히 해결이 안 되던 중 황당한 이유를 발견했습니다. ● 1. Console 창 아래 보면은 바로 filter 창이 있습니다. 여기에 값이 들어가 있으면 해당 검색어에 맞는 로그만 출력됩니다. 이 부분 때문에 콘솔 로그가 보이지 않고 있었습니다. ● 2. 이 필터 부분은 문자열을 제거하면 원래대로 다시 콘솔로그가 출력됩니다. 혹시나 저처럼 당황하지 마시고 필터만 비워주시면 됩니다. 2021. 11. 7.
chromium - 최신 크로미움 브라우저 다운로드 안녕하세요. 고코더 입니다. 크롬의 기반은 크로미움입니다. 해당 브라우저의 설명은 이전 글에 남겨 두었습니다. 크롬, 웨일 등 많은 크로미움 기반 브라우저가 있지만 언제나 순정이 최고라는 건 변함이 없습니다. 이번 시간에는 최신 크로미움 브라우저를 다운로드할 수 있는 사이트를 하나 소개합니다. ● 1. 아래 사이트로 이동합니다. 공식 사이트는 아니고, 개발자가 만들어 놓은 사이트입니다. 자동으로 최신 버전을 가져오게 만들어놓은 기능 사이트입니다. https://chromium.woolyss.com/download/ko/ 최신 버전 크로미움 다운로드 (64비트 & 32비트) 가장 최신의 윈도우, 맥, 리눅스용 크로미움 릴리즈를 다운로드하세요 (64비트 & 32비트) chromium.woolyss.com ●.. 2021. 10. 31.
크롬 - 네이버 영어사전 사용하기 안녕하세요. 고코더 입니다. 크롬에서 가끔씩 영어사전을 사용하고 싶을 때가 있습니다. 특히 저처럼 영어공부를 하는 이들에게는 페이지를 한 번에 번역하는 것보다 단어 하나씩 검색하고 싶은데요. 물론 바로 구글에 검색하면 결과가 나오겠지만 확장 프로그램으로 작은 사전이 필요로 합니다. 그래서 확장 프로그램을 찾아보았습니다. ● 1. 해당 크롬 확장 프로그램을 다운로드합니다. 네이버 영어 사전을 바로 사용할 수 있는 확장 프로그램입니다. 개발자가를 보니 개인이 만들었네요. 네이버 영어사전 (Naver English Dictionary) - Chrome 웹 스토어 네이버 영어사전 (Naver English Dictionary) 영어 단어의 뜻과 예문을 쉽게 찾을 수 있습니다. chrome.google.com ●.. 2021. 6. 30.
크롬 - 새 탭을 검은색 빈화면으로 나오게 하기 / Empty New Tab Page - Black 검은색으로 새 탭 만들기 안녕하세요. 고코더 입니다. ● 1. 이전 시간에 크롬 기본 기능으로 탭을 열 때 "about:blank"를 이용해 빈 페이지로 보이도록 하는 방법을 알아보았습니다. 이번에는 좀 더 탭을 열 때 집중력을 흩트리지 않도록 검은색 바탕의 탭으로 열 수 있는 방법을 알아보겠습니다. 이번 시간에는 크롬 확장 프로그램을 사용해야 합니다. ● 2. 크롬으로 해당 프로그램인 Empty New Tab Page - Black로 접속합니다. 그리고 해당 프로그램을 설치를 합니다. 단순히 "Chrome에 추가"만 클릭해주면 됩니다. ● 3. 그렇게 설치 이후에 새 탭을 열어보면 이렇게 검은색 바탕화면으로 시작합니다. 집중 안될 때는 이만한 게 없어 보이네요. 마무리 회사에서 사용하기 좋아요. 2021. 1. 20.
테이어(Theia) - 크롬에서 VSCode를 사용하는 방법 / theia-ide.org 온라인 IDE 테이어 안녕하세요. 고코더 입니다. ● 1. 재밌는 클라우드 온라인 개발 프로그램을 하나 소개해드리려고 합니다. 현재 무료 IDE 중에 최고라고 하면 저는 단연 비주얼 스튜디오 코드를 뽑습니다. 이클립스라는 절대 강자가 있지만 자바에 한정된 무료 도구이지만, VSCode는 만능입니다. 이 대단한 도구를 온라인에서 사용이 가능합니다. 일렉트론으로 개발했으니 온라인으로 실행도 가능하겠네요. ● 2. 테이어를 사용하기 위해 해당 사이트에 접속합니다. 그리고 "Try in Gitpod"를 클릭합니다. https://theia-ide.org/ ● 3. 그럼 이렇게 현재 로그인된 깃허브와 연동할 수 있는 화면이 나타납니다. "Authorize gitpod-io"를 클릭합니다. ● 4. 그럼 자동으로 .. 2021. 1. 19.
Chrome - 크롬 시크릿 모드에서 쿠키 허용하기 크롬 시크릿 모드 일반 크롬과 동일하게 보이게 하기 안녕하세요. 고코더 입니다. ● 1. 크롬에서 시크릿 모드를 실행하면 기본적으로 쿠키를 제어합니다. 그래서 일반 크롬에서 실행했을 때랑 결과가 조금 다를 경우가 있습니다. 시크릿 모드 실행 후에 주소 줄 오른쪽을 보면 해당 아이콘이 표시됩니다. 이는 쿠키를 차단하고 있다는 표시입니다. ● 2. 이를 클릭하면 이런 창이 나타납니다. 쿠키를 허용하기 위해서는 "사이트가 작동하지 않나요?"를 클릭합니다. ● 3. 그럼 또 새로운 창이 나타납니다. 여기서 "쿠키 허용"을 클릭합니다. 그럼 일반 크롬 모드와 같은 결과 창을 볼 수 있습니다. 마무리 크롬은 완벽하지만 계속 발전하네요. 2021. 1. 12.