<div id="readability-page-1" class="page"><div>
 <div id="SE-fde5a22c-37f7-4473-853a-53673069f37a">
 메인화면​<ul><li>새로 추가된 최신 동영상들은 오른쪽 상단에 'NEW' badge 를 붙였다.</li><li>navigation bar 오른쪽에 '검색' 이 가능하도록 'search input' 을 추가했다.</li></ul>​
 </div> <div id="SE-806d3c1d-72f7-4a78-a13a-2faba0bf7aa3">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-806d3c1d-72f7-4a78-a13a-2faba0bf7aa3&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMzcg/MDAxNzI1NTI1OTIzMDY4.sOd727QIPHdL4rE6sH9Z_qaBV3PEiA6hpOaLV8pXuxog.6LVIDCKe_-66y9aGjOMlkWfTDI-fEHT5Q9bzCz2V2JUg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.18.png&quot;, &quot;originalWidth&quot; : &quot;1668&quot;, &quot;originalHeight&quot; : &quot;1214&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMzcg/MDAxNzI1NTI1OTIzMDY4.sOd727QIPHdL4rE6sH9Z_qaBV3PEiA6hpOaLV8pXuxog.6LVIDCKe_-66y9aGjOMlkWfTDI-fEHT5Q9bzCz2V2JUg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.18.png?type=w800" data-width="693" data-height="504" alt="">
 </a>
 
 메인 페이지
 </div>
 <div id="SE-d7bd8f9c-6164-4f51-a96c-b121773df5b0">
 ​​​비디오 플레이어 화면​<ul><li>UI 를 최대한 심플하고 깔끔하게 수정했다.</li><li>최하단에는 '랜덤 추천 영상' 영역을 추가했다.</li><li>스크롤을 하단으로 내리면 플레이 되고 있는 동영상을 보기가 어려울것 같아 왼쪽 상단에 pip 화면처럼 고정되도록 했다.</li></ul>​
 </div> <div id="SE-128bf196-b138-4103-aa6f-535616b4b1aa">
 <div>
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-f6cf3d13-2e93-4139-8724-c3553e6ed954&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMjAg/MDAxNzI1NTI1OTM1OTEz.CMDLyVMjHp4n6GQCwDOW8Yf1XY_jOQxSZg7w9v9aUtkg.5Q9A1Q0rpykj2chYqfvt4RsI27WIF0ZLMqGdMlSV9ZYg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.34.png&quot;, &quot;originalWidth&quot; : &quot;1538&quot;, &quot;originalHeight&quot; : &quot;1211&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMjAg/MDAxNzI1NTI1OTM1OTEz.CMDLyVMjHp4n6GQCwDOW8Yf1XY_jOQxSZg7w9v9aUtkg.5Q9A1Q0rpykj2chYqfvt4RsI27WIF0ZLMqGdMlSV9ZYg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.34.png?type=w400" data-width="693" data-height="545" alt="">
 </a>
 
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-23b2302a-c0df-4e6a-9381-58cf3c98cb83&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMjk3/MDAxNzI1NTI1OTUyNTM1.lN6QTHU0ItAoYHEIlAidksadCRybjflo8JABLzDD9Osg.pAaxmcSpHcpq_bb77ulPUPFodWCvrO36E6qS_GcC2Vwg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.50.png&quot;, &quot;originalWidth&quot; : &quot;1706&quot;, &quot;originalHeight&quot; : &quot;1212&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMjk3/MDAxNzI1NTI1OTUyNTM1.lN6QTHU0ItAoYHEIlAidksadCRybjflo8JABLzDD9Osg.pAaxmcSpHcpq_bb77ulPUPFodWCvrO36E6qS_GcC2Vwg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.45.50.png?type=w400" data-width="693" data-height="492" alt="">
 </a>
 
 </div>
 비디오 플레이어 
 </div> <div id="SE-3f1cff3f-32a3-4602-affc-b46d3dd30977">
 ​​​검색 결과 화면​<ul><li>검색 기능을 추가했다.</li><li>(아직 미완성 상태지만) 기본적인 검색은 되고 있다.</li><li>키워드가 포함된 동영상들을 랜덤으로 보여준다.</li></ul>
 </div> <div id="SE-71cb2323-6cbc-4975-855a-3cd2f987e2a1">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-71cb2323-6cbc-4975-855a-3cd2f987e2a1&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMTg1/MDAxNzI1NTI1OTY5ODk1.qtbLHghjC8cu6T1bvhTFqtUpAe0amUug26iyoS1rObwg.wCwk33nY7QYTeqVhFH9V9a8L7nqbJJP7suMxikcA-18g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.46.08.png&quot;, &quot;originalWidth&quot; : &quot;1551&quot;, &quot;originalHeight&quot; : &quot;1210&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMTg1/MDAxNzI1NTI1OTY5ODk1.qtbLHghjC8cu6T1bvhTFqtUpAe0amUug26iyoS1rObwg.wCwk33nY7QYTeqVhFH9V9a8L7nqbJJP7suMxikcA-18g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.46.08.png?type=w800" data-width="693" data-height="540" alt="">
 </a>
 
 </div>
 <div id="SE-2a50e5b8-ef5b-4e69-9a9a-01db383de83a">
 ​​​기타​<ul><li>네이버 검색, 구글 검색 등록<ul><li>네이버는 두번째 페이지에 나옴</li><li>구글은 안나옴...</li></ul></li></ul>
 </div> <div id="SE-adbce949-1a0b-4c5e-bb73-5c30a7f00037">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-adbce949-1a0b-4c5e-bb73-5c30a7f00037&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMTkx/MDAxNzI1NTI2MjY5NDA4.NGCLiwD4y4MGpjyS18l-U4fKRJNlXVA1UqLCAckn-34g.fKh3fPk4lc8OlfHuX7SX4JS228HWCTl9XB76euU3e1sg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.51.07.png&quot;, &quot;originalWidth&quot; : &quot;1005&quot;, &quot;originalHeight&quot; : &quot;954&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MDVfMTkx/MDAxNzI1NTI2MjY5NDA4.NGCLiwD4y4MGpjyS18l-U4fKRJNlXVA1UqLCAckn-34g.fKh3fPk4lc8OlfHuX7SX4JS228HWCTl9XB76euU3e1sg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-05_%EC%98%A4%ED%9B%84_5.51.07.png?type=w800" data-width="693" data-height="657" alt="">
 </a>
 
 </div>
 </div></div>

나만의공간。

KIM JUNGHWAN

메인화면 새로 추가된 최신 동영상들은 오른쪽 상단에 'NEW' badge 를 붙였다. navigation bar 오른쪽에 '검색' 이 가능하도록 'search input' 을 추가했다. 비디오 플레이어 화면 UI 를 최대한 심플하고 깔끔하게 수정했다. 최하단에는 '랜덤 추천 영상' 영역을 추가했다. 스크롤을 하단으로 내리면 플레이 되고 있는 동영상을 보기가 어려울것 같아 왼쪽 상단에 pip 화면처럼 고정되도록 했다. 검색 결과 화면 검색 기능을 추가했다. (아직 미완성 상태지만) 기본적인 검색은 되고 있다. 키워드가 포함된 동영상들을 랜덤으로 보여준다. 기타 네이버 검색, 구글 검색 등록 네이버는 두번째 페이지에 나.......

DEVHUB 진행상황 - 2024.09.05

댓글