diff --git a/404.html b/404.html index 61ed544..165d662 100644 --- a/404.html +++ b/404.html @@ -5,7 +5,7 @@ Page Not Found • Wandered2LA - + diff --git a/assets/js/19d4caa7.3a66cc62.js b/assets/js/19d4caa7.8213a3e4.js similarity index 50% rename from assets/js/19d4caa7.3a66cc62.js rename to assets/js/19d4caa7.8213a3e4.js index 9710e63..37ce4bd 100644 --- a/assets/js/19d4caa7.3a66cc62.js +++ b/assets/js/19d4caa7.8213a3e4.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwanderedtola_blog=self.webpackChunkwanderedtola_blog||[]).push([[4991],{3052:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>l,frontMatter:()=>s,metadata:()=>i,toc:()=>p});var n=r(7624),o=r(2172);const s={},c="2024-07-16",i={id:"2024/07/07-16",title:"2024-07-16",description:"serviceworker to typescript",source:"@site/docs/2024/07/07-16.md",sourceDirName:"2024/07",slug:"/2024/07/07-16",permalink:"/docs/2024/07/07-16",draft:!1,unlisted:!1,editUrl:"https://github.com/WanderedToLa/wanderedtola.blog/tree/master/docs/2024/07/07-16.md",tags:[],version:"current",frontMatter:{},sidebar:"WikiSidebar",previous:{title:"2024-07-15",permalink:"/docs/2024/07/07-15"},next:{title:"[FECONF 2022] \ub0b4 import \ubb38\uc774 \uadf8\ub807\uac8c \uc774\uc0c1\ud588\ub098\uc694?",permalink:"/docs/Frontend/fe-conf-import"}},d={},p=[{value:"serviceworker to typescript",id:"serviceworker-to-typescript",level:2}];function a(e){const t={br:"br",code:"code",h1:"h1",h2:"h2",p:"p",...(0,o.M)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"2024-07-16",children:"2024-07-16"}),"\n",(0,n.jsx)(t.h2,{id:"serviceworker-to-typescript",children:"serviceworker to typescript"}),"\n",(0,n.jsxs)(t.p,{children:["browser load\uc2dc contentscript \uc790\ub3d9\uc73c\ub85c \uc2e4\ud589\ub418\ub294 \ubb38\uc81c -> \uc6b0\uc120 typescript\ub85c \ubcc0\uacbd",(0,n.jsx)(t.br,{}),"\n","\ubcc0\uacbd \uc911 ",(0,n.jsx)(t.code,{children:"service-worker..ts"}),"\ud655\uc7a5\uc790 \uc624\ud0c0 \uc2e4\uc218\n",(0,n.jsx)(t.code,{children:"executeScript"})," path \ubb38\uc81c \uc218\uc815"]})]})}function l(e={}){const{wrapper:t}={...(0,o.M)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},2172:(e,t,r)=>{r.d(t,{I:()=>i,M:()=>c});var n=r(1504);const o={},s=n.createContext(o);function c(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:c(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file +"use strict";(self.webpackChunkwanderedtola_blog=self.webpackChunkwanderedtola_blog||[]).push([[4991],{3052:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>s,default:()=>l,frontMatter:()=>c,metadata:()=>i,toc:()=>p});var n=r(7624),o=r(2172);const c={},s="2024-07-16",i={id:"2024/07/07-16",title:"2024-07-16",description:"serviceworker to typescript",source:"@site/docs/2024/07/07-16.md",sourceDirName:"2024/07",slug:"/2024/07/07-16",permalink:"/docs/2024/07/07-16",draft:!1,unlisted:!1,editUrl:"https://github.com/WanderedToLa/wanderedtola.blog/tree/master/docs/2024/07/07-16.md",tags:[],version:"current",frontMatter:{},sidebar:"WikiSidebar",previous:{title:"2024-07-15",permalink:"/docs/2024/07/07-15"},next:{title:"[FECONF 2022] \ub0b4 import \ubb38\uc774 \uadf8\ub807\uac8c \uc774\uc0c1\ud588\ub098\uc694?",permalink:"/docs/Frontend/fe-conf-import"}},d={},p=[{value:"serviceworker to typescript",id:"serviceworker-to-typescript",level:2}];function a(e){const t={br:"br",code:"code",h1:"h1",h2:"h2",p:"p",...(0,o.M)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"2024-07-16",children:"2024-07-16"}),"\n",(0,n.jsx)(t.h2,{id:"serviceworker-to-typescript",children:"serviceworker to typescript"}),"\n",(0,n.jsxs)(t.p,{children:["browser load\uc2dc contentscript \uc790\ub3d9\uc73c\ub85c \uc2e4\ud589\ub418\ub294 \ubb38\uc81c -> typescript\ub85c \ubcc0\uacbd\ud558\ub294\uacfc\uc815\uc5d0\uc11c \ud574\uacb0",(0,n.jsx)(t.br,{}),"\n","\ubcc0\uacbd \uc911 ",(0,n.jsx)(t.code,{children:"service-worker..ts"}),"\ud655\uc7a5\uc790 \uc624\ud0c0 \uc2e4\uc218\n",(0,n.jsx)(t.code,{children:"executeScript"})," \uc758 ScriptInjection files path\ub97c \uc218\uc815\ud558\ub294\uac83\uc73c\ub85c \ubcc0\uacbd"]})]})}function l(e={}){const{wrapper:t}={...(0,o.M)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},2172:(e,t,r)=>{r.d(t,{I:()=>i,M:()=>s});var n=r(1504);const o={},c=n.createContext(o);function s(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:s(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/62ca52c1.b0aa9d94.js b/assets/js/62ca52c1.b0aa9d94.js new file mode 100644 index 0000000..6b50309 --- /dev/null +++ b/assets/js/62ca52c1.b0aa9d94.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwanderedtola_blog=self.webpackChunkwanderedtola_blog||[]).push([[6792],{6960:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>s,default:()=>h,frontMatter:()=>c,metadata:()=>i,toc:()=>d});var r=t(7624),o=t(2172);const c={},s="2024-07-15",i={id:"2024/07/07-15",title:"2024-07-15",description:"Chrome extension content-script react",source:"@site/docs/2024/07/07-15.md",sourceDirName:"2024/07",slug:"/2024/07/07-15",permalink:"/docs/2024/07/07-15",draft:!1,unlisted:!1,editUrl:"https://github.com/WanderedToLa/wanderedtola.blog/tree/master/docs/2024/07/07-15.md",tags:[],version:"current",frontMatter:{},sidebar:"WikiSidebar",next:{title:"2024-07-16",permalink:"/docs/2024/07/07-16"}},l={},d=[{value:"Chrome extension content-script react",id:"chrome-extension-content-script-react",level:2},{value:"Process",id:"process",level:2}];function a(e){const n={a:"a",br:"br",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.M)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"2024-07-15",children:"2024-07-15"}),"\n",(0,r.jsx)(n.h2,{id:"chrome-extension-content-script-react",children:"Chrome extension content-script react"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/yosevu/react-content-script",children:"react-content-script"})}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Monica\uc640 \uac19\uc740 \ub514\uc790\uc778\uc73c\ub85c \uc775\uc2a4\ud150\uc158 \uac1c\ubc1c\uc2dc ",(0,r.jsx)(n.code,{children:"chrome.sidePanel"}),"\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0",(0,r.jsx)(n.br,{}),"\n","body\uc548\uc5d0 html\uc744 \uc0bd\uc785\ud558\ub294 \uad6c\uc870\ub85c \uc791\uc131\ud574\uc57c\ud568",(0,r.jsx)(n.br,{}),"\n","createElement/appendChild\ub97c \uc774\uc6a9\ud55c html\uc744 \uc0dd\uc131\ud558\ub824\uace0 \ud588\uc73c\ub098 \ucd94\ud6c4 \ub514\uc790\uc778\uae4c\uc9c0 \uace0\ub824\ud574 React\ub85c \ubcc0\uacbd"]}),"\n",(0,r.jsxs)(n.p,{children:["Monica\uc640 \ub2ec\ub9ac \ub3d9\uc77c\ud55c width\uc5d0\ub3c4 \ud654\uba74\ub0b4 \uc601\uc5ed\uc744 \ucc28\uc9c0\ud558\uc9c0\uc54a\uace0 (fixed position\ub54c\ubb38\uc73c\ub85c \ucd94\uc815\ub428)",(0,r.jsx)(n.br,{}),"\n","onload\uc2dc contentscript\uac00 \uc790\ub3d9\uc73c\ub85c load\ub418\ub294 \ubb38\uc81c"]}),"\n",(0,r.jsx)(n.h2,{id:"process",children:"Process"}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsx)(n.li,{children:"background service-worker -> chrome API \uc2e4\ud589 (toggle html)"}),"\n",(0,r.jsx)(n.li,{children:"build\ub41c contentscript load"}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,o.M)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},2172:(e,n,t)=>{t.d(n,{I:()=>i,M:()=>s});var r=t(1504);const o={},c=r.createContext(o);function s(e){const n=r.useContext(c);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function i(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:s(e.components),r.createElement(c.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/62ca52c1.c85f7c67.js b/assets/js/62ca52c1.c85f7c67.js deleted file mode 100644 index 5b44047..0000000 --- a/assets/js/62ca52c1.c85f7c67.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwanderedtola_blog=self.webpackChunkwanderedtola_blog||[]).push([[6792],{6960:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>s,default:()=>h,frontMatter:()=>c,metadata:()=>i,toc:()=>d});var r=t(7624),o=t(2172);const c={},s="2024-07-15",i={id:"2024/07/07-15",title:"2024-07-15",description:"Chrome extension content-script react",source:"@site/docs/2024/07/07-15.md",sourceDirName:"2024/07",slug:"/2024/07/07-15",permalink:"/docs/2024/07/07-15",draft:!1,unlisted:!1,editUrl:"https://github.com/WanderedToLa/wanderedtola.blog/tree/master/docs/2024/07/07-15.md",tags:[],version:"current",frontMatter:{},sidebar:"WikiSidebar",next:{title:"2024-07-16",permalink:"/docs/2024/07/07-16"}},l={},d=[{value:"Chrome extension content-script react",id:"chrome-extension-content-script-react",level:2},{value:"Process",id:"process",level:2}];function a(e){const n={a:"a",br:"br",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.M)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"2024-07-15",children:"2024-07-15"}),"\n",(0,r.jsx)(n.h2,{id:"chrome-extension-content-script-react",children:"Chrome extension content-script react"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/yosevu/react-content-script",children:"react-content-script"})}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Monica\uc640 \uac19\uc740 \ub514\uc790\uc778\uc73c\ub85c \uc775\uc2a4\ud150\uc158 \uac1c\ubc1c\uc2dc sidepanel\uc774 \uc544\ub2cc html\uc548\uc5d0 appendChild\uc0ac\uc6a9",(0,r.jsx)(n.br,{}),"\n","createElement/appendChild -> \ud398\uc774\uc9c0\ubcc4\ub85c CSS \uc0c1\uc774\ud568 -> React"]}),"\n",(0,r.jsxs)(n.p,{children:["Monica\uc640 \ub2ec\ub9ac \ub3d9\uc77c\ud55c width\uc5d0\ub3c4 \ud654\uba74\ub0b4 \uc601\uc5ed\uc744 \ucc28\uc9c0\ud558\uc9c0\uc54a\uc74c",(0,r.jsx)(n.br,{}),"\n","window.onload\uc2dc contentscript \uc790\ub3d9 load"]}),"\n",(0,r.jsx)(n.h2,{id:"process",children:"Process"}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsx)(n.li,{children:"background service-worker -> chrome API \uc2e4\ud589 (toggle html)"}),"\n",(0,r.jsx)(n.li,{children:"build\ub41c contentscript load"}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,o.M)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},2172:(e,n,t)=>{t.d(n,{I:()=>i,M:()=>s});var r=t(1504);const o={},c=r.createContext(o);function s(e){const n=r.useContext(c);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function i(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:s(e.components),r.createElement(c.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.5852cdb2.js b/assets/js/runtime~main.63cffa6f.js similarity index 68% rename from assets/js/runtime~main.5852cdb2.js rename to assets/js/runtime~main.63cffa6f.js index e3377c0..69815bc 100644 --- a/assets/js/runtime~main.5852cdb2.js +++ b/assets/js/runtime~main.63cffa6f.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,t,c,r,f={},d={};function b(e){var a=d[e];if(void 0!==a)return a.exports;var t=d[e]={id:e,loaded:!1,exports:{}};return f[e].call(t.exports,t,t.exports,b),t.loaded=!0,t.exports}b.m=f,b.c=d,e=[],b.O=(a,t,c,r)=>{if(!t){var f=1/0;for(i=0;i=r)&&Object.keys(b.O).every((e=>b.O[e](t[o])))?t.splice(o--,1):(d=!1,r0&&e[i-1][2]>r;i--)e[i]=e[i-1];e[i]=[t,c,r]},b.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return b.d(a,{a:a}),a},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,b.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var r=Object.create(null);b.r(r);var f={};a=a||[null,t({}),t([]),t(t)];for(var d=2&c&&e;"object"==typeof d&&!~a.indexOf(d);d=t(d))Object.getOwnPropertyNames(d).forEach((a=>f[a]=()=>e[a]));return f.default=()=>e,b.d(r,f),r},b.d=(e,a)=>{for(var t in a)b.o(a,t)&&!b.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},b.f={},b.e=e=>Promise.all(Object.keys(b.f).reduce(((a,t)=>(b.f[t](e,a),a)),[])),b.u=e=>"assets/js/"+({168:"576f2e3a",324:"8ecb78bc",384:"5ba496fb",564:"c2f3c969",826:"60be8e52",1232:"f1b3bdd2",1732:"73645fa8",1832:"a556cc0e",2392:"6875c492",2520:"dda9d876",2576:"1ec96c11",3176:"b90aaeac",3376:"acbb0b46",3592:"108b598b",3720:"f3b0200b",4304:"5e95c892",4666:"a94703ab",4976:"a6aa9e1f",4991:"19d4caa7",5168:"608ae6a4",5244:"b9f07e2a",5512:"814f3328",5696:"935f2afb",5908:"d184639a",6080:"13b86060",6292:"b2b675dd",6344:"ccc49370",6500:"a7bd4aaa",6752:"17896441",6792:"62ca52c1",6880:"b2f554cd",7028:"9e4087bc",7152:"454824b6",7470:"4e5aa5ff",7560:"c6f71f2b",8048:"752283db",8056:"55c24532",8171:"2497986c",8412:"01a85c17",8552:"1df93b7f",8600:"a80da1cf",8816:"2f4f79ed",8912:"5daea7fd",9112:"a7023ddc",9156:"4cd4f0a7",9232:"419b793c",9772:"9b36ccd3",9904:"99a66f7b"}[e]||e)+"."+{168:"18cc718a",324:"36ce2ff3",384:"8c976fc1",564:"a2b34908",606:"e8e1f57d",826:"90e4d4be",1232:"3585e231",1732:"d48433c6",1832:"072b83a7",2392:"7936008a",2520:"67e5da40",2576:"c69cc297",3176:"47a75c33",3376:"04941f82",3592:"bb0c08a4",3720:"655b69fd",4304:"b69897bf",4552:"2986e2dc",4666:"09f4ec21",4976:"b015623b",4991:"3a66cc62",5168:"3e0329b0",5244:"a29bd618",5512:"49c45be8",5696:"bdf1ead9",5908:"fb7ffa95",6080:"3031bd81",6292:"32917ad0",6344:"ea4d4247",6500:"47857033",6752:"bb08baf3",6792:"c85f7c67",6880:"5709cf8e",7028:"aea41b19",7152:"adecfd95",7470:"ff44e729",7560:"9522309f",8048:"912721a7",8056:"b4a6bf59",8171:"999fc157",8412:"1390932d",8552:"fcb1a7cd",8600:"7ed26d3f",8816:"8cfed780",8912:"9f717967",9112:"b73abaec",9156:"7d871861",9232:"ca2f7994",9443:"958d450c",9772:"003e0215",9904:"1d86917c"}[e]+".js",b.miniCssF=e=>{},b.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),b.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},r="wanderedtola.blog:",b.l=(e,a,t,f)=>{if(c[e])c[e].push(a);else{var d,o;if(void 0!==t)for(var n=document.getElementsByTagName("script"),i=0;i{d.onerror=d.onload=null,clearTimeout(s);var r=c[e];if(delete c[e],d.parentNode&&d.parentNode.removeChild(d),r&&r.forEach((e=>e(t))),a)return a(t)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),o&&document.head.appendChild(d)}},b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.p="/",b.gca=function(e){return e={17896441:"6752","576f2e3a":"168","8ecb78bc":"324","5ba496fb":"384",c2f3c969:"564","60be8e52":"826",f1b3bdd2:"1232","73645fa8":"1732",a556cc0e:"1832","6875c492":"2392",dda9d876:"2520","1ec96c11":"2576",b90aaeac:"3176",acbb0b46:"3376","108b598b":"3592",f3b0200b:"3720","5e95c892":"4304",a94703ab:"4666",a6aa9e1f:"4976","19d4caa7":"4991","608ae6a4":"5168",b9f07e2a:"5244","814f3328":"5512","935f2afb":"5696",d184639a:"5908","13b86060":"6080",b2b675dd:"6292",ccc49370:"6344",a7bd4aaa:"6500","62ca52c1":"6792",b2f554cd:"6880","9e4087bc":"7028","454824b6":"7152","4e5aa5ff":"7470",c6f71f2b:"7560","752283db":"8048","55c24532":"8056","2497986c":"8171","01a85c17":"8412","1df93b7f":"8552",a80da1cf:"8600","2f4f79ed":"8816","5daea7fd":"8912",a7023ddc:"9112","4cd4f0a7":"9156","419b793c":"9232","9b36ccd3":"9772","99a66f7b":"9904"}[e]||e,b.p+b.u(e)},(()=>{var e={296:0,2176:0};b.f.j=(a,t)=>{var c=b.o(e,a)?e[a]:void 0;if(0!==c)if(c)t.push(c[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var r=new Promise(((t,r)=>c=e[a]=[t,r]));t.push(c[2]=r);var f=b.p+b.u(a),d=new Error;b.l(f,(t=>{if(b.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var r=t&&("load"===t.type?"missing":t.type),f=t&&t.target&&t.target.src;d.message="Loading chunk "+a+" failed.\n("+r+": "+f+")",d.name="ChunkLoadError",d.type=r,d.request=f,c[1](d)}}),"chunk-"+a,a)}},b.O.j=a=>0===e[a];var a=(a,t)=>{var c,r,f=t[0],d=t[1],o=t[2],n=0;if(f.some((a=>0!==e[a]))){for(c in d)b.o(d,c)&&(b.m[c]=d[c]);if(o)var i=o(b)}for(a&&a(t);n{"use strict";var e,a,t,c,f,r={},d={};function b(e){var a=d[e];if(void 0!==a)return a.exports;var t=d[e]={id:e,loaded:!1,exports:{}};return r[e].call(t.exports,t,t.exports,b),t.loaded=!0,t.exports}b.m=r,b.c=d,e=[],b.O=(a,t,c,f)=>{if(!t){var r=1/0;for(i=0;i=f)&&Object.keys(b.O).every((e=>b.O[e](t[o])))?t.splice(o--,1):(d=!1,f0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[t,c,f]},b.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return b.d(a,{a:a}),a},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,b.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var f=Object.create(null);b.r(f);var r={};a=a||[null,t({}),t([]),t(t)];for(var d=2&c&&e;"object"==typeof d&&!~a.indexOf(d);d=t(d))Object.getOwnPropertyNames(d).forEach((a=>r[a]=()=>e[a]));return r.default=()=>e,b.d(f,r),f},b.d=(e,a)=>{for(var t in a)b.o(a,t)&&!b.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},b.f={},b.e=e=>Promise.all(Object.keys(b.f).reduce(((a,t)=>(b.f[t](e,a),a)),[])),b.u=e=>"assets/js/"+({168:"576f2e3a",324:"8ecb78bc",384:"5ba496fb",564:"c2f3c969",826:"60be8e52",1232:"f1b3bdd2",1732:"73645fa8",1832:"a556cc0e",2392:"6875c492",2520:"dda9d876",2576:"1ec96c11",3176:"b90aaeac",3376:"acbb0b46",3592:"108b598b",3720:"f3b0200b",4304:"5e95c892",4666:"a94703ab",4976:"a6aa9e1f",4991:"19d4caa7",5168:"608ae6a4",5244:"b9f07e2a",5512:"814f3328",5696:"935f2afb",5908:"d184639a",6080:"13b86060",6292:"b2b675dd",6344:"ccc49370",6500:"a7bd4aaa",6752:"17896441",6792:"62ca52c1",6880:"b2f554cd",7028:"9e4087bc",7152:"454824b6",7470:"4e5aa5ff",7560:"c6f71f2b",8048:"752283db",8056:"55c24532",8171:"2497986c",8412:"01a85c17",8552:"1df93b7f",8600:"a80da1cf",8816:"2f4f79ed",8912:"5daea7fd",9112:"a7023ddc",9156:"4cd4f0a7",9232:"419b793c",9772:"9b36ccd3",9904:"99a66f7b"}[e]||e)+"."+{168:"18cc718a",324:"36ce2ff3",384:"8c976fc1",564:"a2b34908",606:"e8e1f57d",826:"90e4d4be",1232:"3585e231",1732:"d48433c6",1832:"072b83a7",2392:"7936008a",2520:"67e5da40",2576:"c69cc297",3176:"47a75c33",3376:"04941f82",3592:"bb0c08a4",3720:"655b69fd",4304:"b69897bf",4552:"2986e2dc",4666:"09f4ec21",4976:"b015623b",4991:"8213a3e4",5168:"3e0329b0",5244:"a29bd618",5512:"49c45be8",5696:"bdf1ead9",5908:"fb7ffa95",6080:"3031bd81",6292:"32917ad0",6344:"ea4d4247",6500:"47857033",6752:"bb08baf3",6792:"b0aa9d94",6880:"5709cf8e",7028:"aea41b19",7152:"adecfd95",7470:"ff44e729",7560:"9522309f",8048:"912721a7",8056:"b4a6bf59",8171:"999fc157",8412:"1390932d",8552:"fcb1a7cd",8600:"7ed26d3f",8816:"8cfed780",8912:"9f717967",9112:"b73abaec",9156:"7d871861",9232:"ca2f7994",9443:"958d450c",9772:"003e0215",9904:"1d86917c"}[e]+".js",b.miniCssF=e=>{},b.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),b.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},f="wanderedtola.blog:",b.l=(e,a,t,r)=>{if(c[e])c[e].push(a);else{var d,o;if(void 0!==t)for(var n=document.getElementsByTagName("script"),i=0;i{d.onerror=d.onload=null,clearTimeout(s);var f=c[e];if(delete c[e],d.parentNode&&d.parentNode.removeChild(d),f&&f.forEach((e=>e(t))),a)return a(t)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),o&&document.head.appendChild(d)}},b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.p="/",b.gca=function(e){return e={17896441:"6752","576f2e3a":"168","8ecb78bc":"324","5ba496fb":"384",c2f3c969:"564","60be8e52":"826",f1b3bdd2:"1232","73645fa8":"1732",a556cc0e:"1832","6875c492":"2392",dda9d876:"2520","1ec96c11":"2576",b90aaeac:"3176",acbb0b46:"3376","108b598b":"3592",f3b0200b:"3720","5e95c892":"4304",a94703ab:"4666",a6aa9e1f:"4976","19d4caa7":"4991","608ae6a4":"5168",b9f07e2a:"5244","814f3328":"5512","935f2afb":"5696",d184639a:"5908","13b86060":"6080",b2b675dd:"6292",ccc49370:"6344",a7bd4aaa:"6500","62ca52c1":"6792",b2f554cd:"6880","9e4087bc":"7028","454824b6":"7152","4e5aa5ff":"7470",c6f71f2b:"7560","752283db":"8048","55c24532":"8056","2497986c":"8171","01a85c17":"8412","1df93b7f":"8552",a80da1cf:"8600","2f4f79ed":"8816","5daea7fd":"8912",a7023ddc:"9112","4cd4f0a7":"9156","419b793c":"9232","9b36ccd3":"9772","99a66f7b":"9904"}[e]||e,b.p+b.u(e)},(()=>{var e={296:0,2176:0};b.f.j=(a,t)=>{var c=b.o(e,a)?e[a]:void 0;if(0!==c)if(c)t.push(c[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var f=new Promise(((t,f)=>c=e[a]=[t,f]));t.push(c[2]=f);var r=b.p+b.u(a),d=new Error;b.l(r,(t=>{if(b.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var f=t&&("load"===t.type?"missing":t.type),r=t&&t.target&&t.target.src;d.message="Loading chunk "+a+" failed.\n("+f+": "+r+")",d.name="ChunkLoadError",d.type=f,d.request=r,c[1](d)}}),"chunk-"+a,a)}},b.O.j=a=>0===e[a];var a=(a,t)=>{var c,f,r=t[0],d=t[1],o=t[2],n=0;if(r.some((a=>0!==e[a]))){for(c in d)b.o(d,c)&&(b.m[c]=d[c]);if(o)var i=o(b)}for(a&&a(t);n Archive • Wandered2LA - + diff --git a/blog/docusaurus-plugin.html b/blog/docusaurus-plugin.html index ae114b4..5a7bd3a 100644 --- a/blog/docusaurus-plugin.html +++ b/blog/docusaurus-plugin.html @@ -5,7 +5,7 @@ docusaurus custom plugin 만들기 • Wandered2LA - + diff --git a/blog/frontend-observability.html b/blog/frontend-observability.html index f8281b8..f525eb8 100644 --- a/blog/frontend-observability.html +++ b/blog/frontend-observability.html @@ -5,7 +5,7 @@ 안전한 프론트엔드 서비스란? • Wandered2LA - + diff --git a/blog/tags.html b/blog/tags.html index 4ad5c40..42d0e32 100644 --- a/blog/tags.html +++ b/blog/tags.html @@ -5,7 +5,7 @@ Tags • Wandered2LA - + diff --git a/blog/tags/custom.html b/blog/tags/custom.html index 073e987..7659d69 100644 --- a/blog/tags/custom.html +++ b/blog/tags/custom.html @@ -5,7 +5,7 @@ One post tagged with "custom" • Wandered2LA - + diff --git a/blog/tags/docusaurus.html b/blog/tags/docusaurus.html index b800585..f599e9b 100644 --- a/blog/tags/docusaurus.html +++ b/blog/tags/docusaurus.html @@ -5,7 +5,7 @@ One post tagged with "docusaurus" • Wandered2LA - + diff --git a/blog/tags/frontend.html b/blog/tags/frontend.html index 6f53f98..60b90ae 100644 Binary files a/blog/tags/frontend.html and b/blog/tags/frontend.html differ diff --git a/blog/tags/observability.html b/blog/tags/observability.html index 58bb67d..a06dfeb 100644 Binary files a/blog/tags/observability.html and b/blog/tags/observability.html differ diff --git a/blog/tags/plugin.html b/blog/tags/plugin.html index c6e5d80..17aec47 100644 --- a/blog/tags/plugin.html +++ b/blog/tags/plugin.html @@ -5,7 +5,7 @@ One post tagged with "plugin" • Wandered2LA - + diff --git a/docs/2024/07/07-15.html b/docs/2024/07/07-15.html index b56cadb..de23c11 100644 --- a/docs/2024/07/07-15.html +++ b/docs/2024/07/07-15.html @@ -5,7 +5,7 @@ 2024-07-15 • Wandered2LA - + @@ -14,10 +14,11 @@

react-content-script -

Monica와 같은 디자인으로 익스텐션 개발시 sidepanel이 아닌 html안에 appendChild사용
-createElement/appendChild -> 페이지별로 CSS 상이함 -> React

-

Monica와 달리 동일한 width에도 화면내 영역을 차지하지않음
-window.onload시 contentscript 자동 load

+

Monica와 같은 디자인으로 익스텐션 개발시 chrome.sidePanel을 사용하지 않고
+body안에 html을 삽입하는 구조로 작성해야함
+createElement/appendChild를 이용한 html을 생성하려고 했으나 추후 디자인까지 고려해 React로 변경

+

Monica와 달리 동일한 width에도 화면내 영역을 차지하지않고 (fixed position때문으로 추정됨)
+onload시 contentscript가 자동으로 load되는 문제

Process​

  1. background service-worker -> chrome API 실행 (toggle html)
    2. diff --git a/docs/2024/07/07-16.html b/docs/2024/07/07-16.html index 002687b..0c84f82 100644 --- a/docs/2024/07/07-16.html +++ b/docs/2024/07/07-16.html @@ -5,14 +5,14 @@ 2024-07-16 • Wandered2LA - +

    2024-07-16

    serviceworker to typescript​

    -

    browser load시 contentscript 자동으로 실행되는 문제 -> 우선 typescript로 변경
    +

    browser load시 contentscript 자동으로 실행되는 문제 -> typescript로 변경하는과정에서 해결
    변경 중 service-worker..ts확장자 오타 실수 -executeScript path 문제 수정

    Copyright © 2024 WanderedToLa All rights reserved.
    +executeScript 의 ScriptInjection files path를 수정하는것으로 변경

    Copyright © 2024 WanderedToLa All rights reserved.
    \ No newline at end of file diff --git a/docs/Frontend/actions-core.html b/docs/Frontend/actions-core.html index 44c40a9..54eb9d5 100644 --- a/docs/Frontend/actions-core.html +++ b/docs/Frontend/actions-core.html @@ -5,7 +5,7 @@ @actions/toolkit • Wandered2LA - + diff --git a/docs/Frontend/fe-conf-import.html b/docs/Frontend/fe-conf-import.html index 0fca2e8..8a3b517 100644 --- a/docs/Frontend/fe-conf-import.html +++ b/docs/Frontend/fe-conf-import.html @@ -5,7 +5,7 @@ [FECONF 2022] 내 import 문이 그렇게 이상했나요? • Wandered2LA - + diff --git a/docs/Frontend/js-type.html b/docs/Frontend/js-type.html index d7e870f..847ba4f 100644 --- a/docs/Frontend/js-type.html +++ b/docs/Frontend/js-type.html @@ -5,7 +5,7 @@ Javascript의 null check • Wandered2LA - + diff --git a/docs/Frontend/next-14.html b/docs/Frontend/next-14.html index fcd82ff..a75386d 100644 --- a/docs/Frontend/next-14.html +++ b/docs/Frontend/next-14.html @@ -5,7 +5,7 @@ Next.js 14 • Wandered2LA - + diff --git a/docs/Frontend/popover.html b/docs/Frontend/popover.html index 9844326..fb78b54 100644 --- a/docs/Frontend/popover.html +++ b/docs/Frontend/popover.html @@ -5,7 +5,7 @@ FrontEnd의 modal관리 • Wandered2LA - + diff --git a/docs/Frontend/woowa-state-manage.html b/docs/Frontend/woowa-state-manage.html index 7b1fcf9..50eebd0 100644 --- a/docs/Frontend/woowa-state-manage.html +++ b/docs/Frontend/woowa-state-manage.html @@ -5,7 +5,7 @@ [WOOWACON 2023] 프론트엔드 상태관리 실전 편 with React Query & Zustand • Wandered2LA - + diff --git a/docs/OS/install_wsl.html b/docs/OS/install_wsl.html index 784e049..3fb39e9 100644 --- a/docs/OS/install_wsl.html +++ b/docs/OS/install_wsl.html @@ -5,7 +5,7 @@ WSL2 + VSCode 기반 리눅스 개발환경 설정 • Wandered2LA - + diff --git a/docs/OS/memo.html b/docs/OS/memo.html index 11251ab..b4263e8 100644 --- a/docs/OS/memo.html +++ b/docs/OS/memo.html @@ -5,7 +5,7 @@ 메모 • Wandered2LA - + diff --git a/docs/PL/intro-programming-language.html b/docs/PL/intro-programming-language.html index 78c5655..0bab7a7 100644 --- a/docs/PL/intro-programming-language.html +++ b/docs/PL/intro-programming-language.html @@ -5,7 +5,7 @@ 프로그래밍 언어란? • Wandered2LA - + diff --git a/docs/Tips/advanced-search.html b/docs/Tips/advanced-search.html index f60ab71..9b2a64f 100644 --- a/docs/Tips/advanced-search.html +++ b/docs/Tips/advanced-search.html @@ -5,7 +5,7 @@ Github Advanced Search 팁 • Wandered2LA - + diff --git a/docs/Tips/command-tree.html b/docs/Tips/command-tree.html index bf95e1b..691c474 100644 --- a/docs/Tips/command-tree.html +++ b/docs/Tips/command-tree.html @@ -5,7 +5,7 @@ tree 명령어 사용팁 • Wandered2LA - + diff --git a/docs/Tips/git-alias.html b/docs/Tips/git-alias.html index 496eace..35da0d3 100644 --- a/docs/Tips/git-alias.html +++ b/docs/Tips/git-alias.html @@ -5,7 +5,7 @@ Git Alias로 명령어 지정 • Wandered2LA - + diff --git a/docs/Tips/how-to-speak.html b/docs/Tips/how-to-speak.html index 74f878c..b25945a 100644 --- a/docs/Tips/how-to-speak.html +++ b/docs/Tips/how-to-speak.html @@ -5,7 +5,7 @@ How To Speak • Wandered2LA - + diff --git a/docs/Tips/pets.html b/docs/Tips/pets.html index a868f06..25399a7 100644 --- a/docs/Tips/pets.html +++ b/docs/Tips/pets.html @@ -5,7 +5,7 @@ pets • Wandered2LA - + diff --git a/index.html b/index.html index 8de48dd..19d10d3 100644 Binary files a/index.html and b/index.html differ