# chrome

38개의 포스트

Chrome developer tools

chrome developer tools의 내용들을 기록함 (너무 기초적인것은 제외) Element Tab Console Tab Source Tab debug in console 콘솔창에 debug(function_name)을 입력하면, 해당 function에

6일 전
·
0개의 댓글

CORS error

MAC chrome 일 때프론트엔드에서 임시로 CORS 에러를 해결하기터미널에 입력하여 크롬 열면 된다

2021년 5월 7일
·
0개의 댓글
post-thumbnail

[Chrome] 크롬 개발자 도구로 Port forwarding

개발 중인 웹 서비스를 모바일로 테스트하기 위해 이것저것 해보다가 크롬 개발자 도구의 엄청나게 간편한 기능을 찾았다.gh-pages로 깃헙에 배포했다가 깃헙 서버는 proxy 설정이 안되서 실패했다. 서버 장만해서 테스트할까 하다가 일단 로컬에서 외부 접속해서 테스트해

2021년 4월 27일
·
0개의 댓글
post-thumbnail

크롬에서 Web Worker 로 이미지 업로드 안 되는 현상 해결

크롬이 업데이트된 이후로 우리 웹앱에서 이미지 업로드가 되지 않는 현상이 발생했다. 해당 현상은 크롬 사용자에게만 나타났다. 그냥 자바스크립트 에러가 나면서 기능이 동작하지 않는 정도가 아니다. 아래처럼 아예 크롬이 죽어버렸다.

2021년 3월 30일
·
0개의 댓글

웹 페이지 텍스트 복사가 막혀있을 때

개발자 도구 -> Setting -> Preferences -> Debugger -> Disable JavaScript 체크

2021년 3월 10일
·
0개의 댓글

CORS 교차 출처 리소스 공유 Cross-Origin Resource Sharing

교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제 CORS ERROR

2021년 3월 9일
·
0개의 댓글

크롬 정책

HTTPS와 HTTP 도메인을 보안 정책으로 인해 완전 다른페이지로 인식함. (Mixed content Samesite 차단)https://display.cjmall.com != http://display.cjmall.com // 위 두 페이지간 데이

2021년 3월 9일
·
0개의 댓글

크롬 개발자 도구

개발자 도구에서 Elements탭 왼쪽에 모바일 모양의 버튼을 누르면 모바일 화면 규격으로 볼 수 있음 (url 뒤가 /p/ -> /m/ 으로 바뀜)Network 탭 XHR은 API 통신을 한 부분만 필터링해서 보여줌RESTful API를 이해하기 위해 개발자도구 분석

2021년 3월 9일
·
0개의 댓글
post-thumbnail

0308 how the web/browser works

0308 web browser(chrome)

2021년 3월 8일
·
0개의 댓글
post-thumbnail

S3 CORS 헤더 관련 이슈 해결방법 (html2canvas, lottie)

AWS S3는 Simple Storage Service를 줄여 S3라고 부른다.이 S3는 여러 용도로 쓰이는데 대표적으로 아래 세가지 용도로 주로 사용된다.정적 리소스 저장용 (웹 하드 느낌?)정적 웹 페이지 및 콘텐츠 호스팅정적 리소스 서버로 활용이번에 해결한 이슈는

2021년 3월 1일
·
0개의 댓글
post-thumbnail

TIL DAY 8 || Chrome DevTools

chrome 개발자도구 (DevTools) 에 대해 알아보자.

2021년 2월 22일
·
0개의 댓글
post-thumbnail

크롬89에서 새로워지는 기능 미리보기!

async가 없어도 await를 쓸 수 있다고?? 매일 같이 급변하는 웹생태계의 트렌드를 알기위해 크롬의 다음 업데이트를 미리 알아보았습니다.

2021년 1월 31일
·
0개의 댓글

[신입11] 크롬, 윈도우, VS Code 단축키

생산성을 높이기 위해서 단축키를 공부했다. 원래 알던 건 제외하고 필요해 보이는 것만 적었는데도 꽤 많다. 근데 막상 작업할 때는 쓰기가 힘들다. 습관적으로 마우스를 갖다 댄다. 편한 게 좋고 생산적인 걸지도 모르겠다. ⌨ 크롬 단축키 새 창 열기Ctrl +

2021년 1월 27일
·
0개의 댓글

chrome

DISPLAY= /opt/google/chrome-remote-desktop/start-host --code="4/0AY0e-g6epmCI34YFe0ROcZoAgLiEA1dYvBQsDn0YepoMoIYakZncspM18tky5n4MAamEw" --redirect-url

2021년 1월 18일
·
0개의 댓글

TIL No.8 [Chrome]개발자 도구 Network 패널의 기능

크롬 개발자도구란? Web 개발에 도움이 되는 도구로서 'Element', 'console', 'Sources', 'Network', , 'Performance', 'Memory', 'Application', 'Security', 'Lighthouse' 패널

2021년 1월 15일
·
0개의 댓글

[chrome] Dev Tool

원문https://developers.google.com/web/tools/chrome-devtools/ 개발자 도구 활성화요소 선택장치 변경요소 (Elements)스타일 (Styles)스타일 계산 결과 (Computed)콘솔 (Console)소스 (Sourc

2020년 12월 18일
·
0개의 댓글

크롬에서 주소창 입력 시 https로 자동 리디렉션 되는 문제 해결방법

http://localhost:3000 등 http 주소를 입력하면 아래와 같이 에러가 발생하고 주소창에는 https://localhost:3000 처럼 프로토콜이 https로 자동으로 바뀌는 경우가 종종 발생하곤 한다.

2020년 12월 9일
·
0개의 댓글
post-thumbnail

mobile환경 테스트(feat. Android)

chrome://inspect/#devices을 이용해서 모바일 브라우저 콘솔창을 보자!

2020년 12월 4일
·
0개의 댓글

[신입4] 캐시 삭제와 트래픽 초과

전에 다니던 회사에서도 운영하는 사이트가 있었고 내가 나름 사이트 관리자였기 때문에 트래픽 용량을 신경 써야 했다. 실제로 트래픽 용량이 초과하여 시키는 대로 초기화를 시키기도 했다. 하지만 트래픽이 뭔지 설명을 봐도 이해할 수 없는 지식수준이었기 때문에 트래픽 관련

2020년 12월 4일
·
0개의 댓글
post-thumbnail

크롬 단축키

출처: https://support.google.com/chrome/answer/157179?hl=ko

2020년 12월 1일
·
0개의 댓글