유튜브 뮤직 단축키, 미니플레이어 설정 방법

유튜브 뮤직 단축키, 미니플레이어 설정 방법

S3에 업로드된 문서를 사내 프로젝트에서 프론트엔드를 통해 다운로드하는데 ContentDisposition에서 정의한 이름대로 다운로드 되지가 않았습니다. S3에서 다운로드 대상 객체의 key값은 아래와 같이 UUID 값으로 지정하였습니다. S3 내에서 객체들끼리 key값이 중복되지 않도록 UUID로 저장하는게 일반적임 하지만 다운로드 시에는 다른 이름으로 저장될 수 있도록 해당 객체의 메타데이터 중 ContentDisposition 값을 변경해주었다.

참조하여 보통 filename 지정할 파일이름.확장자 로 입력하는데, 한글의 경우 URL 형태로 인코딩하기 위해서는 filenameUTF8파일명의 형태로 입력해주어야합니다. 하지만 프로젝트에서 다운로드를 실행하여 S3에 요청을 보내면 ContentDisposition에 정의된 URL encoded 이름대로 다운로드가 됩니다.


Q. 인터넷 익스플로러의 인터넷 옵션에 접근할 수 있나요?
Q. 인터넷 익스플로러의 인터넷 옵션에 접근할 수 있나요?

Q. 인터넷 익스플로러의 인터넷 옵션에 접근할 수 있나요?

도구 메뉴에 인터넷 옵션이 없지만, 윈도우의 제어판 혹은 검색으로 여전히 접근 가능합니다. 윈도우 검색창을 열고 인터넷 옵션을 타이핑하여 접근하거나, 제어판 범주에서 큰 아이콘작은 아이콘 인터넷 옵션으로 접근하시기 바랍니다. 여전히 적용되고 있는 일부 인터넷 옵션들이 남아 있습니다. 이곳에서 검색 기록, 보안 설정, 팝업 예방 등 개인정보 보호 기능, 인증서자동 완성 기능, 연결 프로그램, 고급 설정 등이 여전히 IE 모드에서 적용되어 사용되며, 특히 다른 브라우저에서도 접속 할 때 사용되는 프록시 서버 설정 또한 이곳에 있는 설정값이 적용됩니다.

주소 표시줄은 있는 거 같은데, 검색창은 어디에 있나요?
주소 표시줄은 있는 거 같은데, 검색창은 어디에 있나요?

주소 표시줄은 있는 거 같은데, 검색창은 어디에 있나요?

주소창과 검색창이 분리되어 있는 IE. 엣지와 다른 브라우저에서는 대부분 하나입니다. 옴니박스Omnibox라고 하여 도메인을 치면 그 페이지가 접속되고, 없는 도메인이거나 검색어를 입력할 경우 검색 엔진으로 연결됩니다. 주소를 알고 있다면, 처럼 바로 입력해도 접속되고 모르고 있다면, 한글 영어 모두 를 입력하는 경우 검색 엔진으로 검색어가 검색됩니다. 따라서, 인터넷 웹 주소, 검색어 구분 없이 마음껏 입력하면 됩니다.

그런데, Bing 검색 말고 다른 검색 엔진을 적용하려면 아래를 따르세요. 1. 닫기 메뉴 아래에 있는 메뉴를 누르고 설정으로 들어갑니다.

xBrowserSync 설치서브 브라우저 북마크 동기화를 희망하는 브라우저

크롬 브라우저를 메인으로 사용하고 있는 나머지 브라우저에서 이 과정을 진행합니다. 저는 엣지, 파이어폭스, 오페라에서 이 작업 진행했습니다. 1. xBrowserSync 설치 각 브라우저의 자체 애드온 스토어에서는 해당 툴이 없을 수 있습니다. 하지만 제가 활용하는 브라우저는 모두 chrome 기반의 브라우저 이므로 각 브라우저에서 크롬 스토어로 접속해서 xBrowserSync를 설치하시면 됩니다.

2. 메인 브라우저의 xBrowserSync의 sync ID를 확인합니다. sync ID에 나와있는 문자를 클릭하시면 QR코드 메뉴가 오픈되고 sync ID를 copy 합니다. 3. 서브 브라우저에서 설치한 xBrowserSync를 실행하여 설정을 진행합니다.

세로로 즐겨찾기를 확인하는 방법

많은 분들이 인터넷 익스플로러를 간단한게 이용할 수 있었던 즐겨찾기를 세로로 보는 기능. Microsoft Edge에서는 조금 다릅니다. 오른쪽 위 근처에 있는 별 모양과 줄글이 써있는 아이콘을 누르면, 모든 즐겨찾기가 세로로 나옵니다. 단, 아래와 같은 파일, 편집, 보기, 즐겨찾기, 도구, 도움말 메뉴 모음은 엣지에서는 전혀 없습니다. 인터넷 옵션이라고 하는 부분은 엣지의 설정에서 더 개선된 형태로 존재합니다.

문제 원인

ContentDisposition이 변경되지 않는 원인은 CloudFront의 캐시 때문이였다. 위로 두번째 사진에서 XCache 헤더의 값이 hit from cloudfront라고 되어있는데, 이는 S3에 연결된 CloudFront에 의해서 오리진 위치내가 CloudFront를 최초로 생성한 리전에 업로드된 문서를 엣지 로케이션오리진 외 다른 상태에서 캐싱해놓기 때문입니다. 캐싱된 파일은 CloudFront의 정책 부분에서 TTLTime To Live 값에 따라 유지됩니다.

CloudFront정책캐시CachingOptimized에 들어가보게 되면 최소, 최대, 기본 TTL이 설정된 것을 확인할 수 있어요. 나의 경우 기본값이 86400(초)로 24시간으로 되어있었다! 정책을 바꾸는건 큰일이라, 캐시 무효화를 DevOps분께 허락받고 시도해봤습니다. 무효화는 CloudFront특정 배포무효화 탭 에 들어가서 무효화 생성을 해보시면 됩니다.

자주 묻는 질문

Q 인터넷 익스플로러의 인터넷 옵션에 접근할 수

도구 메뉴에 인터넷 옵션이 없지만, 윈도우의 제어판 혹은 검색으로 여전히 접근 가능합니다. 자세한 내용은 본문을 참고 해주시기 바랍니다.

주소 표시줄은 있는 거 같은데, 검색창은 어디에

주소창과 검색창이 분리되어 있는 IE. 자세한 내용은 본문을 참고하시기 바랍니다.

세로로 즐겨찾기를 확인하는

많은 분들이 인터넷 익스플로러를 간단한게 이용할 수 있었던 즐겨찾기를 세로로 보는 기능. 좀 더 자세한 사항은 본문을 참고해 주세요.