본문 바로가기

전체 글

(70)
[Chrome] User-Agent 축소 및 User-Agent Clienet-Hint API로 마이그레이션 안녕하세요😊 오늘은 크롬의 User-Agent 축소 및 User-Agent Client-Hints API로 마이그레이션에 대해 정리하여 공유를 해보려고합니다. 몇주간 제가 찾아본 내용을 정리해보려고 하는데 저와 같은 고민을 하시는 분들께 도움이 되었으면 좋겠습니다. User-Agent 문자열이란? User-Agent 요청 헤더 사용자-에이전트 요청 헤더는 요청을 보낸 user-agent에 대한 정보를 담고 있는 필드입니다. User-Agent 문자열을 통해 서버가 요청을 보낸 사용자 에이전트의 응용 프로그램, 운영체제, 공급업체 및 버전을 식별할 수 있는 정보를 알 수 있습니다. 크롬 브라우저에서 특정 웹사이트에 접속한 후 개발자 도구 '네트워크' 탭의 'Request Headers' 항목에 보면 Use..
highcharts.js.map 404 오류 해결하기 안녕하세요. 오늘은 highcharts.js를 사용하면서 만난 오류 해결 과정에서 찾은 자료들을 정리해보려고 합니다. 저는 public/js/ 디렉터리 하위에 highcharts.js 파일을 두고 사용 중입니다. 그런데 개발자 도구 콘솔 로그에 계속 아래와 같은 오류가 찍히는 문제가 있었습니다. DevTools failed to load source map: Could not load content for http://xxx.xxxx.com:xxxx/public/js/highcharts.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE highcharts.js.map 파일이 없어서 404 에러가 발생하고 있었습니다. .map..
Cookie 값 세팅하기 쿠키 세팅하기 콘솔에서 아래처럼 원하는 쿠키 값을 세팅 document.cookie ='key=value' 결과 Chrome 개발자도구 Application 탭에서 확인 가능
[동영상 강의] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 - Javascript 자바스크립트와 첫 만남 자바스크립트로 무엇을 할까 다양한 라이브러리를 사용할 수 있다. D3.js - 정보시각화 라이브러리. tensorflow.js - 머신러닝 라이브러리. React, Angular, Vue 서버를 구성하고 서버용 프로그램을 만들 수 있다. node.js - 프런트엔드 개발에 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있게 만든 프레임워크. 간단한 입출력 방법 alert, confirm, prompt document.write console.log 자바스크립트 스타일 가이드 자바스크립트 소스를 작성할 때 지켜야 할 기본 규칙 코드를 보기 좋게 들여쓴다. Tab 키나 스페이스바를 눌러 2칸이나 4칸을 들여씀 최근에는 공백 2칸 들여쓰기를 많이 사용함 세미콜론으로 문장을 구분한다...
[Tmux] MacOS에서 Tmux 설치 및 사용하기 MacOS에서 Tmux 설치하기 brew install tmux https://github.com/tmux/tmux/wiki/Installing 참고) 오류 해결 설치 중 아래와 같은 오류가 발생하였다. Error: The following directories are not writable by your user: /usr/local/share/man/man8 You should change the ownership of these directories to your user. sudo chown -R $(whoami) /usr/local/share/man/man8 And make sure that your user has write permission. chmod u+w /usr/local/share..