<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>zejeworld</title>
    <link>https://zejeworld.tistory.com/</link>
    <description>네이버 블로그 https://blog.naver.com/zejeworld</description>
    <language>ko</language>
    <pubDate>Mon, 13 Apr 2026 16:26:33 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>_zeje</managingEditor>
    <image>
      <title>zejeworld</title>
      <url>https://tistory1.daumcdn.net/tistory/3777783/attach/3abeb32c2b0741a78143aad7a9ba28af</url>
      <link>https://zejeworld.tistory.com</link>
    </image>
    <item>
      <title>Web server failed to start. Port 8081 was already in use. 포트가 중복됐다고 실행되지 않을 때(mac)</title>
      <link>https://zejeworld.tistory.com/125</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;mac&lt;/p&gt;
&lt;pre id=&quot;code_1644996896347&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;2022-02-16 16:34:18.854 ERROR 29791 --- [  restartedMain] o.s.b.d.LoggingFailureAnalysisReporter   : 

***************************
APPLICATION FAILED TO START
***************************

Description:

Web server failed to start. Port 8081 was already in use.

Action:

Identify and stop the process that's listening on port 8081 or configure this application to listen on another port.


Process finished with exit code 0&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;sudo lsof -i :&lt;b&gt;&lt;span style=&quot;color: #ef6f53;&quot;&gt;포트번호&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;sudo kill -9 &lt;span style=&quot;color: #ef6f53;&quot;&gt;&lt;b&gt;pid번호&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;&amp;lt;예&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1644996730101&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;sudo lsof -i :8081

sudo kill -9 12345&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>에러를 맞았을 때</category>
      <category>ERROR 29791</category>
      <category>Web server failed to start. Port 8081 was already in use.</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/125</guid>
      <comments>https://zejeworld.tistory.com/125#entry125comment</comments>
      <pubDate>Wed, 16 Feb 2022 16:33:42 +0900</pubDate>
    </item>
    <item>
      <title>vue npm run build시 cannot find module (vue-cli-service)</title>
      <link>https://zejeworld.tistory.com/124</link>
      <description>&lt;pre id=&quot;code_1644996449414&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;(base) ☁  floatedshop [main] ⚡  npm run build

&amp;gt; floatedshop@0.1.0 build
&amp;gt; vue-cli-service build

node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module '../package.json'
Require stack:
- /Users/user/Desktop/9/works_2022/floatedshop_fullstack/floatedshop/node_modules/.bin/vue-cli-service
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.&amp;lt;anonymous&amp;gt; (/Users/user/Desktop/9/works_2022/floatedshop_fullstack/floatedshop/node_modules/.bin/vue-cli-service:4:25)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/user/Desktop/9/works_2022/floatedshop_fullstack/floatedshop/node_modules/.bin/vue-cli-service'
  ]
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아니 이놈의 시끼는 프로젝트 생성하고 빌드 할때마다 에러를 뱉네..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하여튼 해결방법이 이렇게 했을 때 됐다가 또 하면 안됐다가.. 다른 거 할 때 됐다가 또 하면 안됐다가 해서&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;된 걸 다 적어보자면..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. npm&amp;nbsp;uninstall&amp;nbsp;vue-cil&amp;nbsp;-g&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. npm i&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. npm&amp;nbsp;install&amp;nbsp;-g&amp;nbsp;@vue/cli&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;4. 터미널 끄고 재실행 후 npm run build&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. 프론트 (vue) 프로젝트 내부 node_modules 삭제&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2.npm install&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. 터미널 끄고 다시 킨 다음 npm run build&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;넘 열받앙!&lt;/p&gt;</description>
      <category>에러를 맞았을 때</category>
      <category>cannotfindmodule</category>
      <category>npm</category>
      <category>npmrunbuild</category>
      <category>Vue</category>
      <category>vue-cli-service</category>
      <category>vuebuild오류</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/124</guid>
      <comments>https://zejeworld.tistory.com/124#entry124comment</comments>
      <pubDate>Wed, 16 Feb 2022 16:30:59 +0900</pubDate>
    </item>
    <item>
      <title>mybatis select문 실행시 null 값 출력될 때</title>
      <link>https://zejeworld.tistory.com/123</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;select문을 db에서 실행했을 때 결과값이 잘 나옴에도 불구하고&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;mybatis 연결해서 웹에 뿌릴 때 null 값이 출력된다면&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;내 db가 &lt;span style=&quot;color: #f89009;&quot;&gt;&lt;i&gt;&lt;b&gt;카멜케이스로 표기가 되어있는지 언더바를 잔뜩 써놨는지&lt;/b&gt;&lt;/i&gt;&lt;/span&gt; 한번 뒤져보는게 좋다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이상하게 db에서는 select 문으로 조회했을 때 디비가 잘 출력되었는데&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;웹에서 [null]이라고만 출력되길래 어노테이션을 잘못쓴건지 중간에 오타가 있었는지 오만군데를 다 찾아봤는데&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그냥 내 디비 자체가 언더바가 잔뜩 있어서 인식을 못했던 것이었다...&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 133px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style1&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 20px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 20px; text-align: center;&quot;&gt;고치기 전 db 상태&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 20px; text-align: center;&quot;&gt;고친 후 db 상태&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;&lt;s&gt;p_id&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;productId&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 10px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 10px; text-align: center;&quot;&gt;&lt;s&gt;cate_id&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 10px; text-align: center;&quot;&gt;cateId&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;&lt;s&gt;p_name&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;productName&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;&lt;s&gt;p_price&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;productPrice&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 13px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 13px; text-align: center;&quot;&gt;&lt;s&gt;p_inventory&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 13px; text-align: center;&quot;&gt;productInventory&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;&lt;s&gt;p_image&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;productImage&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;&lt;s&gt;p_desc&lt;/s&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50%; height: 18px; text-align: center;&quot;&gt;productDesc&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;주의사항&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;db 수정하고 dto 파일에서 생성자랑 게터세터 모두 카멜표기로 디비와 맞게 수정하기~!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;2698&quot; data-origin-height=&quot;164&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/czyrCW/btrswUGawAW/ulysfpw2f6f9LgMlwTQp0k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/czyrCW/btrswUGawAW/ulysfpw2f6f9LgMlwTQp0k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/czyrCW/btrswUGawAW/ulysfpw2f6f9LgMlwTQp0k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FczyrCW%2FbtrswUGawAW%2Fulysfpw2f6f9LgMlwTQp0k%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2698&quot; height=&quot;164&quot; data-origin-width=&quot;2698&quot; data-origin-height=&quot;164&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 잘 출력이 된당.&lt;/p&gt;</description>
      <category>에러를 맞았을 때</category>
      <category>dbselect에러</category>
      <category>mybatis</category>
      <category>mybatisnull</category>
      <category>mybatis에러</category>
      <category>null나올때</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/123</guid>
      <comments>https://zejeworld.tistory.com/123#entry123comment</comments>
      <pubDate>Sun, 6 Feb 2022 12:41:53 +0900</pubDate>
    </item>
    <item>
      <title>m1 macbook-pro 모니터 두개연결(feat. displaylink)</title>
      <link>https://zejeworld.tistory.com/122</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;아아 드디어 해냈다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;KakaoTalk_Image_2022-02-05-19-40-06.jpeg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;960&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b4MUxj/btrsxizrstS/eZfcDBggTn3c8ZfJ80YYhk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b4MUxj/btrsxizrstS/eZfcDBggTn3c8ZfJ80YYhk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b4MUxj/btrsxizrstS/eZfcDBggTn3c8ZfJ80YYhk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb4MUxj%2FbtrsxizrstS%2FeZfcDBggTn3c8ZfJ80YYhk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;960&quot; data-filename=&quot;KakaoTalk_Image_2022-02-05-19-40-06.jpeg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;960&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;m1 맥북 프로를 구입하면서 모니터가 한개밖에 연결되지 않는다는걸 너무 늦게 깨달았고요...&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이리저리 알아보다가 결국 돈들여서 displaylink칩 들어있는 어댑터를 구매했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;해외에서 직구하면 startech사 displaylink칩 들은 어댑터가 한 7-8만원이었는데 나는 국내에서 다른 중국제품을 구매하였다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://m.smartstore.naver.com/bodaenc/products/5776442373?NaPm=ct%3Dkz9p9vhy%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3D%7Chk%3Daccfb1648ecaf584a9973f5e2f5cfd39f9826f12&quot;&gt;https://m.smartstore.naver.com/bodaenc/products/5776442373?NaPm=ct%3Dkz9p9vhy%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3D%7Chk%3Daccfb1648ecaf584a9973f5e2f5cfd39f9826f12&lt;/a&gt;&amp;nbsp;&lt;/p&gt;
&lt;figure id=&quot;og_1644057319446&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;HDMI 젠더 USB C to DP DVI VGA RGB 변환 Micro Mini : 보다이앤씨&quot; data-og-description=&quot;[보다이앤씨] 코드웨이 공식몰&quot; data-og-host=&quot;smartstore.naver.com&quot; data-og-source-url=&quot;https://m.smartstore.naver.com/bodaenc/products/5776442373?NaPm=ct%3Dkz9p9vhy%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3D%7Chk%3Daccfb1648ecaf584a9973f5e2f5cfd39f9826f12&quot; data-og-url=&quot;https://smartstore.naver.com/bodaenc/products/5776442373?&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bIZSev/hyNjLN8tDT/pchRkQjQvnpib3DDrgW1Kk/img.jpg?width=640&amp;amp;height=640&amp;amp;face=0_0_640_640,https://scrap.kakaocdn.net/dn/btA1hR/hyNjPCYNvI/xbd06hQdlzHGbqtDHXLkk1/img.jpg?width=640&amp;amp;height=640&amp;amp;face=0_0_640_640&quot;&gt;&lt;a href=&quot;https://m.smartstore.naver.com/bodaenc/products/5776442373?NaPm=ct%3Dkz9p9vhy%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3D%7Chk%3Daccfb1648ecaf584a9973f5e2f5cfd39f9826f12&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://m.smartstore.naver.com/bodaenc/products/5776442373?NaPm=ct%3Dkz9p9vhy%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3D%7Chk%3Daccfb1648ecaf584a9973f5e2f5cfd39f9826f12&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bIZSev/hyNjLN8tDT/pchRkQjQvnpib3DDrgW1Kk/img.jpg?width=640&amp;amp;height=640&amp;amp;face=0_0_640_640,https://scrap.kakaocdn.net/dn/btA1hR/hyNjPCYNvI/xbd06hQdlzHGbqtDHXLkk1/img.jpg?width=640&amp;amp;height=640&amp;amp;face=0_0_640_640');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;HDMI 젠더 USB C to DP DVI VGA RGB 변환 Micro Mini : 보다이앤씨&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;[보다이앤씨] 코드웨이 공식몰&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;smartstore.naver.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여기서 displaylink칩이 들어있다는 usb 3.0 to hdmi(고급) 상품을 구매했는데&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;원래는 nexi라는 회사에서 파는 usb3.0 t0 hdmi를 썼었는데 이건 회전도 안되고 엄청나게 깜빡거려서 짜증나서 못쓰겠더라(fl2000 이라는 칩인지 뭔지를 쓰는듯)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하여튼 믿져야 본전이라고 거의 6만원 가까이 되는 제품이었지만 큰맘먹고 질렀는데&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음에 연결했을 때는 자꾸 displaylink가 인식이 안되고 ㅠㅠ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;미러링만 인식이 되어서 아 또 잘못샀나 했는데 레딧에서 본 해결책으로 나도 깨끗하게 해결했다!!&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;지금은 displaylink 소프트웨어에서 모니터 회전도 지원해서 피벗도 가능함!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;혹시 다음과 같은 문제점을 가지고 계시다면 한번 시험삼아 해보세요!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;- displaylink 인식은 되는데 모니터는 계속 까만 화면만 나온다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- 주 모니터 미러링 등 화면 복제는 되는데 확장은 안된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- 확장시 여전히 까만화면만 나온다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;0. 우선 displaylink 어댑터를 컴터와 분리시킵니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. 다음 url에서 리셋 어쩌구 1.2 다운을 받으세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1644057793718&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Reset macOS display persistence 1.2 | Synaptics&quot; data-og-description=&quot;IMPORTANT: READ BEFORE COPYING, INSTALLING OR USING. &amp;nbsp; This software is provided by DisplayLink (UK) Limited (&amp;ldquo;DisplayLink&amp;rdquo;) or its authorized distributor for use by developers, manufacturers and related organizations in connection with testing, insta&quot; data-og-host=&quot;synaptics.com&quot; data-og-source-url=&quot;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&quot; data-og-url=&quot;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://synaptics.com/products/displaylink-graphics/downloads/macOS-display-persistence-reset&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Reset macOS display persistence 1.2 | Synaptics&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;IMPORTANT: READ BEFORE COPYING, INSTALLING OR USING. &amp;nbsp; This software is provided by DisplayLink (UK) Limited (&amp;ldquo;DisplayLink&amp;rdquo;) or its authorized distributor for use by developers, manufacturers and related organizations in connection with testing, insta&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;synaptics.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 다운로드 폴더에서 (혹은 원하는 경로로 데리고 가서) 압축을 푸세요.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;441&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cJPTGI/btrsve5Hzjq/3lk5Y2eHEqjK8BlQmwKkyk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cJPTGI/btrsve5Hzjq/3lk5Y2eHEqjK8BlQmwKkyk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cJPTGI/btrsve5Hzjq/3lk5Y2eHEqjK8BlQmwKkyk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcJPTGI%2Fbtrsve5Hzjq%2F3lk5Y2eHEqjK8BlQmwKkyk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;922&quot; height=&quot;441&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;441&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. 터미널을 열고 다음을 입력합니당&lt;/p&gt;
&lt;pre id=&quot;code_1644057931171&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;cd ~/Downloads
chmod +x ResetDisplayPrefs.command
sudo ./ResetDisplayPrefs.command&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;+) 혹시 압축 풀고 .command 파일명이 ResetDisplayPrefs.command 와 다르다면 그에 맞는 이름으로 바꿔주세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;4. 비번 치라하면 치고 블라블라 뭐 리셋할건데 할거니? 라고 물어보면 y 입력&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;5. 끝나고 재부팅 후에 다시 어댑터 컴터에 연결하면 짜잔~~~~~~~~&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;+) 참고 레딧&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://www.reddit.com/r/MacOS/comments/r2qx1y/displaylink_16_beta_mbp_m1/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.reddit.com/r/MacOS/comments/r2qx1y/displaylink_16_beta_mbp_m1/&lt;/a&gt;&lt;/p&gt;</description>
      <category>잡동사니</category>
      <category>displaylink</category>
      <category>displaylink피벗</category>
      <category>m1듀얼모니터</category>
      <category>m1세로모니터</category>
      <category>m1피벗</category>
      <category>디스플레이링크</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/122</guid>
      <comments>https://zejeworld.tistory.com/122#entry122comment</comments>
      <pubDate>Sat, 5 Feb 2022 19:47:49 +0900</pubDate>
    </item>
    <item>
      <title>height: 0; 해결방법</title>
      <link>https://zejeworld.tistory.com/121</link>
      <description>&lt;p&gt;height를 딱히 0으로 지정하지 않았는데 0으로 잡힐 때는 하위요소가 float 되었을 때 발생한다.&lt;/p&gt;
&lt;pre id=&quot;code_1620797273397&quot; class=&quot;html xml&quot; data-ke-language=&quot;html&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;ul&amp;gt;
	&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre id=&quot;code_1620797372046&quot; class=&quot;css&quot; data-ke-language=&quot;css&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;ul li { float: left; } /* 혹은 float: right; */&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;이렇게 하위 요소에 float을 적용하면 상위 요소는 height가 0으로 잡히는데 이 때 해결방법은 다음과 같다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1620797458733&quot; class=&quot;css&quot; data-ke-language=&quot;css&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/* 1 */
ul { overflow: hidden; }

/* 2 */
ul { display: inline-block; }

/* 3 */
ul:after { display:block; content: ''; clear: both; }&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;나는 첫 번째 방법이 간편해서 overflow hidden을 많이 쓰는 편이긴 한데, 처음 css 배울 때는 세 번째 방법으로 배운 기억이 있다. 마지막 방법같은 경우에는 after 요소로 매번 사용하는 것 보다 따로 클래스를 만들어 적용하는게 편하기도 함.&lt;/p&gt;</description>
      <category>HTML &amp;amp; CSS</category>
      <category>After</category>
      <category>clear</category>
      <category>clearboth</category>
      <category>css</category>
      <category>CSSheight</category>
      <category>float</category>
      <category>height:0</category>
      <category>html</category>
      <category>overflow</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/121</guid>
      <comments>https://zejeworld.tistory.com/121#entry121comment</comments>
      <pubDate>Wed, 12 May 2021 14:32:46 +0900</pubDate>
    </item>
    <item>
      <title>[JavaScript] 가위바위보 게임 Object.entries/setInterval/clearInterval/배열.includes/findIndex/find</title>
      <link>https://zejeworld.tistory.com/120</link>
      <description>&lt;p class=&quot;codepen&quot; style=&quot;height: 570px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;&quot; data-height=&quot;570&quot; data-theme-id=&quot;dark&quot; data-default-tab=&quot;js,result&quot; data-user=&quot;hyesse&quot; data-slug-hash=&quot;mdObqGx&quot; data-pen-title=&quot;mdObqGx&quot;&gt;&lt;span&gt;See the Pen &lt;a href=&quot;https://codepen.io/hyesse/pen/mdObqGx&quot;&gt; mdObqGx&lt;/a&gt; by hyesse (&lt;a href=&quot;https://codepen.io/hyesse&quot;&gt;@hyesse&lt;/a&gt;) on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;
&lt;script src=&quot;https://cpwebassets.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::setInterval()&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;setInverval(함수,시간)&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;슬라이드 만들 때 많이 사용했던 setInterval. setInterval함수로 가위바위보 사진을 0.1초마다 계속 돌아가며 보여지게끔 코딩한다. setTimeout()과 차이점은 몇 초 후에 실행할 것이냐, 몇 초마다 반복할 것이냐의 차이이다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;setInverval()은 함수를 정해진 시간마다 반복하는 데에 반하여 setTimeout()은 함수를 몇 초가 지난 뒤에 실행할 것인지를 정의한다.&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1611821936516&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;function 인터벌메이커(){
    인터벌=setInterval(function(){
        if(이미지좌표===가위바위보.바위){
            이미지좌표=가위바위보.가위;
        } else if(이미지좌표===가위바위보.가위){
            이미지좌표=가위바위보.보;
        } else{
            이미지좌표=가위바위보.바위;
        }
    
        document.querySelector('#computer').style.background='url(&quot;http://en.pimg.jp/023/182/267/1/23182267.jpg&quot;) '+이미지좌표+' 0';
    
},100); //1초마다 사진이 정해놓은 좌표값에 맞게 바뀌어 보여진다.


setTimeout(function(){
	인터벌메이커();
},1000); //1초 뒤에 인터벌메이커()함수를 실행함&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::Object.entries()&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;객체를 배열로 만들 때 사용함.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;설명해주실 때 딕셔너리를 배열로 만든다 라고 하셨는데 나는 딕셔너리가 뭔지 모르므로 걍 객체를 배열로 만들 때라고 외움..ㅎ...&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1611822213830&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;var 가위바위보={ //딕셔너리 자료구조
    가위:'-142px',
    바위:'0',
    보:'-284px'
  //key:value값
};

function 컴퓨터의선택(이미지좌표){
    return Object.entries(가위바위보).find(function(v){
        return v[1]===이미지좌표; //v[1]의 위치:좌표값
    })[0];
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;객체를 만들고 안에 있는 value값이 필요해서 객체를 배열로 만든 뒤 v[1], 즉 value 값을 찾는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::1차원 배열과 2차원 배열에서 사용하는 indexOf / find / findIndex&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;단순 배열일 때 1차원 배열이라고 하고 이때는 indexOf를 사용해 위치값을 찾아낼 수 있음.&lt;/span&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;그런데 배열 안에 배열이 들어가있는 2차원 배열의 경우에는 find를 이용해서 위치값을 찾아낼 수 있고, findIndex는 위치값의 순번?을 알아낼 수 있다고 한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;jQuery 쓸 때는 find를 html 태그 안에 있는 어떤 요소를 찾을 때(자식요소) 사용했던 기억이 난다.&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1611822545191&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;$('div').find('p');  //div 안에 자식으로 있는 p&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::querySelector/querySelectorAll&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;querySelector는 ('#id이름') 같이 css 작성하듯 사용할 수 있는데, 비슷한 태그들을 다 불러오고 싶을 때는 Id로 하면 안되고 class로 해줘야 한다.&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1611822637109&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;document.querySelectorAll('.btn').forEach(function(btn){
    btn.addEventListener('click',function(){
    
    ...&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;나는 버튼을 세 개 만든 뒤 가위,바위,보를 각각 버튼에 넣어줬기 때문에 버튼들을 다 불러오려면 class로 btn을 명명한 뒤에 자바스크립트 코드에서는 querySelectorAll('.btn')으로 한번에 불러올 수 있었다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;그리고 querySelectorAll은 forEach를 사용해서 반복문을 돌릴 수 있음.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::[배열].includes()&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;if함수로 이겼을 때, 졌을 때, 비겼을 때 메시지를 띄워야 하는데 이 때 if문에 들어가는 구절이 너무 길었다.&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1611822772233&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;if(점수차===0){
            console.log('비김');
            var 결과=document.createElement('h2');
            document.body.append(결과);
            결과.textContent=&quot;비김&quot;;
            
        }else if([-1,2].includes(점수차)){
            console.log('이김');
            var 결과=document.createElement('h2');
            document.body.append(결과);
            결과.textContent=&quot;이김&quot;;
        }else{
            console.log('짐');
            var 결과=document.createElement('h2');
            document.body.append(결과);
            결과.textContent=&quot;짐&quot;;
        }


//점수표[나의선택]-점수표[컴퓨터의선택(이미지좌표)]===-1 || 점수표[나의선택]-점수표[컴퓨터의선택(이미지좌표)]===2
//-&amp;gt;배열.includes로 줄일 수 있다.&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;&lt;b&gt;점수표[나의선택]-점수표[컴퓨터의선택(이미지좌표)]===-1 || 점수표[나의선택]-점수표[컴퓨터의선택(이미지좌표)]===2&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;//비효율적&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;이럴 때 같은 부분은 제외하고 다른 부분을 배열로 만든 뒤 뒤에 .includes(중복된 부분)을 넣어주면 된다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: #0593d3;&quot;&gt;[-1, 2].(점수표[나의선택]-점수표[컴퓨터의선택(이미지좌표)])&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;//이렇게 단순화 할 수 있다.&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</description>
      <category>JavaScript</category>
      <category>1차원배열</category>
      <category>2차원배열</category>
      <category>clearInterval</category>
      <category>Find</category>
      <category>findindex</category>
      <category>JavaScript</category>
      <category>Object.entries</category>
      <category>setInterval</category>
      <category>가위바위보게임</category>
      <category>배열.includes</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/120</guid>
      <comments>https://zejeworld.tistory.com/120#entry120comment</comments>
      <pubDate>Thu, 28 Jan 2021 17:35:53 +0900</pubDate>
    </item>
    <item>
      <title>[JavaScript]틱택토 게임 만들기 target/indexOf/forEach</title>
      <link>https://zejeworld.tistory.com/119</link>
      <description>&lt;p class=&quot;codepen&quot; style=&quot;height: 700px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;&quot; data-height=&quot;700&quot; data-theme-id=&quot;dark&quot; data-default-tab=&quot;js,result&quot; data-user=&quot;hyesse&quot; data-slug-hash=&quot;gOwVdOE&quot; data-pen-title=&quot;틱택토&quot;&gt;&lt;span&gt;See the Pen &lt;a href=&quot;https://codepen.io/hyesse/pen/gOwVdOE&quot;&gt; 틱택토&lt;/a&gt; by hyesse (&lt;a href=&quot;https://codepen.io/hyesse&quot;&gt;@hyesse&lt;/a&gt;) on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;
&lt;script src=&quot;https://cpwebassets.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::테이블 짜기&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;pre id=&quot;code_1611719907402&quot; class=&quot;html xml&quot; data-ke-language=&quot;html&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;table&amp;gt;
        &amp;lt;tr&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;가로 세 줄 안에 칸 세 개가 들어있는 테이블을 짰다.&lt;/p&gt;
&lt;p&gt;이렇게 짜면 간편하지만 자바스크립트 공부를 위해서 직접 자바스크립트에서 html을 생성해보았다.&lt;/p&gt;
&lt;pre id=&quot;code_1611719959226&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;var 바디=document.body;
var 테이블=document.createElement('table');
var 줄들=[];
var 칸들=[];


for(var i=1;i&amp;lt;=3;i++){                         // 줄 생성을 위한 for문
    var 줄=document.createElement('tr');        // 줄이라는 변수에 tr이 들어가게 설정, 3번 반복(3줄)
    줄들.push(줄);				// 줄들이라는 배열에 세 줄을 넣음
    칸들.push([]);				// 마찬가지로 칸들이라는 배열에 배열 생성
    for(var j=1;j&amp;lt;=3;j++){			// 칸 생성을 위한 for문
        var 칸=document.createElement('td');    // 칸이라는 변수에 td가 들어가게 설정, 3번 반복(3칸)
        칸.addEventListener('click', 비동기콜백);	 // 칸을 클릭했을 때 발생할 함수
        칸들[i-1].push(칸);
        줄.appendChild(칸);
    }
    테이블.appendChild(줄);
}

바디.append(테이블);&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::target&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;클릭한 칸의 위치를 알기 위해 target을 배웠음. target은 클릭한 그 부분을 알게 해줌.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;e.target은 칸을, e.target.parentNode는 칸의 상위요소인 줄의 위치를 알게 해준다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;이때, 좌표값으로 표현하기 위하여 indexOf를 사용하였다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::Array.indexOf&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;blockquote data-ke-size=&quot;size26&quot; data-ke-style=&quot;style3&quot;&gt;&lt;span style=&quot;color: #6164c6;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;array.indexOf(value, start)&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;value에는 검색할 값을, start에는 시작할 위치를 넣는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1611720737988&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;var 몇줄=줄들.indexOf(e.target.parentNode);
var 몇칸=칸들[몇줄].indexOf(e.target);
console.log(몇줄,몇칸);&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;클릭한 칸의 좌표값이 필요하기 때문에 우선 줄의 인덱스 값을 찾고, 그 다음 칸들의 인덱스 값을 찾는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;콘솔 돌려보면 [1,0] [2,2] 같이 표시되는 것을 확인할 수 있다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::addEventListener('click', 함수명)&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;addEventListener를 사용할 때 함수를 바깥에서 정의했다면 안에 소괄호를 적지 않는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333; font-family: 'Nanum Gothic';&quot;&gt;함수명() 이라고 넣으니까 에러났음..&lt;/span&gt;&lt;/p&gt;</description>
      <category>JavaScript</category>
      <category>e.target</category>
      <category>indexOf</category>
      <category>JavaScript</category>
      <category>Target</category>
      <category>자바스크립트</category>
      <category>자바스크립트게임</category>
      <category>틱택토</category>
      <category>틱택토게임</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/119</guid>
      <comments>https://zejeworld.tistory.com/119#entry119comment</comments>
      <pubDate>Wed, 27 Jan 2021 13:16:34 +0900</pubDate>
    </item>
    <item>
      <title>티스토리블로그 꾸미기 - header (+ 구글폰트 쓰는 방법)</title>
      <link>https://zejeworld.tistory.com/118</link>
      <description>&lt;p&gt;티스토리에서 기본으로 제공하는 블로그 스킨이 많이 있지만 뭔가 남들과 똑같기도 하고 지루해보여서 손대기로 결정했다. html을 잘 알면 수정이 어렵지 않지만 혹시나 html만 보면 눈앞이 까마득해져서 답답하신 분들이 계실까 해 이렇게 포스팅으로 남겨본다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::html의 구성요소를 대강 살펴보자면..&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p&gt;html은 크게 머리 몸통부분으로 구분을 하는데 이것을 각각 head / body라고 부른다.&lt;/p&gt;
&lt;p&gt;하지만 우리가 블로그를 꾸밀 때 알아야하는 부분은 바로 body부분이다. head에서는 행정적인 부분을 담당하기 때문에 우리는 body안에 자리잡고 있는 애들만 건드려주면 된다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;body 안에서도 크게 세 부분으로 나눌 수가 있다.&lt;/p&gt;
&lt;p&gt;body도 몸통이지만 이 안을 머리 몸 발로 나눈다고 했을 때 우리는 크게 header / section혹은 article 혹은 div / footer로 나눈다고 볼 수 있다. header는 말그대로 머리부분인데 우리가 웹사이트를 방문했을 때 가장 최상단에 보이는 눈에 쏙 들어오는 그 대문 부분이다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;사이트에서 가장 윗 부분에 존재하기도 하고 가장 시선을 끄는 중요한 부분이기 때문에 header라는 태그를 중점적으로 뜯어보고, 이 부분을 고쳐나가면 된다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;몸통부분으로는 section / article / div로 대충 구분해봤는데 사실 이 몸을 구성하는 부분은 어떤 태그를 쓰더라도 상관이 없기때문에 그렇다. 그냥 몸뚱아리만 구성하고 있으면 된다. 어차피 태그만 가지고 이 코드를 작성한 사람이 어떤 의도로 이 태그를 썼는지 다 파악하기 어렵기 때문에, 특별히 눈에 띄는(header/footer같은) 태그는 중요하지만 그 외의 태그는 그닥 중요하지 않다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;그래도 대략적으로 태그를 보면 어떤 성격을 가지고 있는지 알 수 있기 때문에 알아두면 좋은 것 같다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;body를 세 부분인 header / div / footer 로 나눈다고 가정했을 때, div는 header/footer 태그 안에서 사용하지 못할까?&lt;/p&gt;
&lt;p&gt;그렇지 않다. header / footer를 나누고 가운데 몸뚱아리를 차지해야하는 부분에 마땅히 특정된 태그가 없기때문에 저렇게 사용한 것이지 header와 footer 안에서도 div는 무한대로 사용할 수 있다. (그래서 html을 작성하다보면 div범벅이 됨)&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::그래서 수정은 어떻게 하나염?&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;나는 우선 가장 괜찮아보이는 기본 스킨을 저장하고 그 안에서 뜯어고치기 시작했다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-20 오전 9.52.46.jpg&quot; data-origin-width=&quot;1048&quot; data-origin-height=&quot;644&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dTTk5Q/btqT016D5Oc/pmoudCWXN3C2PrWx00bFt1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dTTk5Q/btqT016D5Oc/pmoudCWXN3C2PrWx00bFt1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dTTk5Q/btqT016D5Oc/pmoudCWXN3C2PrWx00bFt1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdTTk5Q%2FbtqT016D5Oc%2FpmoudCWXN3C2PrWx00bFt1%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-20 오전 9.52.46.jpg&quot; data-origin-width=&quot;1048&quot; data-origin-height=&quot;644&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;바로 이 에그라는 스킨을 골랐는데 노란색이 맘에 들지 않았다.&lt;/p&gt;
&lt;p&gt;따라서 티스토리 관리페이지로 들어간 뒤 스킨편집을 누르고 html편집으로 들어가준다.&lt;/p&gt;
&lt;pre id=&quot;code_1611104972501&quot; class=&quot;css&quot; data-ke-language=&quot;css&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/* ***** Header ***** */ /*변경전*/

.header h1 { text-align:center}
.header h1 a { padding:0; margin:0; color: #000; font-weight:bold;  font-size: 28px ; line-height:1.0;}
.header .blogMenu {text-align:center;}
.header .blogMenu a { color:#fafafa;text-transform:uppercase;}
.header .blogMenu li {
  list-style:none;
  float:left;
  padding:0 10px;	
}

.header .menu-inner {display:inline-block}
.header .blogMenu li a:hover {
  text-decoration:none;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;html탭 말고 css탭으로 들어가 ctrl+f버튼을 눌러 header를 검색해준 뒤에 내가 원하는 부분을 고쳤다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;추가한부분:&lt;/p&gt;
&lt;p&gt;.header h1 a { &lt;span style=&quot;color: #f89009;&quot;&gt;//헤더의 큰 제목부분이다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; color: #fafafa;&amp;nbsp; &lt;span style=&quot;color: #f89009;&quot;&gt;//원래 #000을 수정함&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; font-size: 38px ; &lt;span style=&quot;color: #f89009;&quot;&gt;//원래 28px, 너무 작아서 수정함&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; font-family: 'Lobster', cursive;font-style:italic; &lt;span style=&quot;color: #f89009;&quot;&gt;//구글폰트 끌어옴&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;}&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;.header .blogMenu&lt;/span&gt;&amp;nbsp;{&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;//헤더의 큰 제목 아래에 있는 소메뉴들 덩어리&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #333333;&quot;&gt;margin-top:30px&lt;/span&gt;; &lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;//원래 없었는데 헤더의 큰 제목과 여백을 주기위해 소메뉴덩어리 위에 30px의 여백을 주었음&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;}&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;.header .blogMenu a&lt;/span&gt;&amp;nbsp;{&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;//헤더의 큰 제목 아래에 있는 소메뉴들&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #333333;&quot;&gt;font-size:13px;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;//원래 없었는데 소제목들이 너무 커 비율이 안맞아 폰트 사이즈를 줄임&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;}&lt;/p&gt;
&lt;pre id=&quot;code_1611105101977&quot; class=&quot;css&quot; style=&quot;display: block; overflow: auto; padding: 15px; color: #383a42; background: #f6f7f8; font-size: 14px; border-radius: 3px; font-family: Menlo, Consolas, Monaco, monospace; border: 1px solid #dddddd; margin: 20px auto 0px; cursor: default; z-index: 1; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;&quot; data-ke-language=&quot;css&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/* ***** Header ***** */ /*변경 후*/

.header h1 { text-align:center}
.header h1 a { padding:0; margin:0; color: #fafafa; font-weight:bold;  font-size: 38px ; line-height:1.0; font-family: 'Lobster', cursive;font-style:italic;}
.header .blogMenu {text-align:center;margin-top:30px}
.header .blogMenu a { color:#fafafa;text-transform:uppercase;font-size:13px;}
.header .blogMenu li {
  list-style:none;
  float:left;
  padding:0 10px;	
}

.header .menu-inner {display:inline-block}
.header .blogMenu li a:hover {
  text-decoration:none;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;이렇게 적용하게 되면 화면은 이렇게 바뀐다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-20 오전 10.12.54.jpg&quot; data-origin-width=&quot;1434&quot; data-origin-height=&quot;315&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c4zvqp/btqT02j7zih/XxLh45cvVZ6llxwu4G0wU1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c4zvqp/btqT02j7zih/XxLh45cvVZ6llxwu4G0wU1/img.jpg&quot; data-alt=&quot;변경 전&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c4zvqp/btqT02j7zih/XxLh45cvVZ6llxwu4G0wU1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc4zvqp%2FbtqT02j7zih%2FXxLh45cvVZ6llxwu4G0wU1%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-20 오전 10.12.54.jpg&quot; data-origin-width=&quot;1434&quot; data-origin-height=&quot;315&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;변경 전&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-20 오전 10.13.32.jpg&quot; data-origin-width=&quot;1434&quot; data-origin-height=&quot;315&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/su61n/btqTYQkfDHz/jM1uhFkSPvErvKitQyPJA0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/su61n/btqTYQkfDHz/jM1uhFkSPvErvKitQyPJA0/img.jpg&quot; data-alt=&quot;변경 후&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/su61n/btqTYQkfDHz/jM1uhFkSPvErvKitQyPJA0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fsu61n%2FbtqTYQkfDHz%2FjM1uhFkSPvErvKitQyPJA0%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-20 오전 10.13.32.jpg&quot; data-origin-width=&quot;1434&quot; data-origin-height=&quot;315&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;변경 후&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;i&gt;::구글웹폰트 끌어오는 방법&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;a href=&quot;https://fonts.google.com/?preview.text=zejeworld&amp;amp;preview.text_type=custom&amp;amp;sidebar.open=true&amp;amp;selection.family=Antic+Slab&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;fonts.google.com/?preview.text=zejeworld&amp;amp;preview.text_type=custom&amp;amp;sidebar.open=true&amp;amp;selection.family=Antic+Slab&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1611105870577&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Google Fonts&quot; data-og-description=&quot;Making the web more beautiful, fast, and open through great typography&quot; data-og-host=&quot;fonts.google.com&quot; data-og-source-url=&quot;https://fonts.google.com/?preview.text=zejeworld&amp;amp;preview.text_type=custom&amp;amp;sidebar.open=true&amp;amp;selection.family=Antic+Slab&quot; data-og-url=&quot;https://fonts.google.com/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/G0m85/hyIZV1OzMQ/gWhqtEHes7dZPArnkJMo90/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630&quot;&gt;&lt;a href=&quot;https://fonts.google.com/?preview.text=zejeworld&amp;amp;preview.text_type=custom&amp;amp;sidebar.open=true&amp;amp;selection.family=Antic+Slab&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://fonts.google.com/?preview.text=zejeworld&amp;amp;preview.text_type=custom&amp;amp;sidebar.open=true&amp;amp;selection.family=Antic+Slab&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/G0m85/hyIZV1OzMQ/gWhqtEHes7dZPArnkJMo90/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;Google Fonts&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;Making the web more beautiful, fast, and open through great typography&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;fonts.google.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;구글폰트에 접속한 뒤 자신이 맘에드는 폰트를 선택해 들어간다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c5quNB/btqT18j9bLV/oxFMb8HZzjKMBSfYOxrsGk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c5quNB/btqT18j9bLV/oxFMb8HZzjKMBSfYOxrsGk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c5quNB/btqT18j9bLV/oxFMb8HZzjKMBSfYOxrsGk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc5quNB%2FbtqT18j9bLV%2FoxFMb8HZzjKMBSfYOxrsGk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;우측에 Select this style을 클릭하고&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/be6MK2/btqUcBdYvH0/9VtB94DxJyjWshJ3pDQhV1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/be6MK2/btqUcBdYvH0/9VtB94DxJyjWshJ3pDQhV1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/be6MK2/btqUcBdYvH0/9VtB94DxJyjWshJ3pDQhV1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbe6MK2%2FbtqUcBdYvH0%2F9VtB94DxJyjWshJ3pDQhV1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;Use on the web 부분에서 @import를 눌러준다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;회색 박스 안에 &amp;lt;style&amp;gt; &amp;lt;/style&amp;gt;사이에 있는 @import url~부분을 긁어다가 티스토리 스킨편집에서 css 탭의 맨 상단에 붙여넣는다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-20 오전 9.55.30.jpg&quot; data-origin-width=&quot;586&quot; data-origin-height=&quot;485&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/BywFS/btqUczHe0sa/q2Om0gmGMgDHeZu013Ffck/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/BywFS/btqUczHe0sa/q2Om0gmGMgDHeZu013Ffck/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/BywFS/btqUczHe0sa/q2Om0gmGMgDHeZu013Ffck/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FBywFS%2FbtqUczHe0sa%2Fq2Om0gmGMgDHeZu013Ffck%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-20 오전 9.55.30.jpg&quot; data-origin-width=&quot;586&quot; data-origin-height=&quot;485&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;그리고 구글폰트 사이트에서 CSS rulesto specity families부분을 복사해다 원하는 css 부분에 넣기만 하면 폰트가 적용된다. : )&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;끝!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>Blog</category>
      <category>css꾸미기</category>
      <category>header꾸미기</category>
      <category>html꾸미기</category>
      <category>블로그html꾸미기</category>
      <category>블로그스킨</category>
      <category>티스토리CSS</category>
      <category>티스토리html</category>
      <category>티스토리꾸미기</category>
      <category>티스토리스킨</category>
      <category>티스토리스킨꾸미기</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/118</guid>
      <comments>https://zejeworld.tistory.com/118#entry118comment</comments>
      <pubDate>Thu, 21 Jan 2021 00:00:35 +0900</pubDate>
    </item>
    <item>
      <title>판매자 정보를 Google sellers.json 파일에 게시하시기 바랍니다. 해결방법(티스토리 사용자)</title>
      <link>https://zejeworld.tistory.com/116</link>
      <description>&lt;p&gt;애드센스 광고가 승인나고 나서 신난다고 여기저기 광고를 덕지덕지 붙이기 시작했다. 아니나 다를까 수익은 진짜 코딱지만큼이지만 엄청 큰 수익을 바라고 시작한건 아니기때문에 그럭저럭 만족하고 있다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;i&gt;:: 구글 애드센스와 네이버 애드포스트의 차이점&lt;/i&gt;&lt;/h3&gt;
&lt;p&gt;네이버 애드포스트와는 다르게 애드센스는 사용자가 이것저것 조정할 수 있는 부분이 신기했다. 차단할 광고도 직접 설정할 수 있고, 광고의 크기나 위치 등도 직접 만질 수 있다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;사용자의 입장에서 스스로가 큰 수익을 낼 수 있다고 판단되면 이것저것 수정해서 수익을 올릴 수 있기 떄문에 뭔가 누이좋고 매부좋고라는 말이 딱 생각날 정도로 본인들의 수익을 위해서 우리를 잘 구스르는 느낌이라고 해야하나..ㅋㅋ&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;i&gt;:: &lt;span style=&quot;color: #ee2323;&quot;&gt;판매자 정보를 Google sellers.json 파일에 게시하시기 바랍니다.&amp;nbsp;&lt;span style=&quot;color: #333333;&quot;&gt;라는 알림을 받았을 때&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;/h3&gt;
&lt;p&gt;&lt;i&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;코딱지만한 수익 확인해보겠다고 매일같이 애드센스를 들어갔는데, 갑자기 상단에 이런 알림이 뜨기 시작했다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-19 오후 12.54.30.jpg&quot; data-origin-width=&quot;1419&quot; data-origin-height=&quot;138&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/GJSkD/btqTNzJNZvf/7b9kFyk5pYYHUlLBnt4xkK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/GJSkD/btqTNzJNZvf/7b9kFyk5pYYHUlLBnt4xkK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/GJSkD/btqTNzJNZvf/7b9kFyk5pYYHUlLBnt4xkK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FGJSkD%2FbtqTNzJNZvf%2F7b9kFyk5pYYHUlLBnt4xkK%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-19 오후 12.54.30.jpg&quot; data-origin-width=&quot;1419&quot; data-origin-height=&quot;138&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;뭐지뭐지?&amp;nbsp;&lt;/p&gt;
&lt;p&gt;json파일은 공부할 때만 만져보고 써본적이 없는데 갑자기 왜 저걸 하라는거지? 오만가지 생각이 들었는데 옆에 있는 [작업]버튼을 눌러 들어가보니 내 계정 정보가 써있고 아래에 이런 정보들이 뜬다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-01-19 오후 1.25.15.jpg&quot; data-origin-width=&quot;1419&quot; data-origin-height=&quot;731&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bpUwZG/btqTSUfC83a/5H1Bok7GQ8i6waR6VHNyt1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bpUwZG/btqTSUfC83a/5H1Bok7GQ8i6waR6VHNyt1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bpUwZG/btqTSUfC83a/5H1Bok7GQ8i6waR6VHNyt1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbpUwZG%2FbtqTSUfC83a%2F5H1Bok7GQ8i6waR6VHNyt1%2Fimg.jpg&quot; data-filename=&quot;스크린샷 2021-01-19 오후 1.25.15.jpg&quot; data-origin-width=&quot;1419&quot; data-origin-height=&quot;731&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;처음에는 공개상태가 내부용으로 되어있고 도메인칸이 빈 칸으로 뜨는데, 여기를 공개로 바꾸고 도메인에 주소를 써주면 된다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;&lt;span style=&quot;color: #f89009;&quot;&gt;여기서 도메인이란&lt;/span&gt;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;나는 처음에 내 블로그 주소를 다 쓰는 건줄로 알고 블로그 주소를 풀로 다 썼는데 계속해서 json파일을 수정하라는 알림이 떴다. 알아보니 진짜 도메인, 이 블로그를 운영하는 큰 도메인을 적는 게 맞는거라서 tistory.com만 입력하니 이제 경고창이 뜨지 않는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;해결!&lt;/span&gt;&lt;/p&gt;</description>
      <category>Blog</category>
      <category>googlesellers.json</category>
      <category>애드센스</category>
      <category>애드센스googlesellers.json</category>
      <category>애드센스googlesellers.json도메인</category>
      <category>애드센스json</category>
      <category>애드센스계정정보</category>
      <category>애드센스도메인</category>
      <category>애드센스티스토리도메인</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/116</guid>
      <comments>https://zejeworld.tistory.com/116#entry116comment</comments>
      <pubDate>Wed, 20 Jan 2021 00:00:00 +0900</pubDate>
    </item>
    <item>
      <title>애드센스 승인! 추가계정을 만들어 애드고시를 통과하기까지(9개월의 대장정)</title>
      <link>https://zejeworld.tistory.com/115</link>
      <description>&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-image-src=&quot;https://k.kakaocdn.net/dn/whB2E/btqTKL3rmeo/hnktucM2BJ0x7D2m41t9jk/img.jpg&quot; data-origin-width=&quot;828&quot; data-origin-height=&quot;1495&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/whB2E/btqTKL3rmeo/hnktucM2BJ0x7D2m41t9jk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/whB2E/btqTKL3rmeo/hnktucM2BJ0x7D2m41t9jk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/whB2E/btqTKL3rmeo/hnktucM2BJ0x7D2m41t9jk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FwhB2E%2FbtqTKL3rmeo%2FhnktucM2BJ0x7D2m41t9jk%2Fimg.jpg&quot; data-image-src=&quot;https://k.kakaocdn.net/dn/whB2E/btqTKL3rmeo/hnktucM2BJ0x7D2m41t9jk/img.jpg&quot; data-origin-width=&quot;828&quot; data-origin-height=&quot;1495&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;이 메일을 받기까지 9개월이라는 시간이 흘렀다......&lt;br&gt;그간 내가 걸어온 길을 살짝 정리해보자면&lt;br&gt;&lt;br&gt;2020. 04 초 블로그 개설&lt;br&gt;2020. 04 초 애드센스 신청 및 거절 여러차례(콘텐츠 부족)&lt;br&gt;&lt;span style=&quot;color: rgb(238, 35, 35);&quot;&gt;2020. 04 중순 애드센스 계정 추가 개설 (절대 하지 마세요)&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;2020. 04 말~ 2020. 08 애드센스 신청 거절(&lt;/span&gt;&lt;span style=&quot;color: rgb(238, 35, 35);&quot;&gt;중복계정&lt;/span&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;)&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;2020. 08 중순 애드센스 계정 삭제&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;2020. 12 잊고있다가 다시한번 신청 후 거절(&lt;/span&gt;&lt;span style=&quot;color: rgb(238, 35, 35);&quot;&gt;콘텐츠 부족&lt;/span&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;)&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;2020. 01 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 109, 215);&quot;&gt;승인&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;애드포스트 통과 이후 오랜 시간을 둘러온 것 같다. &lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;애드센스 중복 계정으로 6개월 넘게 고생하면서 진짜 계정 하나 더 만들까 하실 분들 계시다면 황금보자기에 도시락 싸들고 다니면서 뜯어 말리고 싶음 ㅠㅠ&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;내가 애드고시 통과하기까지 오래 걸린 이유:&lt;/span&gt;&lt;/p&gt;&lt;h3 data-ke-size=&quot;size23&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;1. 중복계정&lt;/span&gt;&lt;/h3&gt;&lt;h3 data-ke-size=&quot;size23&quot; style=&quot;text-align: left;&quot;&gt;2. 계정해지가 제대로 안 됨&lt;/h3&gt;&lt;h3 data-ke-size=&quot;size23&quot; style=&quot;text-align: left;&quot;&gt;3. 메일 제목만 보고 내용을 확인 안하고 포기&lt;/h3&gt;&lt;h3 data-ke-size=&quot;size23&quot; style=&quot;text-align: left;&quot;&gt;4. 블로그를 새로 파서 이사해서 새로운 주소에 신청하려고 했음&lt;/h3&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: rgb(64, 157, 0);&quot;&gt;&lt;b&gt;해결방법&lt;/b&gt;&lt;/span&gt;:&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;중복계정의 굴레를 무릅쓰고 &lt;span style=&quot;color: rgb(239, 111, 83);&quot;&gt;&lt;i&gt;&lt;b&gt;추가계정&lt;/b&gt;&lt;/i&gt;&lt;/span&gt; 개설해서 기존 블로그 &lt;br&gt;로 신청해 성공함&lt;/p&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;&lt;b&gt;1. 중복계정+계정해지의 문제&lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;중복계정을 만드는 순간 애드센스 굴레에서 벗어날 수가 없다. 나같은 경우에는 중복계정으로 애드몹과 구글 애널리틱스까지 가입하면서 더 복잡해졌는데 이런 경우에 이 중복계정을 삭제하려면 &lt;/span&gt;&lt;span style=&quot;color: rgb(166, 188, 0);&quot;&gt;애드몹 탈퇴 + 애널리틱스 탈퇴 + 애드센스 탈퇴&lt;/span&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;까지 완벽 조화가 이루어져야 한다. &lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;&lt;i&gt;중복계정이란?&lt;/i&gt;&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;&lt;i&gt;같은 이름이나 집주소, 혹은 같은 핸드폰 번호로 비슷한 아이디 개설했을 때 한 사람 앞으로 하나의 애드센스 계정만 가질 수 있다고 경고가 뜨는 것 같음(확실치 않다)&lt;/i&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;근데 남자친구 계정으로 연결했을 때도 거절뜨는 거 보니 잘은 모르겠다만 중복계정 광고 아이디를 블로그에서 깨끗하게 다 지워야하는 것 같았다. &lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;그런데 애널리틱스나 애드센스는 계정 해지한다고 바로 해지되는 것도 아닌 것 같았다. &lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;특히 해지 후에 애드센스에 로그인 해보면 계정 활성화하기 라면서 언제든지 바로 활성화를 할 수 있는 것으로 보아 제대로 해지가 되기까지 시일이 걸릴 것으로 파악하고 한 달 정도는 로그인도 하지 않고 거들떠도 안 봄. &lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;중복계정은 메일 제목 자체가 위반사항 수정 어쩌고로 오기 때문에 알기 쉬움. &lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(51, 51, 51);&quot;&gt;해지도 제대로 안되는 것 같고.. 나는 결국 중복계정으로 고생했음에도 불구하고 새로운 계정을 팠다. &lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;b&gt;2. 새로운 계정 만들기&lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;앞서 만들어 놓았던 모든 계정을 삭제한 뒤 중복계정을 피하기 위해 완전 새로운 형식의 아이디를 팠다. 이름도 주소도.. 핸드폰 인증만 내걸로 했는데 두근거렸지만 오류없이 잘 되더라. 계정 삭제하고 한 달정도 있다 시도한 것 같다. &lt;br&gt;&lt;br&gt;주소도 어디 외국으로 해놓고 본인인증할때 빼고는 연락처 등록도 안해놓음. &lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;br&gt;&lt;b&gt;3. 메일 제목만 보고 포기&lt;/b&gt;&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;계정을 새로 만들고 신청을 했는데 또 거절되었다는 메일을 받았다. &lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-image-src=&quot;https://k.kakaocdn.net/dn/dyCyeX/btqTIoOExOH/XyUPMZwahfefyo2VEBwe5K/img.jpg&quot; data-origin-width=&quot;828&quot; data-origin-height=&quot;1792&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dyCyeX/btqTIoOExOH/XyUPMZwahfefyo2VEBwe5K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dyCyeX/btqTIoOExOH/XyUPMZwahfefyo2VEBwe5K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dyCyeX/btqTIoOExOH/XyUPMZwahfefyo2VEBwe5K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdyCyeX%2FbtqTIoOExOH%2FXyUPMZwahfefyo2VEBwe5K%2Fimg.jpg&quot; data-image-src=&quot;https://k.kakaocdn.net/dn/dyCyeX/btqTIoOExOH/XyUPMZwahfefyo2VEBwe5K/img.jpg&quot; data-origin-width=&quot;828&quot; data-origin-height=&quot;1792&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;이런 내용이었는데 어느 블로그 글에서 보길 이런 거절 메일은 진짜 일말의 가능성도 없다고 해서 애초에 애드센스 홈페이지에 들어가서 문제점이 뭔지 확인해볼 생각도 안했다....&lt;br&gt;&lt;br&gt;이 메일을 받고 나는 안될 사람인가보다 하고 잊고 지내다가 어느날 문득 그냥 애드센스 사이트에 들어가 로그인을 했는데 거절된 이유가 상세하게 써있더라. &lt;br&gt;&lt;br&gt;보통 전에는 거절되는 이유를 메일에 써서 보내줬지만 저렇게 단호박 거절 메일은 처음이었고 가능성이 없는 메일이라길래 기대도 안했는데 그 이유는 바로 &lt;span style=&quot;color: rgb(238, 35, 35);&quot;&gt;&lt;b&gt;콘텐츠 부족&lt;/b&gt;&lt;/span&gt;!!&lt;br&gt;&lt;br&gt;중복계정 이유도 아니고 콘텐츠 부족이라니!!&lt;br&gt;&lt;br&gt;사실 키워놓은 블로그를 포기하고 애드센스 계정을 새로만들고 새로운 블로그에 다시 신청을 할 생각이었는데 블로그를 또 만들고 키운다는게 좀 쉬운 일이 아니었다. &lt;br&gt;&lt;br&gt;그런데 기존 블로그도 희망이 있다는게 너무 기뻐서 그 길로 네이버 블로그에 광고하듯이 제목만 올리고 티스토리로 바로 갈 수 있게끔 링크를 걸어 방문자 수를 높이기 시작했다. &lt;br&gt;&lt;br&gt;콘텐츠 부족이라는게 물론 글 개수나 퀄리티 등을 말하는 거겠지만 나는 방문자로 승부 봤음 (글 수정 하나도 안했고 근근히 글 하나씩만 올렸다.) &lt;br&gt;&lt;br&gt;&lt;br&gt;그리고 바로 어제 신청한지 5일만에 승인이 났다. &lt;br&gt;다른 사람들은 나만큼 길게 고생한 것 같지도 않던데ㅠㅠ&lt;br&gt;혹시 나처럼 포기 직전까지 간 사람들이 있다면 이 글이 희망스러운 글이 되었으면 좋겠다. : )&lt;/p&gt;</description>
      <category>Blog</category>
      <category>애드고시</category>
      <category>애드센스</category>
      <category>애드센스거절</category>
      <category>애드센스계정해지</category>
      <category>애드센스새계정</category>
      <category>애드센스승인</category>
      <category>애드센스중복계정</category>
      <category>애드센스추가계정</category>
      <category>애드센스콘텐츠부족</category>
      <category>애드센스해지</category>
      <author>_zeje</author>
      <guid isPermaLink="true">https://zejeworld.tistory.com/115</guid>
      <comments>https://zejeworld.tistory.com/115#entry115comment</comments>
      <pubDate>Tue, 19 Jan 2021 00:00:53 +0900</pubDate>
    </item>
  </channel>
</rss>