<div id="readability-page-1" class="page"><div>
 <div id="SE-b6ce91bf-1286-4b14-89ec-67f1273bae79">
 로딩화면 추가​<ul><li>로딩화면을 추가했다.<ul><li>가능하면 사용자가 바로 화면을 볼 수 있으면 좋겠지만 가끔 페이지 이동시에 약간의 딜레이가 생기는 느낌이 있어서 부득이하게 추가했다.</li><li>페이지 이동간에 아무런 액션이 없는것보다는 나은듯 하다.</li></ul></li></ul>
 </div> <div id="SE-9df08196-ecfa-438d-a4fa-ea1cb16b6c4a">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-9df08196-ecfa-438d-a4fa-ea1cb16b6c4a&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTIg/MDAxNzI2MzU3NTIwMjM0.AnltNnmWJq2UJRGcgZEqSa3pjy2MkkoA1md7eo6nPYYg.U4anXV9JpwrsNzeSE-xA5Rpdi7S7bU0EMqoR-3hsYs8g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.19.10.png&quot;, &quot;originalWidth&quot; : &quot;1436&quot;, &quot;originalHeight&quot; : &quot;1197&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTIg/MDAxNzI2MzU3NTIwMjM0.AnltNnmWJq2UJRGcgZEqSa3pjy2MkkoA1md7eo6nPYYg.U4anXV9JpwrsNzeSE-xA5Rpdi7S7bU0EMqoR-3hsYs8g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.19.10.png?type=w800" data-width="693" data-height="577" alt="">
 </a>
 
 로딩화면
 </div>
 <div id="SE-37ce6b33-7984-4198-9270-724cd3b4c947">
 ​​​TOP 버튼​<ul><li>무한 스크롤로 구성되어 있다보니 아래로 많이 내려간 경우 (특히 모바일) 다시 스크롤을 맨 위로 올리기가 번거로워서 오른쪽 하단에 fixed top button 을 추가했다.<ul><li>스크롤이 최상단일때는 안보인다.</li><li>스크롤이 내려가면 나타난다.</li></ul></li></ul>
 </div> <div id="SE-7ca300ed-a550-4191-a338-abdddb70b311">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-7ca300ed-a550-4191-a338-abdddb70b311&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMjQ4/MDAxNzI2MzU3NTM2NzA0.2qGjvENmXGe2p0sOg8EGhOuYRO3yS9m8uI6I-MQQQJsg.rB9h2pUSn5Og_tqyCjoG0C9s1IR9jG2ZEA2eEs0NS-8g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.44.30.png&quot;, &quot;originalWidth&quot; : &quot;1602&quot;, &quot;originalHeight&quot; : &quot;1194&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMjQ4/MDAxNzI2MzU3NTM2NzA0.2qGjvENmXGe2p0sOg8EGhOuYRO3yS9m8uI6I-MQQQJsg.rB9h2pUSn5Og_tqyCjoG0C9s1IR9jG2ZEA2eEs0NS-8g.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.44.30.png?type=w800" data-width="693" data-height="516" alt="">
 </a>
 
 </div>
 <div id="SE-55581d80-c416-47ad-abeb-e6e35a834c6e">
 ​​채널 페이지​<ul><li>채널 페이지를 추가했다.</li><li>특정 채널의 영상만 모아서 볼수있도록 구성했다.</li></ul>
 </div> <div id="SE-9ff415b4-c2ef-484a-a245-12dc1c50ede3">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-9ff415b4-c2ef-484a-a245-12dc1c50ede3&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTQw/MDAxNzI2MzU3NTUzMjEy.d98Q3t-OvvrCJVYvKlwJxpgBBxqrjhdiJQb9qNmhBLQg.fLdQvsZC7FesZKHtQ3Jgw0VceqJkPNeIzRcD7rZVEpQg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.45.51.png&quot;, &quot;originalWidth&quot; : &quot;1529&quot;, &quot;originalHeight&quot; : &quot;1199&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTQw/MDAxNzI2MzU3NTUzMjEy.d98Q3t-OvvrCJVYvKlwJxpgBBxqrjhdiJQb9qNmhBLQg.fLdQvsZC7FesZKHtQ3Jgw0VceqJkPNeIzRcD7rZVEpQg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.45.51.png?type=w800" data-width="693" data-height="543" alt="">
 </a>
 
 </div>
 <div id="SE-d6018a17-149b-4449-b701-10656bddc87c">
 ​​​채널 페이지 이동 버튼​<ul><li>영상 card 오른쪽 하단에 있는 channel 명을 클릭하면 해당 channel 페이지로 이동할 수 있게 수정했다.</li></ul>
 </div> <div id="SE-706e595a-6db0-403f-adb3-2cd03f459e38">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-706e595a-6db0-403f-adb3-2cd03f459e38&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTE0/MDAxNzI2MzU3NTMyODU3.dEGKVHz70u6Bv5aveldZgAneqaKwT-as0n9Lf7KNzOMg.K-5jAU0zBBAAcp267lCrCTO5DaZ8eHG3shk7YY8dlLwg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.44.21.png&quot;, &quot;originalWidth&quot; : &quot;1497&quot;, &quot;originalHeight&quot; : &quot;1196&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMTE0/MDAxNzI2MzU3NTMyODU3.dEGKVHz70u6Bv5aveldZgAneqaKwT-as0n9Lf7KNzOMg.K-5jAU0zBBAAcp267lCrCTO5DaZ8eHG3shk7YY8dlLwg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.44.21.png?type=w800" data-width="693" data-height="553" alt="">
 </a>
 
 </div>
 <div id="SE-fe75af20-fee6-4594-9cbc-7b91acc3c942">
 <ul><li>영상 페이지에 있는 '채널 타이틀' 을 클릭해도 동일하게 해당 channel 로 이동 가능하다.</li></ul>
 </div> <div id="SE-03f05d9e-0e97-46bf-aec4-06eb91917705">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-03f05d9e-0e97-46bf-aec4-06eb91917705&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfNDcg/MDAxNzI2MzU4MTg2MTA3.8KmeDyODN2lGvcfWfITEe-pjMgJ7093gpJaIjA9q1rsg.JCUbmPXYDaIlpT6hzF0G1tLgt5M2mmBo-wQXE5NpcoAg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.56.23.png&quot;, &quot;originalWidth&quot; : &quot;1489&quot;, &quot;originalHeight&quot; : &quot;1151&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfNDcg/MDAxNzI2MzU4MTg2MTA3.8KmeDyODN2lGvcfWfITEe-pjMgJ7093gpJaIjA9q1rsg.JCUbmPXYDaIlpT6hzF0G1tLgt5M2mmBo-wQXE5NpcoAg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.56.23.png?type=w800" data-width="693" data-height="535" alt="">
 </a>
 
 </div>
 <div id="SE-a60242c3-c4db-4b68-95c3-76a569c85c9c">
 ​​​검색결과 - 채널추가​<ul><li>검색 결과에 채널도 추가했다. <ul><li>채널을 선택하면 해당 채널로 이동한다.</li></ul></li><li>상단에 채널 / 하단에 영상을 위치시켰다.</li><li>현재는 채널 5개, 최신 영상 21개만 보여주고 있는데 '더 보기' 버튼을 추가할 지 고민이다.</li></ul>
 </div> <div id="SE-24c00d96-a12a-49c6-b1e2-bcf50eabea7d">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-24c00d96-a12a-49c6-b1e2-bcf50eabea7d&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMjE1/MDAxNzI2MzU3NTkzMDc0.4Znv0BEZX5-TwrbNiUxaEmOzP0uvkgSmc-P47SNTSV0g.Q4AzC7FPreD9HMqF30nMRhemZxtPbDAfjlwXsM37uY0g.JPEG/Screenshot_2024-09-15_at_08.46.21.JPG&quot;, &quot;originalWidth&quot; : &quot;1705&quot;, &quot;originalHeight&quot; : &quot;4275&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfMjE1/MDAxNzI2MzU3NTkzMDc0.4Znv0BEZX5-TwrbNiUxaEmOzP0uvkgSmc-P47SNTSV0g.Q4AzC7FPreD9HMqF30nMRhemZxtPbDAfjlwXsM37uY0g.JPEG/Screenshot_2024-09-15_at_08.46.21.JPG?type=w800" data-width="693" data-height="1737" alt="">
 </a>
 
 </div>
 <div id="SE-c666b3f7-491e-4d7b-b703-7cfe4daa21b8">
 ​​​검색결과 (keyword: 데브허브)​<ul><li>네이버는 여전히 두번째 페이지</li><li>구글은 첫번째 페이지로 올라왔다.</li></ul>
 </div> <div id="SE-eaf4de5e-332a-4c91-a66d-d9fc08c3ddb9">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-22dea1b2-5d7e-47eb-8a17-5af6d9e66997&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfNjMg/MDAxNzI2MzU4MTExMDk1.dbNhRwUMovxAe93ZdVglEcN7Y7IhIXugcXt81WQv-dYg.cjbAMrtM-yJK_Ug738-js8-eU5Ee35Nw2mepEN6O8KIg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.55.07.png&quot;, &quot;originalWidth&quot; : &quot;827&quot;, &quot;originalHeight&quot; : &quot;642&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfNjMg/MDAxNzI2MzU4MTExMDk1.dbNhRwUMovxAe93ZdVglEcN7Y7IhIXugcXt81WQv-dYg.cjbAMrtM-yJK_Ug738-js8-eU5Ee35Nw2mepEN6O8KIg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.55.07.png?type=w400" data-width="693" data-height="537" alt="">
 </a>
 
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-09a075a1-5f73-4306-8759-dcb740f2f8bf&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfODIg/MDAxNzI2MzU4MDgxNzg2.bnf5-y8GsVd-Gzq1vF8_kgPYkcN8o6R_NbilT8we4oYg.RQLXXjhJtQBSD0lvBCBVEDck94e6HiM_jQXOZ5DgQeIg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.54.38.png&quot;, &quot;originalWidth&quot; : &quot;900&quot;, &quot;originalHeight&quot; : &quot;975&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTVfODIg/MDAxNzI2MzU4MDgxNzg2.bnf5-y8GsVd-Gzq1vF8_kgPYkcN8o6R_NbilT8we4oYg.RQLXXjhJtQBSD0lvBCBVEDck94e6HiM_jQXOZ5DgQeIg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-09-15_%EC%98%A4%EC%A0%84_8.54.38.png?type=w400" data-width="693" data-height="750" alt="">
 </a>
 
 </div> </div></div>

나만의공간。

KIM JUNGHWAN

로딩화면 추가 로딩화면을 추가했다. 가능하면 사용자가 바로 화면을 볼 수 있으면 좋겠지만 가끔 페이지 이동시에 약간의 딜레이가 생기는 느낌이 있어서 부득이하게 추가했다. 페이지 이동간에 아무런 액션이 없는것보다는 나은듯 하다. TOP 버튼 무한 스크롤로 구성되어 있다보니 아래로 많이 내려간 경우 (특히 모바일) 다시 스크롤을 맨 위로 올리기가 번거로워서 오른쪽 하단에 fixed top button 을 추가했다. 스크롤이 최상단일때는 안보인다. 스크롤이 내려가면 나타난다. 채널 페이지 채널 페이지를 추가했다. 특정 채널의 영상만 모아서 볼수있도록 구성했다. 채널 페이지 이동 버튼 영상 card 오른쪽 하단에 있는 channel 명을 클릭하.......

[데브허브] DEVHUB 진행상황 - 2024.09.15

댓글