본문 바로가기

반응형
   

전체 글

(1626)
PS5 이미지 동영상 파일 PC로 옮기는 방법(USB) PS5 이미지 동영상 파일 PC로 옮기는 방법(USB) 플레이스테이션5 기기에서 녹화된 동영상이나 캡처한 이미지 파일을 USB 장치를 이용해 파일을 PC로 옮기는 방법에 대해 간단히 정리해 보려고 합니다. 가장 먼저 USB 파일 형식이 FAT32로 되어 있는지 확인해 보셔야 합니다. 윈도우 환경에서는 아래 이미지와 같이 USB 드라이브를 마우스 오른쪽 버튼으로 선택하시고 포맷 메뉴를 선택해 보시면 됩니다. 전 이미 USB 드라이버를 FAT32 형태로 포맷하여 파일 시스템이 FAT32로 되어 있지만, NTFS나 다른 방식으로 파일 시스템 형태로 되어 있다면 FAT32 형식으로 파일 시스템을 변경하시고 시작 버튼을 눌러 USB 포맷 형식을 변경하셔야 합니다. USB 파일 포맷을 변경하게 되면 기존에 있는 U..
PS5 4K 동영상 녹화 방법 PS5 4K 동영상 녹화 방법 플레이스테이션5 기기에서 4K 동영상 녹화하는 방법에 대해 간단히 정리하려고 합니다. 먼저 PS5 기기에서 녹화를 하시려면 PS5 컨트롤러에 캡처 버튼을 누르시면 됩니다. 그럼 아래 이미지와 같이 게임 플레이 화면 하단에 캡처 관련 메뉴가 표시되며 이곳에서 오른쪽에 있는 새 녹화 시작 버튼을 선택하시면 됩니다. 게임 플레이를 하며 녹화 되는 영상의 경우 녹화 되고 있는 시간이 화면 상단 중앙에 표시되게 됩니다. 녹화를 종료하고 싶으시다면 다시 PS5 컨트롤러에 캡처 버튼을 누르시면 됩니다. 녹화 중인 게임 플레이 화면 하단에 녹화 중지 메뉴가 표시되며 해당 메뉴를 선택하시면 플레이스테이션5 기기에서 4K 영상 녹화는 완료됩니다. 녹화된 동영상을 확인하고 싶으시다면 PS5 홈..
설정 메뉴를 이용해 다빈치리졸브 타임라인 시작 시간 변경 방법 설정 메뉴를 이용해 다빈치리졸브 타임라인 시작 시간 변경 방법 제가 작성한 다빈치리졸브(DaVinci Resolve) 프로그램의 버전은 17.1.1 버전입니다. 인터넷에 정보를 찾아보니 설정 메뉴를 이용해 타임라인 시작 시간을 변경하는 방법이 없는 것 같아 나름대로 정리해 보려고 합니다. 처음 다빈치리졸브 프로그램을 사용하면서 타임라인 시작 시간이 01:00:00:00 맞춰져 프로그램을 이용하면서 컷을 편집할 때 불편해 개인적으로는 00:00:00:00 시간에 설정을 맞춰 사용합니다. 다음 버전업이 될 때에 업데이트 되면 좋을 것 같기도 합니다. 시간이 지나 다빈치리졸브 프로그램의 버전이 업그레이드되거나 저와 버전이 달라 사용방법이 변경되거나 다를 수 있을 가능성이 있으니 이점은 참고하시면 좋을 것 같습..
CSS animation spin 맛보기 네모박스 360도 회전 시키기 CSS animation spin 맛보기 네모박스 360도 회전시키기 CSS animation을 사용해 본 경험이 많지 않지만, 맛보기용으로 네모박스를 360도 회전시키는 코드를 간단히 정리해 봤습니다. 소스 코드는 인터넷에 있는 코드를 여기저기서 참고해 필요한 코드를 가져와 정리만 한 것이지만 나름대로 기본적인 사항을 파악하는 데에는 도움이 되었던 것 같습니다. div 태그에 table을 cell을 사용한 이유는 웹페이지 상 회전하는 네모박스를 가운데로 정렬하기 위해서 사용하였으며 CSS animation spin 코드를 이용해 브라우저 종류에 따라서 360도로 작동하는 소스 코드입니다. 결과 개인적인 용도로 참고할 목적으로 정리한 코드이기도 하지만 필요한 분들이 있을 수 있다는 생각에 정리한 내용을 ..
CSS 의사클래스 HTML table 태그에 활용해 보기(nth-child) CSS 의사클래스 HTML table 태그에 활용해 보기(nth-child) CSS 의사클래스에 대한 내용을 책에서 본 기억이 있는데 나름 유용할 것 같다는 생각에 class, id 선택자 방식과 의사클래스를 이용해 HTML 태그를 선택할 수 있는 코드를 나누어서 간단히 샘플 코드를 작성해 보았습니다. CSS 의사클래스는 프로그래밍 계산 결과 방식과 비슷한 형태로 HTML 태그를 선택할 수 있다는 장점으로 인해 불필요한 코드를 작성하지 않아도 되기에 코드의 가독성이 더 좋아 보입니다. 단점은 CSS 의사클래스를 자세히 모르는 사람들에겐 코드의 가독성을 더 떨어뜨리는 결과가 있을 수도 있어 보입니다. CSS 의사클래스를 사용하지 않을땐 class를 HTML 태그에 넣어 줘야 하는데 코드를 수정해야할 부분이..
HTML5 마크업 요소 활용하기ㆍheaderㆍnavㆍsectionㆍasideㆍfooterㆍtime HTML5 마크업 요소 활용하기ㆍheaderㆍnavㆍsectionㆍasideㆍfooterㆍtime 웹사이트 화면을 구성하며 HTML div 태그만을 활용해 작성한 코드를 HTML5 마크업 요소를 변경하게 되면 브라우저에 어떠한 역활을 하는 웹페이지인지 목적을 알려줄 수 있다. CSS에서 HTML5 마크업 요소는 어떠한 방식으로 선택하는지 그리고 HTML5 마크업 요소는 HTML로 어떻게 표현하면 되는지 간단히 예제 소스를 작성하였으며 다음에 필요한 경우 제가 활용하기 위한 목적도 있습니다. HEADER 홈 1번 메뉴 2번 메뉴 3번 메뉴 LEFT CENTER 2021/04/16 RIGHT FOOTER 결과 화면 화면을 구성하며 이미 구성한 div 요소를 HTML5 마크업 요소로 변경하여 사용하지 않았는데..
CSS display 활용 div 레이아웃 샘플 소스 CSS display 활용 div 레이아웃 샘플 소스 HTML 레이아웃을 구성하며 CSS display 속성 중 table을 사용한 기억이 많이 없는데 일반 div를 사용하는 것보다 간편하고 깔끔하게 화면 구성이 가능한 것 같습니다. 물론 상황에 따라 조금 다를 수 있겠지만 브라우저 사이즈에 따라 레이아웃이 고정되어 안정적으로 표시되어 모바일 화면을 구성할 때도 꽤 괜찮을 것 같습니다. 웹이나 모바일 화면을 구성하게 될 일이 생긴다면 간단히 이 샘플 소스를 활용할 목적으로 작성하였습니다. 소스 top 1(main_big) 2(right_sub) 5 6 7 8 9 10 11 12 13 14 15 16 17 18 footer 결과화면 CSS display의 table, table-row, table-cell..
CSS float, clear 활용 div 태그 레이아웃 샘플 소스 CSS float, clear 활용 div 태그 레이아웃 샘플 소스 HTML div 태그를 활용해 div 레이아웃 샘플 소스를 간단히 작성해 보았습니다. CSS의 position을 사용하지 않고 float와 clear만 활용해 간단히 작성해본 div 레이아웃입니다. 나중에 제가 활용할 수 있도록 간단히 저장해 놓으려 합니다. 소스 ONE 상단 TWO 메인 내용 THREE 오른쪽 사이드 내용 FOUR 하단~ 결과 화면 TWO, THREE가 붙지 않아 조금 거슬리긴 하네요. margin이랑 padding 때문에 브라우저 크기가 줄었을 때 모양이 예쁘게 안 나오네요. 딱 붙는 형태의 div 레이아웃 태그를 원하신다면 table display를 활용해 작성한 내용도 있으니 참고하시면 도움이 될 듯 합니다. - ..

반응형