Skip to content

Commit

Permalink
feat: 웹 뷰 인터렉션 개선 (#11)
Browse files Browse the repository at this point in the history 
* feat: Update tooltip component to support custom side and alignment options

* feat: Refactor SlopMap component to use forwardRef for container element

* feat: Update webcam map component to use lazy loading for ReactHlsPlayer

* feat: Update webcam scale in JISAN resort info

* feat: Update webcam scale and position in SlopMap component

* feat: add icon color snippets

* feat: change map image to svg file

* feat: Update setSelectedSlop function in WebcamMap component

* feat: Update setSelectedSlop function in WebcamMap component

* feat: Update webcam scale and position in SlopMap component

* feat: Add Position type to model.d.ts and update webcam scale in JISAN resort info

* Update webcam scale and position in SlopMap component

* feat: Add Zustand dependency and create useSlopStore hook

* feat: Update SlopCamera component to include useSlopStore hook
  • Loading branch information
@Yoon-Hae-Min
Yoon-Hae-Min authored Aug 17, 2024
1 parent c284de6 commit 853690f
Show file tree
Hide file tree
Showing 22 changed files with 472 additions and 212 deletions.
17 changes: 17 additions & 0 deletions .vscode/vscode.code-snippets
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,21 @@
"body": ["className={cn('${1}')}"],
"description": "className={cn('${1}')}",
},
"add icon file with custom color": {
"scope": "javascript,javascriptreact,typescript,typescriptreact",
"prefix": "ic",
"body": [
"import React from 'react';",
"import { cn } from '@/shared/lib';",
"",
"const ${1:$TM_FILENAME_BASE} = ({ color }: { color?: string }) => {",
" return (",
" $0",
" );",
"};",
"",
"export default ${1:$TM_FILENAME_BASE};",
],
"description": "add icon file with custom color",
},
}
3 changes: 2 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,8 @@
"tailwind-scrollbar-hide": "^1.1.7",
"tailwindcss-animate": "^1.0.7",
"ts-pattern": "^5.2.0",
"zod": "^3.23.8"
"zod": "^3.23.8",
"zustand": "^4.5.5"
},
"devDependencies": {
"@feature-sliced/eslint-config": "^0.1.1",
Expand Down
6 changes: 3 additions & 3 deletions src/entities/slop/image/jisan/lemon1-1-lift-path.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react';
import { cn } from '@/shared/lib';

const Lemon1Sub1LiftPath = ({ color }: { color?: string }) => {
const Lemon1LiftPath = ({ color }: { color?: string }) => {
return (
<svg
width="100%"
Expand All @@ -12,10 +12,10 @@ const Lemon1Sub1LiftPath = ({ color }: { color?: string }) => {
>
<path
className={cn('fill-current', color ? color : 'fill-[#FF9928]')}
d="M34.0139 104.523C34.3028 104.226 34.2963 103.751 33.9994 103.462C33.7025 103.174 33.2277 103.18 32.9389 103.477L34.0139 104.523ZM24.4764 134L23.8858 134.462L24.4764 134ZM77.9766 187.5L78.4067 186.886L78.3731 186.862L78.3372 186.842L77.9766 187.5ZM106.477 191L98.3488 188.01L99.8234 196.544L106.477 191ZM31.4814 105.052C31.2071 105.362 31.2365 105.836 31.5469 106.111C31.8574 106.385 32.3314 106.355 32.6056 106.045L31.4814 105.052ZM29.9744 109.282C30.2227 108.95 30.1554 108.48 29.8239 108.232C29.4924 107.983 29.0223 108.051 28.774 108.382L29.9744 109.282ZM26.3401 111.917C26.1197 112.268 26.2252 112.731 26.5759 112.951C26.9265 113.172 27.3895 113.066 27.61 112.716L26.3401 111.917ZM25.5646 116.335C25.7499 115.964 25.5997 115.514 25.2293 115.328C24.8588 115.143 24.4083 115.293 24.223 115.664L25.5646 116.335ZM22.5285 119.642C22.3924 120.033 22.5992 120.461 22.9904 120.597C23.3816 120.733 23.8091 120.526 23.9452 120.135L22.5285 119.642ZM22.9389 124.097C23.0009 123.687 22.7193 123.305 22.3097 123.243C21.9002 123.181 21.5179 123.462 21.4558 123.872L22.9389 124.097ZM21.3564 128.291C21.4067 128.703 21.7807 128.995 22.1918 128.945C22.603 128.895 22.8956 128.521 22.8453 128.109L21.3564 128.291ZM23.9953 131.878C23.8039 131.511 23.3509 131.368 22.9836 131.56C22.6163 131.751 22.4738 132.204 22.6652 132.572L23.9953 131.878ZM25.2936 136.156C25.5674 136.467 26.0413 136.497 26.3521 136.223C26.663 135.95 26.693 135.476 26.4193 135.165L25.2936 136.156ZM29.3819 138.194C29.0784 137.912 28.6039 137.93 28.3219 138.233C28.04 138.537 28.0575 139.011 28.3609 139.293L29.3819 138.194ZM31.6721 142.141C31.9949 142.401 32.467 142.35 32.7266 142.027C32.9862 141.704 32.935 141.232 32.6123 140.973L31.6721 142.141ZM36.0099 143.587C35.6777 143.339 35.2078 143.408 34.9605 143.74C34.7131 144.073 34.7819 144.542 35.1142 144.79L36.0099 143.587ZM38.5875 147.354C38.9203 147.6 39.39 147.53 39.6366 147.197C39.8831 146.865 39.8132 146.395 39.4803 146.148L38.5875 147.354ZM42.9326 148.777C42.6078 148.52 42.1361 148.575 41.879 148.9C41.6219 149.224 41.6768 149.696 42.0016 149.953L42.9326 148.777ZM45.2669 152.698C45.5746 152.976 46.0488 152.951 46.3261 152.643C46.6035 152.336 46.5789 151.861 46.2713 151.584L45.2669 152.698ZM49.3945 154.657C49.1133 154.353 48.6388 154.334 48.3346 154.615C48.0304 154.896 48.0118 155.371 48.2929 155.675L49.3945 154.657ZM50.9938 158.931C51.24 159.264 51.7097 159.335 52.0427 159.088C52.3758 158.842 52.4461 158.372 52.1999 158.039L50.9938 158.931ZM54.6058 161.721C54.3997 161.362 53.9414 161.238 53.5821 161.444C53.2228 161.65 53.0985 162.108 53.3046 162.468L54.6058 161.721ZM55.3013 166.207C55.5048 166.567 55.9622 166.695 56.323 166.491C56.6838 166.288 56.8112 165.83 56.6077 165.47L55.3013 166.207ZM58.7819 168.94C58.5467 168.599 58.0797 168.513 57.7387 168.748C57.3977 168.983 57.3119 169.45 57.5471 169.791L58.7819 168.94ZM60.0827 173.168C60.344 173.49 60.8163 173.538 61.1377 173.277C61.4591 173.016 61.5079 172.543 61.2466 172.222L60.0827 173.168ZM63.9516 175.317C63.6684 175.015 63.1938 174.999 62.8915 175.282C62.5891 175.565 62.5736 176.04 62.8567 176.342L63.9516 175.317ZM65.8339 179.323C66.1357 179.606 66.6103 179.592 66.894 179.29C67.1777 178.988 67.1631 178.513 66.8613 178.23L65.8339 179.323ZM69.9462 180.958C69.6278 180.693 69.1549 180.737 68.8899 181.055C68.6249 181.373 68.6681 181.846 68.9865 182.111L69.9462 180.958ZM72.3026 184.706C72.6366 184.951 73.106 184.879 73.351 184.545C73.596 184.211 73.5239 183.741 73.1899 183.496L72.3026 184.706ZM76.5848 185.809C76.2336 185.59 75.7709 185.696 75.5513 186.047C75.3316 186.399 75.4383 186.861 75.7895 187.081L76.5848 185.809ZM79.2075 189.102C79.5754 189.292 80.0279 189.148 80.2181 188.78C80.4082 188.412 80.2641 187.959 79.8961 187.769L79.2075 189.102ZM83.1701 189.147C82.7785 189.012 82.3516 189.22 82.2166 189.611C82.0816 190.003 82.2896 190.43 82.6811 190.565L83.1701 189.147ZM86.2799 191.593C86.6834 191.686 87.0863 191.435 87.1799 191.032C87.2735 190.628 87.0222 190.225 86.6187 190.132L86.2799 191.593ZM90.1582 190.784C89.748 190.727 89.369 191.013 89.3118 191.423C89.2546 191.834 89.5408 192.213 89.951 192.27L90.1582 190.784ZM93.6597 192.633C94.0732 192.656 94.4278 192.34 94.4516 191.927C94.4754 191.513 94.1595 191.159 93.746 191.135L93.6597 192.633ZM97.3567 191.205C96.9425 191.213 96.6128 191.554 96.6202 191.968C96.6275 192.383 96.9693 192.712 97.3834 192.705L97.3567 191.205ZM101.096 192.506C101.509 192.469 101.814 192.105 101.777 191.693C101.741 191.28 101.377 190.975 100.964 191.012L101.096 192.506ZM104.551 190.572C104.142 190.636 103.862 191.019 103.926 191.429C103.99 191.838 104.373 192.118 104.782 192.054L104.551 190.572ZM32.9389 103.477C32.4735 103.955 31.9845 104.482 31.4814 105.052L32.6056 106.045C33.0936 105.492 33.5663 104.983 34.0139 104.523L32.9389 103.477ZM28.774 108.382C27.9464 109.487 27.1225 110.673 26.3401 111.917L27.61 112.716C28.3688 111.509 29.1691 110.356 29.9744 109.282L28.774 108.382ZM24.223 115.664C23.5743 116.961 22.9974 118.294 22.5285 119.642L23.9452 120.135C24.3899 118.857 24.9403 117.583 25.5646 116.335L24.223 115.664ZM21.4558 123.872C21.2304 125.359 21.1794 126.843 21.3564 128.291L22.8453 128.109C22.6875 126.818 22.7304 125.472 22.9389 124.097L21.4558 123.872ZM22.6652 132.572C23.0049 133.223 23.4101 133.854 23.8858 134.462L25.067 133.538C24.6476 133.002 24.2923 132.448 23.9953 131.878L22.6652 132.572ZM23.8858 134.462C24.3432 135.047 24.813 135.611 25.2936 136.156L26.4193 135.165C25.957 134.64 25.5058 134.098 25.067 133.538L23.8858 134.462ZM28.3609 139.293C29.4365 140.293 30.545 141.235 31.6721 142.141L32.6123 140.973C31.5061 140.083 30.4257 139.164 29.3819 138.194L28.3609 139.293ZM35.1142 144.79C36.2639 145.646 37.4388 146.503 38.5875 147.354L39.4803 146.148C38.3128 145.283 37.1645 144.446 36.0099 143.587L35.1142 144.79ZM42.0016 149.953C43.1127 150.833 44.2047 151.741 45.2669 152.698L46.2713 151.584C45.1798 150.6 44.0623 149.671 42.9326 148.777L42.0016 149.953ZM48.2929 155.675C49.2328 156.692 50.1363 157.772 50.9938 158.931L52.1999 158.039C51.3073 156.832 50.3685 155.711 49.3945 154.657L48.2929 155.675ZM53.3046 162.468C53.6498 163.07 53.9838 163.692 54.3057 164.335L55.6474 163.665C55.3127 162.995 54.9651 162.348 54.6058 161.721L53.3046 162.468ZM54.3057 164.335C54.6224 164.969 54.9549 165.593 55.3013 166.207L56.6077 165.47C56.2732 164.877 55.9525 164.275 55.6474 163.665L54.3057 164.335ZM57.5471 169.791C58.354 170.961 59.2042 172.088 60.0827 173.168L61.2466 172.222C60.3911 171.17 59.5648 170.075 58.7819 168.94L57.5471 169.791ZM62.8567 176.342C63.8401 177.392 64.8385 178.387 65.8339 179.323L66.8613 178.23C65.8876 177.314 64.9118 176.342 63.9516 175.317L62.8567 176.342ZM68.9865 182.111C70.1324 183.065 71.2477 183.932 72.3026 184.706L73.1899 183.496C72.1589 182.74 71.0678 181.892 69.9462 180.958L68.9865 182.111ZM75.7895 187.081C76.4577 187.499 77.0711 187.859 77.6159 188.158L78.3372 186.842C77.8207 186.559 77.2321 186.214 76.5848 185.809L75.7895 187.081ZM77.5465 188.114C77.9957 188.429 78.552 188.763 79.2075 189.102L79.8961 187.769C79.2882 187.455 78.7911 187.155 78.4067 186.886L77.5465 188.114ZM82.6811 190.565C83.7569 190.936 84.959 191.287 86.2799 191.593L86.6187 190.132C85.348 189.837 84.196 189.501 83.1701 189.147L82.6811 190.565ZM89.951 192.27C91.1216 192.433 92.359 192.558 93.6597 192.633L93.746 191.135C92.486 191.062 91.289 190.942 90.1582 190.784L89.951 192.27ZM97.3834 192.705C98.5788 192.684 99.8172 192.62 101.096 192.506L100.964 191.012C99.72 191.122 98.5169 191.185 97.3567 191.205L97.3834 192.705Z"
d="M46.1359 96.7671C45.7311 96.6791 45.3317 96.9359 45.2437 97.3407C45.1557 97.7454 45.4125 98.1449 45.8172 98.2329L46.1359 96.7671ZM90.9766 150L90.4528 150.537L90.4592 150.543L90.4657 150.549L90.9766 150ZM114.477 176L114.909 167.351L107.202 171.3L114.477 176ZM47.7535 98.8475C48.1381 99.0012 48.5745 98.814 48.7282 98.4293C48.8819 98.0447 48.6947 97.6083 48.3101 97.4546L47.7535 98.8475ZM52.2595 99.5231C51.9113 99.2987 51.4472 99.399 51.2228 99.7471C50.9983 100.095 51.0986 100.559 51.4468 100.784L52.2595 99.5231ZM54.7919 103.328C55.1021 103.602 55.5761 103.573 55.8506 103.263C56.1251 102.953 56.0961 102.479 55.7859 102.204L54.7919 103.328ZM58.8859 105.358C58.6162 105.044 58.1427 105.007 57.8283 105.277C57.5139 105.547 57.4777 106.02 57.7474 106.335L58.8859 105.358ZM60.283 109.708C60.5105 110.054 60.9756 110.15 61.3217 109.923C61.6678 109.695 61.7639 109.23 61.5363 108.884L60.283 109.708ZM63.7337 112.704C63.5483 112.334 63.0978 112.184 62.7273 112.369C62.3569 112.555 62.2069 113.005 62.3922 113.376L63.7337 112.704ZM64.0773 117.005C64.2595 117.377 64.7087 117.531 65.0807 117.348C65.4527 117.166 65.6066 116.717 65.4244 116.345L64.0773 117.005ZM67.1496 119.563C66.9421 119.204 66.4833 119.082 66.1248 119.289C65.7663 119.496 65.6438 119.955 65.8512 120.314L67.1496 119.563ZM67.8067 123.5C68.0315 123.848 68.4958 123.948 68.8437 123.723C69.1915 123.498 69.2912 123.033 69.0663 122.686L67.8067 123.5ZM71.1207 125.731C70.8829 125.391 70.4151 125.309 70.076 125.547C69.7369 125.785 69.6548 126.253 69.8926 126.592L71.1207 125.731ZM72.0783 129.607C72.3262 129.939 72.7962 130.007 73.128 129.759C73.4598 129.511 73.5277 129.041 73.2798 128.709L72.0783 129.607ZM75.5226 131.631C75.2663 131.305 74.7948 131.249 74.4694 131.505C74.1439 131.762 74.0878 132.233 74.3441 132.559L75.5226 131.631ZM76.6769 135.454C76.9402 135.774 77.4128 135.82 77.7326 135.557C78.0524 135.293 78.0982 134.821 77.8349 134.501L76.6769 135.454ZM80.2061 137.324C79.9366 137.009 79.4632 136.973 79.1486 137.242C78.834 137.511 78.7973 137.985 79.0668 138.299L80.2061 137.324ZM81.5097 141.1C81.7848 141.41 82.2588 141.438 82.5685 141.163C82.8782 140.888 82.9063 140.414 82.6312 140.104L81.5097 141.1ZM85.1027 142.838C84.8223 142.533 84.3478 142.513 84.043 142.794C83.7381 143.074 83.7183 143.549 83.9987 143.854L85.1027 142.838ZM86.5399 146.567C86.8258 146.867 87.3006 146.878 87.6003 146.592C87.9 146.306 87.9112 145.831 87.6252 145.532L86.5399 146.567ZM90.195 148.17C89.9026 147.877 89.4278 147.876 89.1343 148.168C88.8408 148.46 88.8399 148.935 89.1322 149.229L90.195 148.17ZM92.0617 152.046C92.3627 152.331 92.8374 152.318 93.122 152.017C93.4066 151.716 93.3932 151.241 93.0922 150.956L92.0617 152.046ZM96.2771 154.008C95.9798 153.72 95.505 153.727 95.2165 154.024C94.928 154.321 94.9351 154.796 95.2323 155.085L96.2771 154.008ZM98.3616 158.16C98.6551 158.453 99.13 158.452 99.4222 158.158C99.7145 157.865 99.7135 157.39 99.4199 157.098L98.3616 158.16ZM102.524 160.232C102.234 159.935 101.76 159.929 101.463 160.218C101.167 160.508 101.161 160.983 101.45 161.279L102.524 160.232ZM104.485 164.445C104.769 164.747 105.244 164.761 105.546 164.477C105.847 164.194 105.862 163.719 105.578 163.417L104.485 164.445ZM108.566 166.674C108.29 166.365 107.816 166.337 107.507 166.613C107.198 166.889 107.171 167.363 107.446 167.672L108.566 166.674ZM110.286 170.989C110.547 171.311 111.02 171.359 111.341 171.098C111.662 170.837 111.711 170.364 111.45 170.043L110.286 170.989ZM114.113 173.654C113.892 173.304 113.429 173.2 113.079 173.421C112.729 173.643 112.624 174.106 112.846 174.456L114.113 173.654ZM45.8172 98.2329C46.3482 98.3483 47.0034 98.5478 47.7535 98.8475L48.3101 97.4546C47.497 97.1297 46.7617 96.9032 46.1359 96.7671L45.8172 98.2329ZM51.4468 100.784C52.5207 101.476 53.6509 102.318 54.7919 103.328L55.7859 102.204C54.5868 101.143 53.396 100.256 52.2595 99.5231L51.4468 100.784ZM57.7474 106.335C58.6161 107.347 59.4682 108.469 60.283 109.708L61.5363 108.884C60.686 107.591 59.7955 106.418 58.8859 105.358L57.7474 106.335ZM62.3922 113.376C62.7015 113.994 63.0008 114.634 63.2884 115.298L64.6647 114.702C64.3662 114.013 64.0553 113.347 63.7337 112.704L62.3922 113.376ZM63.2884 115.298C63.5316 115.859 63.7952 116.429 64.0773 117.005L65.4244 116.345C65.1516 115.788 64.8979 115.24 64.6647 114.702L63.2884 115.298ZM65.8512 120.314C66.4587 121.364 67.1137 122.428 67.8067 123.5L69.0663 122.686C68.3851 121.632 67.7432 120.588 67.1496 119.563L65.8512 120.314ZM69.8926 126.592C70.5982 127.598 71.3293 128.605 72.0783 129.607L73.2798 128.709C72.539 127.718 71.8168 126.723 71.1207 125.731L69.8926 126.592ZM74.3441 132.559C75.1137 133.536 75.8938 134.503 76.6769 135.454L77.8349 134.501C77.0582 133.558 76.285 132.599 75.5226 131.631L74.3441 132.559ZM79.0668 138.299C79.8886 139.259 80.7058 140.195 81.5097 141.1L82.6312 140.104C81.833 139.205 81.0218 138.276 80.2061 137.324L79.0668 138.299ZM83.9987 143.854C84.8792 144.811 85.7305 145.719 86.5399 146.567L87.6252 145.532C86.822 144.69 85.9769 143.789 85.1027 142.838L83.9987 143.854ZM89.1322 149.229C89.5988 149.697 90.0403 150.134 90.4528 150.537L91.5003 149.463C91.0933 149.066 90.6569 148.634 90.195 148.17L89.1322 149.229ZM90.4657 150.549C90.9633 151.012 91.4976 151.513 92.0617 152.046L93.0922 150.956C92.5253 150.42 91.9881 149.917 91.4874 149.451L90.4657 150.549ZM95.2323 155.085C96.2416 156.064 97.2935 157.097 98.3616 158.16L99.4199 157.098C98.3471 156.029 97.2906 154.992 96.2771 154.008L95.2323 155.085ZM101.45 161.279C102.479 162.333 103.498 163.395 104.485 164.445L105.578 163.417C104.584 162.36 103.558 161.291 102.524 160.232L101.45 161.279ZM107.446 167.672C108.483 168.834 109.441 169.95 110.286 170.989L111.45 170.043C110.587 168.982 109.613 167.848 108.566 166.674L107.446 167.672Z"
/>
</svg>
);
};

export default Lemon1Sub1LiftPath;
export default Lemon1LiftPath;
Loading

0 comments on commit 853690f

Please sign in to comment.