<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4839381235702124336</id><updated>2024-08-29T05:04:52.833+09:00</updated><category term="스크랩"/><category term="javascript"/><category term="개발"/><category term="벼랑영어"/><category term="js"/><category term="영어"/><category term="html"/><category term="vim"/><category term="web development"/><category term="웹 개발"/><category term="dom"/><category term="it"/><category term="문법"/><category term="용어"/><category term="IDE"/><category term="dojo"/><category term="framework"/><category term="getting started"/><category term="java"/><category term="wikipedia"/><category term="자바스크립트"/><category term="환경설정"/><category term="RIA"/><category term="cmd"/><category term="cui"/><category term="document"/><category term="eclipse"/><category term="expression"/><category term="ie"/><category term="jsp"/><category term="linux"/><category term="sourceCode"/><category term="tool"/><category term="windows"/><category term="노래"/><category term="단어"/><category term="북마크"/><category term="언어"/><category term="음악"/><category term="책"/><category term="컴퓨터"/><category term="화면단"/><category term="Blogger"/><category term="ajax"/><category term="calendar"/><category term="chrome"/><category term="code"/><category term="css"/><category term="date"/><category term="editor"/><category term="event"/><category term="form"/><category term="google"/><category term="handleAs"/><category term="href"/><category term="html5"/><category term="lifelog"/><category term="location"/><category term="meta"/><category term="mobile web"/><category term="mobile web app"/><category term="partner114"/><category term="plugIn"/><category term="polyfill"/><category term="publish"/><category term="rapercussion"/><category term="regex"/><category term="relode"/><category term="replace"/><category term="scriptlet"/><category term="software"/><category term="spring"/><category term="subscribe"/><category term="subversion"/><category term="svn"/><category term="window"/><category term="xhr"/><category term="xml"/><category term="youtube"/><category term="가방"/><category term="가요"/><category term="개념"/><category term="개발자 라이프로그"/><category term="건축"/><category term="검색"/><category term="공부"/><category term="공연"/><category term="구글"/><category term="구매"/><category term="규칙"/><category term="글"/><category term="기업"/><category term="네이버"/><category term="단축키"/><category term="달력"/><category term="데이터 시각화"/><category term="디자인"/><category term="라퍼커션"/><category term="리더십"/><category term="마케팅"/><category term="머리"/><category term="명령어"/><category term="무브홀"/><category term="문자열"/><category term="민원"/><category term="번역"/><category term="법률"/><category term="블로그"/><category term="설치"/><category term="세월호"/><category term="속청"/><category term="스마트폰"/><category term="스크립틀릿"/><category term="시각화"/><category term="여행"/><category term="역량"/><category term="연금"/><category term="연말공연"/><category term="연말콘서트"/><category term="영화"/><category term="웹개발"/><category term="음력"/><category term="이클립스"/><category term="일지"/><category term="자바"/><category term="전치사"/><category term="중도"/><category term="직급"/><category term="추억"/><category term="캘린더"/><category term="컬럼"/><category term="코딩"/><category term="콘서트"/><category term="크롬"/><category term="키보드"/><category term="팔로우십"/><category term="팝업"/><category term="포맷"/><category term="포토샵"/><category term="표준"/><category term="품사"/><category term="프로그래밍"/><category term="프린터"/><category term="함수"/><category term="홍대"/><title type='text'>Yang Taeho&amp;#39;s Dev. &amp;amp; Music</title><subtitle type='html'>Web Developer using Java, JavaScript and etc..&lt;br&gt;&#xa;Playing Surdo on The Bloco Rapercussion</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>59</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-1923569435310547162</id><published>2018-11-22T09:53:00.001+09:00</published><updated>2018-11-22T09:53:15.808+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="chrome"/><category scheme="http://www.blogger.com/atom/ns#" term="번역"/><category scheme="http://www.blogger.com/atom/ns#" term="크롬"/><title type='text'>크롬 에서 번역 옵션 뜨는 거 막는 방법 </title><content type='html'>&lt;br /&gt;
버그 같은게 아니고 저 옵션의 기본 값이 제공으로 바뀐듯...&lt;br /&gt;
번역 옵션 제공을 비활성화하면 안 뜸.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style=&quot;background-color: white; color: #202124; font-family: &amp;quot;Google Sans&amp;quot;, Roboto, sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; margin: 32px 0px 8px;&quot;&gt;
Chrome에서 웹페이지 번역&lt;/h2&gt;
&lt;div style=&quot;background-color: white; color: #3c4043; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 14px; margin-bottom: 12px; margin-top: 4px;&quot;&gt;
모르는 언어로 작성된 페이지를 방문할 때 다음 단계에 따라 Chrome이 페이지를 번역하도록 할 수 있습니다.&lt;/div&gt;
&lt;ol style=&quot;background-color: white; color: #3c4043; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 14px; margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;컴퓨터에서 Chrome을 엽니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;다른 언어로 작성된 웹페이지로 이동합니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;상단의&amp;nbsp;번역을 클릭합니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;Chrome이 웹페이지를 이번 한 번만 번역합니다.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;background-color: white; color: #3c4043; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 14px; margin-bottom: 12px; margin-top: 4px;&quot;&gt;
&lt;span id=&quot;docs-internal-guid-bbdcdce8-58b5-7bbb-4025-5cd77bd8e711&quot;&gt;작동하지 않나요?&amp;nbsp;&lt;/span&gt;웹페이지를 새로고침해 보세요. 그래도 작동하지 않을 경우 마우스 오른쪽 버튼으로 페이지의 아무 곳이나 클릭한 다음&amp;nbsp;[언어](으)로 번역을 클릭합니다.&lt;/div&gt;
&lt;h3 style=&quot;background-color: white; color: #202124; font-family: &amp;quot;Google Sans&amp;quot;, Roboto, sans-serif; font-size: 20px; font-weight: 500; line-height: 28px; margin: 24px 0px 8px;&quot;&gt;
&lt;a href=&quot;https://draft.blogger.com/null&quot; name=&quot;edit&quot;&gt;&lt;/a&gt;번역 사용 또는 사용 중지&lt;/h3&gt;
&lt;div style=&quot;background-color: white; color: #3c4043; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 14px; margin-bottom: 12px; margin-top: 4px;&quot;&gt;
Chrome은 기본적으로 모르는 언어로 작성된 페이지를 번역하도록 제안합니다.&lt;/div&gt;
&lt;div class=&quot;zippy-wrapper&quot; style=&quot;background-color: white; color: #3c4043; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 14px; margin: 0px 0px 1px; outline: none; padding: 0px;&quot;&gt;
&lt;div class=&quot;zippy-container zippy-last&quot; style=&quot;margin: 0px; outline: none;&quot;&gt;
&lt;a aria-expanded=&quot;true&quot; aria-haspopup=&quot;true&quot; class=&quot;zippy index1 goog-zippy-expanded&quot; data-stats-idx=&quot;1,2&quot; data-stats-ignore=&quot;&quot; data-stats-imp=&quot;&quot; data-stats-ve=&quot;2&quot; href=&quot;https://draft.blogger.com/null&quot; role=&quot;button&quot; style=&quot;border-bottom: none; border-top: 1px solid rgb(224, 224, 224); box-sizing: border-box; color: #1a73e8; cursor: pointer; display: inline-block; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 16px; line-height: 24px; margin: -1px; outline: none; padding: 16px 50px 11px 16px; position: relative; width: 702px;&quot; tabindex=&quot;0&quot;&gt;모든 언어에 번역 사용 또는 사용 중지&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;zippy-overflow&quot; style=&quot;margin: 0px; outline: none; overflow: hidden;&quot;&gt;
&lt;div class=&quot;zippy-content&quot; style=&quot;border-bottom: 1px solid rgb(224, 224, 224); margin: 0px; outline: none; overflow: auto; padding: 1px 26px 20px 34px; position: relative; transition: margin-top 0.218s ease-out 0s;&quot;&gt;
&lt;div style=&quot;margin-bottom: 12px; margin-top: 4px;&quot;&gt;
Chrome의 웹페이지 번역 제안 여부를 관리할 수 있습니다.&lt;/div&gt;
&lt;ol style=&quot;margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;컴퓨터에서 Chrome을 엽니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;오른쪽 상단에서 더보기&amp;nbsp;&lt;img alt=&quot;더보기&quot; height=&quot;18&quot; src=&quot;https://storage.googleapis.com/support-kms-prod/5C6FB52C8BBB2C12DC89B5F42F16B9B5E9CF&quot; style=&quot;max-width: 100%; vertical-align: middle;&quot; title=&quot;더보기&quot; width=&quot;18&quot; /&gt;&amp;nbsp;&lt;img alt=&quot;다음&quot; height=&quot;18&quot; src=&quot;https://lh3.googleusercontent.com/--hN1HovdyMvaDlFGhrt33r4Ozz1zCdlpLvLkGQTnA5PTOyzOaZkOW5o3091g9_7L1_u=w13-h18&quot; style=&quot;max-width: 100%; vertical-align: middle;&quot; title=&quot;다음&quot; width=&quot;13&quot; /&gt;&amp;nbsp;설정을 클릭합니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;하단에서&amp;nbsp;고급을 클릭합니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;&#39;언어&#39;에서&amp;nbsp;언어를 클릭합니다.&lt;/li&gt;
&lt;li style=&quot;margin: 4px 0px 4px 20px;&quot;&gt;&#39;이 언어로 된 페이지에 대한 번역 옵션 제공&#39;을 선택 또는 선택 해제합니다.&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
출처:&amp;nbsp;Chrome 언어 변경 및 웹페이지 번역 - 컴퓨터 - Google Chrome 고객센터 || &lt;a href=&quot;https://support.google.com/chrome/answer/173424?co=GENIE.Platform%3DDesktop&amp;amp;hl=ko&quot;&gt;https://support.google.com/chrome/answer/173424?co=GENIE.Platform%3DDesktop&amp;amp;hl=ko&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/1923569435310547162/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2018/11/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1923569435310547162'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1923569435310547162'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2018/11/blog-post.html' title='크롬 에서 번역 옵션 뜨는 거 막는 방법 '/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/--hN1HovdyMvaDlFGhrt33r4Ozz1zCdlpLvLkGQTnA5PTOyzOaZkOW5o3091g9_7L1_u=s72-w13-h18-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-8607651075131006506</id><published>2018-06-13T15:02:00.004+09:00</published><updated>2018-06-13T15:02:48.633+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="calendar"/><category scheme="http://www.blogger.com/atom/ns#" term="google"/><category scheme="http://www.blogger.com/atom/ns#" term="구글"/><category scheme="http://www.blogger.com/atom/ns#" term="달력"/><category scheme="http://www.blogger.com/atom/ns#" term="음력"/><category scheme="http://www.blogger.com/atom/ns#" term="캘린더"/><title type='text'>구글 캘린더 음력 설정하기</title><content type='html'>구글 캘린더 음력 설정하기&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;설정 &amp;gt; 보기 옵션 &amp;gt; 보조 캘린더 &amp;gt; 한국캘린더 선택&lt;/b&gt;&lt;br /&gt;
&lt;strike&gt;설정 &amp;gt; 보조 캘린더 &amp;gt; 한국캘린더 선택&lt;/strike&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;
출처: https://moonriver7.blogspot.kr/2015/02/blog-post_24.html?showComment=1500022528402#c8516292528590060581&lt;br /&gt;
&lt;br /&gt;
18-06-13&lt;br /&gt;
옵션 위치 변경﻿된걸 확인해서 수정했다.&lt;br /&gt;
https://calendar.google.com/calendar/r/settings&lt;br /&gt;
&lt;br /&gt;
#구글, #캘린더, #구글캘린더, #달력, #google, #calendar, #음력</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/8607651075131006506/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2018/06/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8607651075131006506'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8607651075131006506'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2018/06/blog-post.html' title='구글 캘린더 음력 설정하기'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-3756767651185366825</id><published>2018-01-16T14:25:00.002+09:00</published><updated>2018-01-16T14:25:56.107+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="windows"/><category scheme="http://www.blogger.com/atom/ns#" term="컴퓨터"/><category scheme="http://www.blogger.com/atom/ns#" term="키보드"/><title type='text'>windows CTRL (컨트롤) 키가 계속 눌려있는 현상에 대한 해결 방법</title><content type='html'>&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
1. 접근성 &amp;gt; 키보드 &amp;gt; 고정키 토글 여부 확인. 켬이면 꺼줌.&lt;/div&gt;
&lt;div&gt;
2. 꺼져 있다면 화상 키보드 실행하여 눌려 있는 것으로 인식하는지 확인&lt;/div&gt;
&lt;div&gt;
3. 눌려 있다면 TouchEn key 등 키보드 보안 프로그램 제거&lt;/div&gt;
&lt;div&gt;
4. 제거 해도 안되면 노트북? 제조사 쪽 드라이버 재설치&lt;/div&gt;
&lt;div&gt;
5. 그래도 안 되면 키보드 물리적 고장&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
참고자료&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://autophils.com/&quot;&gt;AutoPhils.COM&lt;/a&gt; - 키보드 ctrl 키가 안 먹는데여... | &lt;a href=&quot;https://car.philgo.com/index.php?page_no=736&amp;amp;module=post&amp;amp;action=view&amp;amp;writer=y&amp;amp;key=ID1769&amp;amp;post_id=qna&amp;amp;idx=953270853&quot;&gt;https://car.philgo.com/index.php?page_no=736&amp;amp;module=post&amp;amp;action=view&amp;amp;writer=y&amp;amp;key=ID1769&amp;amp;post_id=qna&amp;amp;idx=953270853&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
HP EliteBook 8460p 노트북 PC - Ctrl 키가 계속 눌려 있는 것처럼 노트북이 동작함 | HP® 고객 지원 | &lt;a href=&quot;https://support.hp.com/kr-ko/document/c03150784&quot;&gt;https://support.hp.com/kr-ko/document/c03150784&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
bbs &amp;gt; FAQ &amp;gt; Ctrl (컨트롤키 눌려지는 현상) 원인과 해결 방법 | &lt;a href=&quot;http://cherryko.co.kr/bbs/bbs/board.php?bo_table=faq&amp;amp;wr_id=11&quot;&gt;http://cherryko.co.kr/bbs/bbs/board.php?bo_table=faq&amp;amp;wr_id=11&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/3756767651185366825/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2018/01/windows-ctrl.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3756767651185366825'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3756767651185366825'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2018/01/windows-ctrl.html' title='windows CTRL (컨트롤) 키가 계속 눌려있는 현상에 대한 해결 방법'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-4913868628965952610</id><published>2017-12-28T13:36:00.000+09:00</published><updated>2017-12-28T13:36:42.925+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="개발"/><category scheme="http://www.blogger.com/atom/ns#" term="책"/><category scheme="http://www.blogger.com/atom/ns#" term="프로그래밍"/><title type='text'>프로그래밍의 정석 책에 대한 소개와 관점에 대한 프리젠테이션</title><content type='html'>&lt;div style=&quot;-en-clipboard: true;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
프로그래밍의 정석 책에 대한 소개와 관점에 대한 프리젠테이션&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.yes24.com/24/goods/55254076&quot; target=&quot;_blank&quot;&gt;프로그래밍의 정석 - YES24&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
위 책을 가지고 독서 모임에 참여하였다. 첫 날이고 다들 토론에 대한 감이 없는 관계로 첫 시간은 주최자의 프리젠테이션으로 시작하였다. 둘째 시간은 프리젠테이션 내용과 책의 내용을 바탕으로 토론을 했다.&lt;/div&gt;
&lt;div&gt;
아래 내용은 첫 시간에 들은 내용과 프리젠테이션 발표 자료를 취합하여 정리한 내용이다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ol start=&quot;1&quot;&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; line-height: 1.45; text-decoration: underline;&quot;&gt;왜 하필 이렇게 코드를 작성했나요?&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;line-height: 1.45;&quot;&gt;일반적으로 &amp;nbsp;취향, 가치관, 지식, 규칙을 흔히 말한다. 하지만 이것은 아름다운 이야기일뿐..&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;line-height: 1.45;&quot;&gt;결국 중요한 이유는 돈 ( 시간 )&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;line-height: 1.45;&quot;&gt;코드를 어떻게 짜는가에 대한 가장 중요한 이유는&lt;/span&gt; &lt;span style=&quot;background-color: #fffaa5; line-height: 1.45; text-decoration: underline;&quot;&gt;돈 = 시간 = 개발 시간 + 수정 시간&lt;/span&gt;&lt;span style=&quot;line-height: 1.45;&quot;&gt;(일반적으로 개발 시간의 8~9 배) 이다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;왜냐하면 프로그래밍에 필요한 자원은 인건비가 전부라고 봐도 무방하기 때문이다.&lt;/li&gt;
&lt;/ol&gt;
&lt;li&gt;이 코드의 당위성을 설명할 근거&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;이 코드를 이렇게 작성하면 사후 이 코드를 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;수정 시 시간이 절약됩니다.&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;꿈 같은 이야기... 현실에서는 코 앞의 일정과 이해관계로 설득의 근거가 될 수 없다.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;고객 요구사항, 투입 가능 자원, 필수 구현 사항, 프레임웍 및 언어에 대한 제약, 일정 준수&lt;/span&gt; 등의 가치가 충돌하는 가운데서는 수정시 시간이 절약된다는 근거는 설득력이 희박하다. 심지어 &lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;위원회 개발&lt;/span&gt;로 치닫게 될 위험이 커진다. &lt;span style=&quot;text-decoration: line-through;&quot;&gt;위원회 개발을 초래할 수 있는 가치의 충돌을&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; text-decoration: line-through;&quot;&gt;포스( forth )&lt;/span&gt;&lt;span style=&quot;text-decoration: line-through;&quot;&gt;라고 한다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;설득과 책임&lt;/span&gt;을 통해 위의 여러 가치들을 &lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;보다 구체적이고 강력한 방향성&lt;/span&gt;으로 묶을 수 있다.&lt;/li&gt;
&lt;/ol&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;보다 구체적이고 강력한 방향성&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;코드 ( 프로젝트 )를 보다 구처젝이고 강력한 방향성으로 이끌기 위한 여러 근거들을 바탕으로 &lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;설득&lt;/span&gt;의 과정을 거친다.&lt;/li&gt;
&lt;li&gt;서로 고도화된 개발 지식 체계를 갖고 있는 경우 등에서&amp;nbsp;&lt;span style=&quot;background-color: #fffaa5; background-position: initial initial; background-repeat: initial initial; text-decoration: underline;&quot;&gt;원리&lt;/span&gt;를 바탕으로 설득해 볼 수 있다.&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;원리의 항목: &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;추상, 캡슐화, 은닉, 패키지, 관심의 분리, 완전성과 순수성, 정책과 구현, 인터페이스와 구현, 단일 참조, 분할 정복&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;원리 중심 설명의 예시: 이거 캡슐화가 깨졌잖아. 고쳐야 할 것 같아. / 이건 인터페이스 분리가 필요할 것 같은데?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;원리의 미덕: 원리 수준에서 설득되는 팀을 구축할 수 있다면 해당 팀은 큰 가치를 달성할 수 있다. ( 향후 수정에 드는 비용이 매우 감소하기 때문에.. )&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;추상: 일반화 ( 카테고라이즈, 그룹화 ), 사상 ( 모델링, 기억할 것만 남김 ) 을 통해 달성할 수 있다.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;추상의 미덕: 구체는 매우 다양하며 복잡하기 때문에 필요한 요소들만을 단순화한다.&lt;/li&gt;
&lt;/ol&gt;
&lt;li&gt;원리로 설득이 되지 않는 경우 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;원칙&lt;/span&gt;을 바탕으로 설득해 볼 수 있다. 단, 원칙을 바탕으로 설득시 원리를 위배하지 않아야 한다.&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;원칙의 항목: &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;결과의 국소화, 반복의 최소화, 로직과 데이터의 일체화, 대칭성, 선언형 표현, 변경 빈도&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;원칙 중심 설명의 예시: 교장 선생님 훈화 말씀 시 사열한 학생의 예. 학생은 모두 정렬되어 서있어야 한다는 원칙이 세워져있다면, 모두가 똑바로 서있기 때문에 일사병으로 쓰러지는 학생을 발견할 수 있다. / 코딩스탠다드가 지켜지고 있는 모듈 안에서는 코딩스탠다드가 깨진 잘못되거나 품질이 떨어지는 코드를 쉽게 발견할 수 있다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;원칙의 미덕: 지켜질 때 지켜지지 않는 요소를 쉽게 인지할 수 있다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;논란? : 선언형 표현은 반드시 좋다고 할 수 있을까?&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;선언형 표현은 로직이 들어가지 않고 상태관리의 곧홍이 격감하기 때문에 안전하다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;고로 어느 정도 수준의 품질을 유지하는데 유용하다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;하지만 선언형의 한계로 인하여 팀원 전체가 해당 선언형의 한계치를 초과할 수 없게 된다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;또한 코드의 품질도 해당 선언형의 한계치를 초과할 수 없게 된다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;선언형 한계의 예시: 애노테이션을 적극 활용한 프로젝트에서 해당 애노테이션을 통해 쉽게 기능의 추가 등이 가능하나 해당 애노테이션을 구현할 수 있는 능력은 도태되게 된다.&lt;/li&gt;
&lt;li&gt;따라서 &lt;span style=&quot;font-size: 9pt;&quot;&gt;코드 품질과 발전 가능성을 염두하여&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;선언형을 어디까지 사용할 것인가의 균형을 잘 잡아야 한다.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/ol&gt;
&lt;li&gt;원칙으로 설득이 되지 않는 경우 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;가치&lt;/span&gt;를 가지고 설득해 볼 수 있다.&amp;nbsp;&lt;span style=&quot;font-size: 9pt;&quot;&gt;단, 가치를 바탕으로 설득시 원칙을 위배하지 않아야 한다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;가치의 항목: &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;의사소통, 단순성, 유연성&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;가치 중심 설명의 예시: 너 혼자 일할거야? 코드 이렇게 짜면 알아보겠어?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;단순성과 유연성의 상보성: 단순성과 유연성은 흔히 상반되는 가치로 인식되지만 프로그래밍에서는 최소기능을 단순하게 짜야 유연해진다. 즉 단순성과 유연성은 상반되는 가치가 아니라 상보되는 가치이다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;단순성과 유연성의 예시: Math.sin() 은 어디에나 쓸 수 있으며 항상 입력값에 대해 일정한 값을 반환한다.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 12px; line-height: 13.600000381469727px;&quot;&gt;설득의 레벨링. 고도화된 인원 간에는 가치와 원칙과 원리가 어우러진 설득이 가능하다. 하지만 대부분의 경우 설명의 근거를 레벨링하여 원리에 대한 이야기와 원칙에 대한 이야기, 가치에 대한 이야기를 나눠서 해야 설득할 대상의 혼돈을 방지할 수 있다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;가치로 설득이 되지 않는다면 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;가치의 기저인 철학&lt;/span&gt;을 통해 설득해 볼 수 있다.&lt;/li&gt;
&lt;/ol&gt;
&lt;li&gt;&lt;span style=&quot;line-height: 1.45;&quot;&gt;철학 ::&lt;/span&gt; &lt;span style=&quot;background-color: #fffaa5; line-height: 1.45; text-decoration: underline;&quot;&gt;가치의 기저&lt;/span&gt;&lt;/li&gt;
&lt;ol&gt;
&lt;li&gt;철학은 크게 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;합리주의와 상대주의&lt;/span&gt;로 나뉜다.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;합리주의는 이성주의로서 연역적 방법론&lt;/span&gt;을 사용한다.&lt;/li&gt;
&lt;li&gt;합리주의의 미덕은 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;기준제시&lt;/span&gt;이다. 일반적인 수준에서 이성적인 이야기를 하기 때문에 이해하기 편해서 쉽게 받아들여진다.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;상대주의는 경험주의로서 귀납적 방법론&lt;/span&gt;을 사용한다.&lt;/li&gt;
&lt;li&gt;상대주의의 미덕은 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;상황평가&lt;/span&gt;이다. 어떠한 가치에 대해 &lt;span style=&quot;background-color: #fffaa5; text-decoration: underline;&quot;&gt;변증법&lt;/span&gt;을 사용한 설명 등을 바탕으로 옳고 그름을 헤아릴 수 있다.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;변증법의 예시: &amp;nbsp;a=b 이고 b=c 이다. 그러므로 a=c 이다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;따라서, 우리가 누군가를 설득하기 위해서는 이성적으로 이해하기 쉬운 화두를 바탕으로(합리주의 기준제시) 근거를 가지고 설명(&lt;span style=&quot;font-size: 9pt;&quot;&gt;상대주의 상황평가)하거나 근거를 나열하고 이해할 수 있게 풀어서 설명하는 등으로 두 가치를&lt;/span&gt;&amp;nbsp;상보적으로 활용하여야 한다.&lt;/li&gt;
&lt;/ol&gt;
&lt;/ol&gt;
&lt;/ol&gt;
&lt;/ol&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/4913868628965952610/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post_28.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/4913868628965952610'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/4913868628965952610'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post_28.html' title='프로그래밍의 정석 책에 대한 소개와 관점에 대한 프리젠테이션'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-7571474621480927688</id><published>2017-12-21T12:06:00.001+09:00</published><updated>2017-12-21T12:06:31.601+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="code"/><category scheme="http://www.blogger.com/atom/ns#" term="dom"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="sourceCode"/><title type='text'>html javascript radio handler 예제</title><content type='html'>&lt;div style=&quot;-en-clipboard: true;&quot;&gt;
html javascript radio handler 예제&lt;/div&gt;
&lt;div&gt;
2017-11-07&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
썩 좋은 예제는 아님...&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
전역 namespace 선언하고&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
엘레먼트 구분하고&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
사용할 엘레먼트 별 이벤트 만들어 넣고&lt;/div&gt;
&lt;div&gt;
핸들러 영역 구분하고&lt;/div&gt;
&lt;div&gt;
사용할 핸들러 만들어 넣음. 끝..&lt;/div&gt;
&lt;div&gt;
jquery 코드 부분은 DOM 기본 셀렉터로 바꾸는게 더 좋다고 생각하지만 귀찮으니까 이 정도로 정리..&lt;/div&gt;
&lt;div&gt;
멜론 티켓 때 코드를 안 옮겨 놔서 한 번 써봄...&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
toggle, on 등에 각각 shield 패턴이 들어가야 제대로 된 형태라고 볼 수 있을듯...&lt;/div&gt;
&lt;div&gt;
setProp 도 역시 jQuery 랩핑이라 그냥 그럼.... .prop 대신 쓸 수 있게 만들면 좋을듯..&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: #fbfaf8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); box-sizing: border-box; font-size: 12px; padding: 8px;&quot;&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.ele = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.ele.radio = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.handler = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.handler.setProp =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(eleId,prop,value){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; $dom[eleId].prop(prop,value);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; //&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;document.getElementById(eleId)[prop] = value;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.handler.toggle =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(eleId,prop){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; &amp;nbsp; //&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;value = $dom[eleId].prop(prop) ?&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;false&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;value =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;document.getElementById(eleId)[prop]&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;?&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;false&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; dom.handler.setProp(eleId,prop,value);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.ele.radio.toggle =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(eleId){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;prop =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;checked&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; dom.handler.toggle(eleId,prop);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;dom.ele.radio.on =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(eleId){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;prop =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;checked&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; dom.handler.setProp(eleId,prop,&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;$dom = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;$dom.clazz = {};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;initDom =&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;() {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; $dom.btn_sms_y = $(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;#btn_sms_y&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; $dom.btn_sms_n = $(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;#btn_sms_n&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; $dom.btn_email_y = $(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;#btn_email_y&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp; $dom.btn_email_n = $(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;#btn_email_n&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;function&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;init_agree(){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;agreeText =&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(smsBool){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dom.ele.radio.on(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;btn_sms_y&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #3f7f5f; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;//$(&#39;#btn_sms_y&#39;).prop( &#39;checked&#39;, true );&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dom.ele.radio.on(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;btn_sms_n&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #3f7f5f; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;//$(&#39;#btn_sms_n&#39;).prop( &#39;checked&#39;, true );&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;(emailBool){&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dom.ele.radio.on(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;btn_email_y&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #3f7f5f; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;//$(&#39;#btn_email_y&#39;).prop( &#39;checked&#39;, true );&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #7f0055; font-family: D2Coding; font-size: 10pt; font-weight: bold; min-height: 11pt;&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dom.ele.radio.on(&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #2a00ff; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&#39;btn_email_n&#39;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fbfaf8; color: #3f7f5f; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;//$(&#39;#btn_email_n&#39;).prop( &#39;checked&#39;, true );&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #333333; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/7571474621480927688/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/html-javascript-radio-handler.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/7571474621480927688'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/7571474621480927688'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/html-javascript-radio-handler.html' title='html javascript radio handler 예제'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-2071887422882136913</id><published>2017-12-20T17:18:00.000+09:00</published><updated>2017-12-20T17:18:08.386+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="dom"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="ie"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><title type='text'>HTML 에서 Array.forEach 의 한계 -&gt; ie, getElementsByName</title><content type='html'>
&lt;span&gt;&lt;/span&gt;
&lt;div style=&quot;-en-clipboard: true;&quot;&gt;
HTML 에서 Array.forEach 의 한계 -&amp;gt; ie, &lt;span&gt;getElementsByName&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
chrome, firefox 등에서는 input 을 getElementsByName 등으로 잡을 경우&lt;/div&gt;
&lt;div&gt;
Array로 잡아준다.&lt;/div&gt;
&lt;div&gt;
반면 ie는&amp;nbsp;HtmlCollection 이라는 것으로 잡아준다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
그래서 forEach는 동작하지 않는다.&lt;/div&gt;
&lt;div&gt;
HtmlCollection 이 Array 처럼 동작하게 하기 위한 파싱.. 따로 prototype 에 extend 하지는 않고 그냥 함수에 인자로 해당 HtmlCollection을 넣는 식으로 구성했다.&lt;/div&gt;
&lt;div style=&quot;background-color: #fbfaf8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); box-sizing: border-box; font-size: 12px; padding: 8px;&quot;&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;/**&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;* for IE HtmlCollection parse to Array&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;*/&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;var toArray = function(eles) {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// shield&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;if (eles.forEach &amp;amp;&amp;amp; typeof eles.forEach == &#39;function&#39;) {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;return eles;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;var ELEMENT_NODE = 1;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;var isElements = (eles.item &amp;amp;&amp;amp; (eles.item(0).nodeType == ELEMENT_NODE));&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;if (!isElements) {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;if (window.console) {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;console.log(&quot;toArray use only Elements.&quot;);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;return eles;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// logic&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;var tempItem;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;var resArr = [];&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;var htmlCollection = eles;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;for (var i = 0, len = htmlCollection.length; i &amp;lt; len; i++) {&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;tempItem = htmlCollection.item(i);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;resArr.push(tempItem);&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;};&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;min-height: 11pt;&quot;&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;return resArr;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;background-color: #fbfaf8; color: #010101; font-family: D2Coding; font-size: 10pt; min-height: 11pt;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ele.labes 하면 input 인경우 htmlFor 가&amp;nbsp;해당 input id와 동일한 label 을 가져온다.&lt;/div&gt;
&lt;div&gt;
이 것도 ie에는 없다.&lt;/div&gt;
&lt;div&gt;
인풋의_아이디 가 해당 input 의id라고 할 때&lt;/div&gt;
&lt;div&gt;
document.querySelector(&#39;label[for&#39;+인풋의_아이디+&#39;])&lt;/div&gt;
&lt;div&gt;
로 가져올 수 있다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
관련 디버깅&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
NodeList - Web API 참조 문서 | MDN | &lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/API/NodeList&quot;&gt;https://developer.mozilla.org/ko/docs/Web/API/NodeList&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
HTMLCollection - Web API 참조 문서 | MDN | &lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/API/HTMLCollection&quot;&gt;https://developer.mozilla.org/ko/docs/Web/API/HTMLCollection&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Document.getElementsByName() - Web API 참조 문서 | MDN | &lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/API/Document/getElementsByName&quot;&gt;https://developer.mozilla.org/ko/docs/Web/API/Document/getElementsByName&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Array.prototype.forEach() - JavaScript | MDN | &lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach&quot;&gt;https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
HTMLCollection - Web API 참조 문서 | MDN | &lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/API/HTMLCollection&quot;&gt;https://developer.mozilla.org/ko/docs/Web/API/HTMLCollection&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Element - Web APIs | MDN | &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Element&quot;&gt;https://developer.mozilla.org/en-US/docs/Web/API/Element&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Node - Web APIs | MDN | &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Node&quot;&gt;https://developer.mozilla.org/en-US/docs/Web/API/Node&lt;/a&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/2071887422882136913/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/html-arrayforeach-ie-getelementsbyname.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2071887422882136913'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2071887422882136913'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/html-arrayforeach-ie-getelementsbyname.html' title='HTML 에서 Array.forEach 의 한계 -&gt; ie, getElementsByName'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-2084343025912804197</id><published>2017-12-20T17:16:00.000+09:00</published><updated>2017-12-20T17:16:17.172+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="java"/><category scheme="http://www.blogger.com/atom/ns#" term="jsp"/><title type='text'>[초급 팁] jsp 현재 시간 timestamp</title><content type='html'>
&lt;span&gt;&lt;/span&gt;
&lt;div style=&quot;-en-clipboard: true;&quot;&gt;
[초급 팁] jsp 현재 시간 timestamp&lt;/div&gt;
&lt;div&gt;
&amp;lt;%-- JSP Common params --%&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;c:set value=&quot;yyyyMMddHHmmss&quot; var=&quot;defaultDateStringPattern&quot;&gt;&lt;/c:set&gt;&lt;/div&gt;
&lt;div&gt;
&lt;jsp:usebean class=&quot;java.util.Date&quot; id=&quot;now&quot;&gt;&lt;/jsp:usebean&gt;&lt;/div&gt;
&lt;div&gt;
&lt;fmt:formatdate pattern=&quot;${defaultDateStringPattern}&quot; value=&quot;${now}&quot; var=&quot;today&quot;&gt;&lt;/fmt:formatdate&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
now : 현재 타임이 영문식으로 출력&lt;/div&gt;
&lt;div&gt;
today: 20171117100302&amp;nbsp;&lt;span style=&quot;line-height: 1.45;&quot;&gt;로출력됨.&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/2084343025912804197/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/jsp-timestamp.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2084343025912804197'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2084343025912804197'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/jsp-timestamp.html' title='[초급 팁] jsp 현재 시간 timestamp'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-2418755091338645351</id><published>2017-12-20T16:47:00.001+09:00</published><updated>2017-12-20T16:47:37.887+09:00</updated><title type='text'>양태호: [크롤링] 유튜브 플레이 리스트 총 시간.</title><content type='html'>&lt;a href=&quot;http://yangbuk.blogspot.com/2017/12/blog-post.html?spref=bl&quot;&gt;양태호: [크롤링] 유튜브 플레이 리스트 총 시간.&lt;/a&gt;: [크롤링] 유튜브 플레이 리스트 총 시간.     https://www.youtube.com/playlist?list=PL9gStYgm-otNJae7Ng5HWre9yfcjdvCE0     와 같이 리스트 목록의 총 재생시간을 구하는 것..    ...</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/2418755091338645351/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post_20.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2418755091338645351'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2418755091338645351'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post_20.html' title='양태호: [크롤링] 유튜브 플레이 리스트 총 시간.'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-5141773325311864759</id><published>2017-12-20T16:46:00.000+09:00</published><updated>2017-12-20T16:46:49.981+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="js"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>[크롤링] 유튜브 플레이 리스트 총 시간.</title><content type='html'>

&lt;div style=&quot;-en-clipboard: true;&quot;&gt;
[크롤링] 유튜브 플레이 리스트 총 시간.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
https://www.youtube.com/playlist?list=PL9gStYgm-otNJae7Ng5HWre9yfcjdvCE0&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
와 같이 리스트 목록의 총 재생시간을 구하는 것..&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
크롤링이라기에는 너무 별로지만... 뭔가 url 넣으면 총 재생시간 나오는 그런 식으로 디벨롭해야 쓸만해질듯....&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
const looper = (i,ele,list)=&amp;gt;{&lt;/div&gt;
&lt;div&gt;
//console.log(&quot;ee&quot;,i,ele);&lt;/div&gt;
&lt;div&gt;
return {&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;idx: i,&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;ele: ele.innerText&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;div&gt;
};&lt;/div&gt;
&lt;div&gt;
const times = document.getElementsByClassName(&#39;style-scope ytd-thumbnail-overlay-time-status-renderer&#39;);&lt;/div&gt;
&lt;div&gt;
let res = [];&lt;/div&gt;
&lt;div&gt;
let i = 0;&lt;/div&gt;
&lt;div&gt;
for (time of times) {&lt;/div&gt;
&lt;div&gt;
res.push(looper(i,time,times));&lt;/div&gt;
&lt;div&gt;
i++;&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;div&gt;
res.reduce((sum,item,idx,list)=&amp;gt;{ const arr = item.ele.split(&#39;:&#39;); const currSec = Number(arr[0])*60+Number(arr[1]); return currSec + sum;},0)/(60*60);&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/5141773325311864759/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/5141773325311864759'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/5141773325311864759'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/12/blog-post.html' title='[크롤링] 유튜브 플레이 리스트 총 시간.'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-1402295527717691718</id><published>2017-03-10T09:56:00.001+09:00</published><updated>2017-03-10T09:56:47.783+09:00</updated><title type='text'>[ 삽질 노트 ] 17-03-10 maven war 배포시 리소스 갱신 안됨.</title><content type='html'>&lt;div style=&quot;margin: 0px; orphans: 2; padding: 0px; text-align: start; text-indent: 0px; widows: 2;&quot;&gt;
&lt;span style=&quot;color: #666666; font-family: Helvetica Neue, Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 13px; white-space: pre-wrap;&quot;&gt;[ 삽질 노트 ] 17-03-10 maven war 배포시 리소스 갱신 안됨.

한 줄 요약
메이븐 프로젝트 WAR 배포가 비 정상적으로 잘 안될 때는 maven clean 을 한 후 다시 maven package 를 해보자.


TL;DR
사내 프로젝트 API 작업을 하고 있다.
로컬에서 maven run 을 하고 테스트도 다 돌려서 잘 돌아가는 걸 확인했다.
그런데 해당 프로젝트를 WAR 패키징해서 서버에 배포하고 WAS를 실행시키면 여지없이 뻗어버렸다.
에러 메시지는 과거엔 있었지만 존재하지 않는 sql 혹은 Alias 가 중복 정의 되었다는 그런 메시지 들이었다.

&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;color: #666666; font-family: Helvetica Neue, Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 13px; white-space: pre-wrap;&quot;&gt;alias ‘어떤 이름’ is already mapped to the value ‘다른 이름&#39;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 0px; orphans: 2; padding: 0px; text-align: start; text-indent: 0px; widows: 2;&quot;&gt;
&lt;span style=&quot;color: #666666; font-family: Helvetica Neue, Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 13px; white-space: pre-wrap;&quot;&gt;
작업한 내용이
mybatis 샘플 mapper.xml 등의 위치 변경.
mybatis 샘플 mapper.xml 등의 삭제.
mybatis alias 수정
등이었다.

관련된 내용에 대한 메시지였기에 이것 저것 건드려 봄.
결과적으로 안되는데 계속 시도해서 시간만 버림.

패키징된 WAR를 까보니 이미 없어야할 xml maven clean 명령으로 프로젝트의 target 폴더를 리셋하고 다시 패키징해서 배포하니 잘 된다...

#maven, #메이븐, #배포, #WAR, #java, #api, #mybatis, #마이바티스&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/1402295527717691718/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/03/17-03-10-maven-war.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1402295527717691718'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1402295527717691718'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/03/17-03-10-maven-war.html' title='[ 삽질 노트 ] 17-03-10 maven war 배포시 리소스 갱신 안됨.'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-2345602525453532518</id><published>2017-02-25T09:10:00.000+09:00</published><updated>2017-02-25T09:10:19.967+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="java"/><category scheme="http://www.blogger.com/atom/ns#" term="spring"/><category scheme="http://www.blogger.com/atom/ns#" term="개발자 라이프로그"/><category scheme="http://www.blogger.com/atom/ns#" term="환경설정"/><title type='text'>[삽질 노트] Spring boot - main 설정에서 여러 개의 basepackages 이용하기.excutable WAR 배포하기</title><content type='html'>&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;[삽질 노트] Spring boot - main 설정에서 여러 개의 basepackages 이용하기.excutable WAR 배포하기&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;## 한 줄 요약 ##&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;Spring boot 에서 @ComponentScan 에 basepackages 혹은 value 에 basepackage를 명시해 줄 떄는 반드시 루트로 잡아주자.....&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;## 남은 삽질 ##&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;excutable WAR 배포하기 - 잘 아시는 분 있으면 볼만한 곳이라도 좀 알려주셨으면...&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;## maybe TL:DR ##&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;&amp;nbsp; 현재 회사에서 API 개발 작업을 하고 있다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;&amp;nbsp; 그런데 어제 그제 잘 돌아가던 api가 완전히 먹통이 돼서 초기 로딩도 안되고 있는 것이다...&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;설정 관련된 걸 다 갈아 엎어 보았지만 나아지질 않았다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;계속 @Mapper 선언 해 놓은 부분들을 읽어들이질 못했다...&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;뾰족한 원인을 찾지 못하고 이틀 째 삽질을 했다. 금요일 저녁 8시 문득 스캔 관련된 부분이 문제이겠단 생각이 들었다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;Spring boot 을 최초 실행시키도록 선언해놓은 Application 클래스의 @ComponentScan 부분을 수정해보았다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;@ComponentScan(value=&quot;com.greenmango.example&quot;,&quot;kr.co.gmango&quot;)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;이 부분이었는데 문제는 간단했다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;&quot;com.greenmango.example&quot; 이 부분에서 실질적인 basepackage 는 com.greenmango 였기 때문에 왠지 모르게 com.greenmango.example 내부도 scan을 하지 않았던 것이다. &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;이 생각을 못했던 이유는 분명히 애노테이션이 잡힌 부분들은 com.greenmango.example 이하였기 떄문이다.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;어쩄든 내가 스프링의 스펙에 그만큼 미비한 부분이었다고 생각한다... 그래도 과장이나 됐는데 이러려고 개발자했나 자괴감 드는 이틀이었다... 시간이 너무나 없는 순간인데...&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Arial,Helvetica,sans-serif;&quot;&gt;&lt;span style=&quot;color: #252525; font-size: 10pt;&quot;&gt;그래도 정신 바짝 차리고 달려보자!&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/2345602525453532518/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/02/spring-boot-main-basepackages-excutable.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2345602525453532518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/2345602525453532518'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/02/spring-boot-main-basepackages-excutable.html' title='[삽질 노트] Spring boot - main 설정에서 여러 개의 basepackages 이용하기.excutable WAR 배포하기'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-3502575428618616790</id><published>2017-02-17T10:55:00.001+09:00</published><updated>2017-02-17T10:55:42.994+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="eclipse"/><category scheme="http://www.blogger.com/atom/ns#" term="windows"/><category scheme="http://www.blogger.com/atom/ns#" term="환경설정"/><title type='text'>Eclipse를 Windows 10 작업 표시 줄에 고정 - 아이콘 두 개 생기는 것 방지</title><content type='html'>&lt;div&gt;
&lt;span&gt;Eclipse를 Windows 10 작업 표시 줄에 고정 - 아이콘 두 개 생기는 것 방지&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span&gt;eclipse 바로 가기를 만들고 해당 바로 가기의 이름은 eclipse로 변경한다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;해당 바로 가기 우클릭 &amp;gt; 속성 &amp;gt; 바로 가기 &amp;gt; 대상(T) 에 아래 command line argument 를 추가&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;span&gt;[기존 이클립스 경로]\eclipse.exe &lt;span style=&quot;-evernote-highlight: true; background-color: #fffaa5;&quot;&gt;-vm &quot;[JDK 위치]\jre\bin\server\jvm.dll&quot;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ol start=&quot;3&quot;&gt;
&lt;li&gt;시스템 &amp;gt; 고급 시스템 설정 &amp;gt; 환경 변수 &amp;gt; 시스템 변수(S) &amp;gt; 변수 Path 의 값에 &lt;span style=&quot;-evernote-highlight: true; background-color: #fffaa5;&quot;&gt;[JDK 위치]\bin&lt;/span&gt; 추가&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
[JDK 위치] =&amp;nbsp;C:\Java\jdk1.8.0_121 와 같이 실제 jdk 가 설치된 위치&lt;/div&gt;
&lt;div&gt;
[기존 이클립스 경로] =&amp;nbsp;C:\dev\tools\eclipse 와 같이 실제 eclipse 가 설치된 위치&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
출처:&amp;nbsp;Pinning Eclipse to Windows Taskbar - &lt;a href=&quot;http://notesofaprogrammer.blogspot.kr/2015/05/pin-eclipse-to-windows-taskbar.html&quot;&gt;http://notesofaprogrammer.blogspot.kr/2015/05/pin-eclipse-to-windows-taskbar.html&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
#이클립스 #윈도우 #윈도우즈 #윈도우10 #윈도우즈10 #환경설정&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
#eclipse #windows #windows10 #localSetting&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/3502575428618616790/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2017/02/eclipse-windows-10.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3502575428618616790'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3502575428618616790'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2017/02/eclipse-windows-10.html' title='Eclipse를 Windows 10 작업 표시 줄에 고정 - 아이콘 두 개 생기는 것 방지'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-3425851827961190306</id><published>2016-05-17T12:18:00.000+09:00</published><updated>2016-05-17T12:18:23.114+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ie"/><category scheme="http://www.blogger.com/atom/ns#" term="polyfill"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><category scheme="http://www.blogger.com/atom/ns#" term="팝업"/><title type='text'>[스크랩][IE11] 인터넷 익스플로러 11 빈 팝업창과 새 탭이 동시에 생성되는 오류 해결 방법</title><content type='html'>&lt;br /&gt;
&lt;br /&gt;
출처:&amp;nbsp;http://mizaralcor.tistory.com/39&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;header&quot; style=&quot;background-color: white; color: #707070; font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 12px; height: 0px; line-height: 18px; margin: 0px; padding: 80px 10px 8px 0px; position: relative;&quot;&gt;
&lt;h1 style=&quot;float: left; font-size: 12px; line-height: 1.5; margin: 0px 0px 8px; padding: 0px;&quot;&gt;
&lt;a href=&quot;http://mizaralcor.tistory.com/&quot; style=&quot;color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 16px; margin-left: 4px; text-decoration: none;&quot;&gt;북두자루&lt;/a&gt;&lt;/h1&gt;
&lt;strong class=&quot;hidden&quot; style=&quot;font-size: 0px; height: 0px; left: -9999in; line-height: 0; overflow: hidden; position: absolute; width: 0px;&quot;&gt;&lt;/strong&gt;&lt;div class=&quot;list_blogmenu&quot; style=&quot;float: right; list-style: none; margin: 8px 230px 0px -1px; padding: 0px; text-align: right;&quot;&gt;
&lt;ul style=&quot;list-style: none; margin: 0px; padding: 0px;&quot;&gt;
&lt;li class=&quot;t_menu_home first&quot; style=&quot;background: none 0px 50%; display: inline; list-style: none; margin: 0px; padding: 0px;&quot;&gt;&lt;a href=&quot;http://mizaralcor.tistory.com/&quot; style=&quot;color: #8c8c8c; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;&quot;&gt;HOME&lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li class=&quot;t_menu_tag&quot; style=&quot;background: url(&amp;quot;images/icon_dot.gif&amp;quot;) 0px 6px no-repeat; display: inline; list-style: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 8px;&quot;&gt;&lt;a href=&quot;http://mizaralcor.tistory.com/tag&quot; style=&quot;color: #8c8c8c; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;&quot;&gt;TAG&lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li class=&quot;t_menu_medialog&quot; style=&quot;background: url(&amp;quot;images/icon_dot.gif&amp;quot;) 0px 6px no-repeat; display: inline; list-style: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 8px;&quot;&gt;&lt;a href=&quot;http://mizaralcor.tistory.com/media&quot; style=&quot;color: #8c8c8c; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;&quot;&gt;MEDIA&lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li class=&quot;t_menu_location&quot; style=&quot;background: url(&amp;quot;images/icon_dot.gif&amp;quot;) 0px 6px no-repeat; display: inline; list-style: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 8px;&quot;&gt;&lt;a href=&quot;http://mizaralcor.tistory.com/location&quot; style=&quot;color: #8c8c8c; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;&quot;&gt;LOCATION&lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li class=&quot;t_menu_guestbook last&quot; style=&quot;background: url(&amp;quot;images/icon_dot.gif&amp;quot;) 0px 6px no-repeat; display: inline; list-style: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 8px;&quot;&gt;&lt;a href=&quot;http://mizaralcor.tistory.com/guestbook&quot; style=&quot;color: #8c8c8c; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;&quot;&gt;GUEST&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;content&quot; style=&quot;background-color: white; border-top-color: rgb(111, 170, 184); border-top-style: solid; border-top-width: 3px; clear: both; color: #707070; float: left; font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 12px; line-height: 18px; margin: 0px; overflow: hidden; padding: 0px; width: 710px;&quot;&gt;
&lt;h2 class=&quot;hidden&quot; style=&quot;font-size: 0px; height: 0px; left: -9999in; line-height: 0; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 0px;&quot;&gt;
&lt;/h2&gt;
&lt;h2 class=&quot;hidden&quot; style=&quot;font-size: 0px; height: 0px; left: -9999in; line-height: 0; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 0px;&quot;&gt;
&lt;/h2&gt;
&lt;div class=&quot;tedition_section wrap_entry&quot; style=&quot;border-bottom-color: rgb(111, 170, 184); border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; overflow: hidden; padding: 0px 0px 28px; width: 710px;&quot;&gt;
&lt;div class=&quot;wrap_tit&quot; style=&quot;border-bottom-color: rgb(231, 231, 231); border-bottom-style: solid; border-bottom-width: 1px; font-size: 11px; letter-spacing: -1px; line-height: 13px; margin: 0px; overflow: hidden; padding: 18px 0px 10px 9px;&quot;&gt;
&lt;h3 class=&quot;tit&quot; style=&quot;font-size: 12px; line-height: 1.5; margin: 0px 0px 7px; overflow: hidden; padding: 0px;&quot;&gt;
&lt;a class=&quot;link&quot; href=&quot;http://mizaralcor.tistory.com/39&quot; style=&quot;color: #5a9baa; font-size: 24px; line-height: 1.3em; text-decoration: none;&quot;&gt;[IE11] 인터넷 익스플로러 11 빈 팝업창과 새 탭이 동시에 생성되는 오류 해결 방법&lt;/a&gt;&lt;/h3&gt;
&lt;div class=&quot;wrap_category&quot; style=&quot;margin: 0px 0px 17px; padding: 0px;&quot;&gt;
&lt;a class=&quot;category&quot; href=&quot;http://mizaralcor.tistory.com/category/Tip%26Tech/Internet&quot; style=&quot;color: #8c8c8c; margin-right: 4px; text-decoration: none;&quot;&gt;Tip&amp;amp;Tech/Internet&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;date&quot; style=&quot;color: #a5a5a5; font-family: Tahoma; font-size: 10px; letter-spacing: 0px;&quot;&gt;2015.08.06 13:13&lt;/span&gt;&lt;/div&gt;
&lt;h4 class=&quot;hidden&quot; style=&quot;font-size: 0px; height: 0px; left: -9999in; line-height: 0; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 0px;&quot;&gt;
&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;wrap_cont&quot; style=&quot;margin: 0px; padding: 26px 0px 0px;&quot;&gt;
&lt;div class=&quot;desc&quot; style=&quot;font-family: &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; margin: 0px; overflow: hidden; padding: 10px 16px 16px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 100%px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td align=&quot;center&quot; style=&quot;color: #707070; font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 12px; line-height: 1.5; margin: 0px; padding: 0px;&quot; width=&quot;50%&quot;&gt;&lt;/td&gt;&lt;td align=&quot;center&quot; style=&quot;color: #707070; font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 12px; line-height: 1.5; margin: 0px; padding: 0px;&quot; width=&quot;50%&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;tt_article_useless_p_margin&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;txc-textbox&quot; style=&quot;background-color: #dbe8fb; border: 1px solid rgb(121, 165, 228); margin: 0px; padding: 10px;&quot;&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 15px; line-height: 22px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;※&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 16px; line-height: 22px;&quot;&gt;&lt;b&gt;Internet Explorer 11 빈 팝업창과 새 탭이 동시에 생성 문제 해결 방법&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 9pt; line-height: 22px;&quot;&gt;&amp;nbsp; &amp;nbsp; :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 9pt; line-height: 22px;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;font-size: 9pt; line-height: 22px;&quot;&gt;사용자 계정 컨트롤: 기본 제공 관리자 계정에 대한 관리자 승인 모드&quot;를 &#39;사용&#39;으로 변경하여 해결&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;txc-textbox&quot; style=&quot;border: 1px dashed rgb(203, 203, 203); margin: 0px; padding: 10px;&quot;&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;b&gt;* 요약 해결 방법&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;color: #707070; font-family: 맑은 고딕, Malgun Gothic, 돋움, Dotum, Helvetica, AppleGothic, Tahoma;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #707070; font-family: 맑은 고딕, Malgun Gothic, 돋움, Dotum, Helvetica, AppleGothic, Tahoma;&quot;&gt;[시작] -&amp;gt; [제어판] -&amp;gt; [시스템 및 보안] -&amp;gt; [관리도구] -&amp;gt; [로컬 보안 정책] -&amp;gt; [로컬 정책] -&amp;gt; [보안 옵션]&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;color: #707070; font-family: 맑은 고딕, Malgun Gothic, 돋움, Dotum, Helvetica, AppleGothic, Tahoma;&quot;&gt;&amp;nbsp;&amp;nbsp;-&amp;gt; &quot;사용자 계정 컨트롤: 기본 제공 관리자 계정에 대한 관리자 승인 모드&quot;를 &#39;사용&#39;으로 변경&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;span id=&quot;callbacknestmizaralcortistorycom398462&quot; style=&quot;float: right; height: 1px; width: 1px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;*&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-size: 15px; line-height: 22px;&quot;&gt;&lt;b&gt;상세 해결 방법&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&amp;nbsp; ①&amp;nbsp;[시작] -&amp;gt; [제어판] -&amp;gt; [시스템 및 보안] -&amp;gt; [관리도구]&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;imageblock&quot; style=&quot;border: 1px solid rgb(214, 214, 214); display: inline-block; font-size: 9pt; height: auto; line-height: 1.5; margin: 1px; max-width: 100%; padding: 1px; text-align: center; width: 580px;&quot;&gt;&lt;span data-lightbox=&quot;lightbox&quot; data-url=&quot;http://cfile2.uf.tistory.com/attach/25471F4A55C2DCDE17FC01&quot;&gt;&lt;img filemime=&quot;image/jpeg&quot; filename=&quot;2015-08-06 11;25;54.PNG&quot; height=&quot;327&quot; src=&quot;http://cfile2.uf.tistory.com/image/25471F4A55C2DCDE17FC01&quot; style=&quot;border: 0px none; cursor: pointer; height: auto; max-width: 100%;&quot; width=&quot;580&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;clear: none; float: none; padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&amp;nbsp; ②&amp;nbsp;[로컬 보안 정책]&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;imageblock&quot; style=&quot;border: 1px solid rgb(214, 214, 214); display: inline-block; font-size: 9pt; height: auto; line-height: 1.5; margin: 1px; max-width: 100%; padding: 1px; text-align: center; width: 580px;&quot;&gt;&lt;span data-lightbox=&quot;lightbox&quot; data-url=&quot;http://cfile25.uf.tistory.com/attach/264FBE4A55C2DCE113DD86&quot;&gt;&lt;img filemime=&quot;image/jpeg&quot; filename=&quot;2015-08-06 11;27;12.PNG&quot; height=&quot;359&quot; src=&quot;http://cfile25.uf.tistory.com/image/264FBE4A55C2DCE113DD86&quot; style=&quot;border: 0px none; cursor: pointer; height: auto; max-width: 100%;&quot; width=&quot;580&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&amp;nbsp; ③&amp;nbsp;[로컬 정책] -&amp;gt; [보안 옵션]&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;imageblock&quot; style=&quot;border: 1px solid rgb(214, 214, 214); display: inline-block; font-size: 9pt; height: auto; line-height: 1.5; margin: 1px; max-width: 100%; padding: 1px; text-align: center; width: 580px;&quot;&gt;&lt;span data-lightbox=&quot;lightbox&quot; data-url=&quot;http://cfile9.uf.tistory.com/attach/2343BF4A55C2DCE3196D90&quot;&gt;&lt;img filemime=&quot;image/jpeg&quot; filename=&quot;2015-08-06 11;28;02.PNG&quot; height=&quot;414&quot; src=&quot;http://cfile9.uf.tistory.com/image/2343BF4A55C2DCE3196D90&quot; style=&quot;border: 0px none; cursor: pointer; height: auto; max-width: 100%;&quot; width=&quot;580&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&amp;nbsp; ④&amp;nbsp;&quot;사용자 계정 컨트롤: 기본 제공 관리자 계정에 대한 관리자 승인 모드&quot;를 &#39;사용&#39;으로 변경&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;imageblock&quot; style=&quot;border: 1px solid rgb(214, 214, 214); display: inline-block; font-size: 9pt; height: auto; line-height: 1.5; margin: 1px; max-width: 100%; padding: 1px; text-align: center; width: 498px;&quot;&gt;&lt;img filemime=&quot;image/jpeg&quot; filename=&quot;2015-08-06 11;28;11.PNG&quot; height=&quot;478&quot; naptha_cursor=&quot;region&quot; src=&quot;http://cfile25.uf.tistory.com/image/2152174A55C2DCE512BDA8&quot; style=&quot;border: 0px none; cursor: default !important; height: auto; max-width: 100%;&quot; width=&quot;498&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;clear: none; float: none; padding-bottom: 0px !important; padding-top: 0px !important;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;daum_like_wrapper&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;
&lt;iframe allowtransparency=&quot;true&quot; class=&quot;daum_like_button&quot; frameborder=&quot;0&quot; id=&quot;daum_like_button_39&quot; scrolling=&quot;no&quot; src=&quot;http://mizaralcor.tistory.com/like/?uid=1440356_39&amp;amp;sc=401%2CblogId_1440356&amp;amp;url=http%3A%2F%2Fmizaralcor.tistory.com%2F39&amp;amp;published=1438834403&quot; style=&quot;height: 44px; margin: 10px auto; width: 678px;&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; margin: 0px 0px 10px; padding: 0px; text-align: right;&quot;&gt;
&lt;a href=&quot;http://creativecommons.org/licenses/by-nc-nd/4.0/deed.ko&quot; style=&quot;color: #8c8c8c; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;저작자 표시&quot; class=&quot;entry-ccl-by&quot; id=&quot;ccl-icon-39-0&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/resource/3979/static/admin/editor/ccl_black01.png&quot; style=&quot;border: 0px none;&quot; /&gt;&amp;nbsp;&lt;img alt=&quot;비영리&quot; class=&quot;entry-ccl-nc&quot; id=&quot;ccl-icon-39-1&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/resource/3979/static/admin/editor/ccl_black02.png&quot; style=&quot;border: 0px none;&quot; /&gt;&amp;nbsp;&lt;img alt=&quot;변경 금지&quot; class=&quot;entry-ccl-nd&quot; id=&quot;ccl-icon-39-2&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/resource/3979/static/admin/editor/ccl_black03.png&quot; style=&quot;border: 0px none;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;another_category another_category_color_gray&quot; style=&quot;border: 1px solid rgb(229, 229, 229); clear: both; margin: 10px 0px; padding: 10px 10px 5px;&quot;&gt;
&lt;h4 style=&quot;border-bottom-style: solid !important; border-bottom-width: 1px !important; border-color: rgb(229, 229, 229) !important; color: rgb(115, 115, 115) !important; font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; line-height: 1.5; margin: 0px !important; padding: 2px 0px 6px !important;&quot;&gt;
&#39;&lt;a href=&quot;http://mizaralcor.tistory.com/category/Tip%26Tech&quot; style=&quot;color: rgb(115, 115, 115) !important; text-decoration: none;&quot;&gt;Tip&amp;amp;Tech&lt;/a&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;a href=&quot;http://mizaralcor.tistory.com/category/Tip%26Tech/Internet&quot; style=&quot;color: rgb(115, 115, 115) !important; text-decoration: none;&quot;&gt;Internet&lt;/a&gt;&#39; 카테고리의 다른 글&lt;/h4&gt;
&lt;table style=&quot;border-collapse: collapse; color: rgb(144, 144, 144) !important; margin-top: 10px !important; table-layout: fixed; width: 656px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;th style=&quot;font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 12px !important; font-weight: normal; line-height: 1.5; margin: 0px; overflow: hidden; padding: 0px 0px 4px !important; word-break: break-all;&quot;&gt;&lt;a class=&quot;current&quot; href=&quot;http://mizaralcor.tistory.com/39&quot; style=&quot;border-bottom-width: 1px !important; border-color: rgb(144, 144, 144) !important; border-style: none none solid !important; color: rgb(144, 144, 144) !important; font-weight: bold; text-decoration: none !important;&quot;&gt;[IE11] 인터넷 익스플로러 11 빈 팝업창과 새 탭이 동시에 생성되는 오류 해결 방법&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;border: none !important; font-family: Tahoma, sans-serif; font-size: 10px; font-stretch: normal; line-height: normal;&quot;&gt;(1)&lt;/span&gt;&lt;/th&gt;&lt;td style=&quot;font-family: 나눔고딕, NanumGothic, &#39;맑은 고딕&#39;, &#39;Malgun Gothic&#39;, 돋움, Dotum, Helvetica, AppleGothic, Tahoma; font-size: 11px; line-height: 1.5; margin: 0px; padding: 0px 0px 4px !important; text-align: right; width: 80px;&quot;&gt;2015.08.06&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;author&quot; style=&quot;color: #a5a5a5; font-size: 11px; line-height: 13px; margin: 0px 0px 13px; padding: 0px;&quot;&gt;
&lt;span class=&quot;txt&quot; style=&quot;font-family: Tahoma;&quot;&gt;posted by&amp;nbsp;&lt;/span&gt;북두자루&lt;/div&gt;
&lt;div class=&quot;tag&quot; style=&quot;background: url(&amp;quot;images/ico_tag.gif&amp;quot;) 0px 6px no-repeat; color: #a5a5a5; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 31px;&quot;&gt;
&lt;a href=&quot;http://mizaralcor.tistory.com/tag/%EC%83%88%ED%83%AD&quot; rel=&quot;tag&quot; style=&quot;color: #a5a5a5; line-height: 24px; text-decoration: none;&quot;&gt;새탭&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;http://mizaralcor.tistory.com/tag/%EC%9D%B5%EC%8A%A4%ED%94%8C%EB%A1%9C%EB%9F%AC11&quot; rel=&quot;tag&quot; style=&quot;color: #a5a5a5; line-height: 24px; text-decoration: none;&quot;&gt;익스플로러11&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;http://mizaralcor.tistory.com/tag/%ED%8C%9D%EC%97%85%EC%B0%BD&quot; rel=&quot;tag&quot; style=&quot;color: #a5a5a5; line-height: 24px; text-decoration: none;&quot;&gt;팝업창&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/3425851827961190306/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2016/05/ie11-11.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3425851827961190306'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3425851827961190306'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2016/05/ie11-11.html' title='[스크랩][IE11] 인터넷 익스플로러 11 빈 팝업창과 새 탭이 동시에 생성되는 오류 해결 방법'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-960508624597233141</id><published>2016-05-10T18:46:00.000+09:00</published><updated>2016-05-10T18:46:02.371+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="date"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="js"/><category scheme="http://www.blogger.com/atom/ns#" term="regex"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="웹 개발"/><title type='text'>yyyymmddhhmmss 형태의 timestamp 문자열을 날짜로 변환 ie에서도 되게.. </title><content type='html'>&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;var t = new Date().toISOString().replace(/[-:T]/g,&#39;&#39;).replace(/\.(?:\d{3})Z/g,&#39;&#39;).replace(/^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/,&#39;$1/$2/$3 $4:$5:$6&#39;); //$1-$2-$3 $4:$5:$6 로 하면 ie에서 Date로 바꿔주지 못함. 날짜 구분자를 - 말고 / 로 해줘야 ie에서도 먹힘.
&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;
===
var t = new Date();

//toStirng 계통
/*
t.toString()
&quot;Mon May 09 2016 12:06:58 GMT+0900 (대한민국 표준시)&quot;
t.toISOString()
&quot;2016-05-09T03:06:58.440Z&quot;
t.toTimeString()
&quot;12:06:58 GMT+0900 (대한민국 표준시)&quot;
t.toGMTString()
&quot;Mon, 09 May 2016 03:06:58 GMT&quot;
t.toJSON()
&quot;2016-05-09T03:06:58.440Z&quot;
t.toUTCString()
&quot;Mon, 09 May 2016 03:06:58 GMT&quot;
t.toLocaleTimeString()
&quot;12:06:58 PM&quot;
t.toLocaleString()
&quot;5/9/2016, 12:06:58 PM&quot;
t.getTime()
1462763218440
*/

var q = t.toISOString().replace(/[-:T]/g,&#39;&#39;).replace(/\.(?:\d{3})Z/g,&#39;&#39;);

var qqq = q.replace(/^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/,&#39;$1-$2-$3 $4:$5:$6&#39;);

var tttt = new Date(qqq);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt;//&lt;/span&gt;&lt;span class=&quot;contentTag&quot; style=&quot;background: rgb(255, 255, 255); border-radius: 3px; border: 0px; color: #999999; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; margin: 0px -1px; outline: 0px; padding: 0px 1px; vertical-align: baseline; white-space: pre-wrap;&quot; title=&quot;Filter #javascript&quot;&gt;#&lt;span class=&quot;contentTagText&quot; style=&quot;background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;&quot;&gt;javascript&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;contentTag&quot; style=&quot;background: rgb(255, 255, 255); border-radius: 3px; border: 0px; color: #999999; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; margin: 0px -1px; outline: 0px; padding: 0px 1px; vertical-align: baseline; white-space: pre-wrap;&quot; title=&quot;Filter #regex&quot;&gt;#&lt;span class=&quot;contentTagText&quot; style=&quot;background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;&quot;&gt;regex&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #666666; font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 17px; white-space: pre-wrap;&quot;&gt; timestamp 문자열을 날짜로 변환 ie에서도 되게.. yyyymmddhhmmss | since 16-05-10&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/960508624597233141/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2016/05/yyyymmddhhmmss-timestamp-ie.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/960508624597233141'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/960508624597233141'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2016/05/yyyymmddhhmmss-timestamp-ie.html' title='yyyymmddhhmmss 형태의 timestamp 문자열을 날짜로 변환 ie에서도 되게.. '/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-3452018796276873056</id><published>2016-05-02T01:11:00.001+09:00</published><updated>2016-05-02T01:11:28.679+09:00</updated><title type='text'>브라질 삼바 레게 #3 바투카다 수르두 연습. 돌리기 - 라퍼커션</title><content type='html'>&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://www.youtube.com/embed/c4S9Z3wyou0&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/3452018796276873056/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2016/05/3.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3452018796276873056'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/3452018796276873056'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2016/05/3.html' title='브라질 삼바 레게 #3 바투카다 수르두 연습. 돌리기 - 라퍼커션'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/c4S9Z3wyou0/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-8731838994970147567</id><published>2016-04-25T09:23:00.003+09:00</published><updated>2016-04-25T09:23:42.423+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="글"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><category scheme="http://www.blogger.com/atom/ns#" term="책"/><category scheme="http://www.blogger.com/atom/ns#" term="컬럼"/><title type='text'>[스크랩] 유시민이 말하는 글 잘 쓰는 방법, 이거 괜찮네 ( 소통이 되는 글을 써야 한다...?)</title><content type='html'>&lt;div&gt;
출처:&amp;nbsp;&lt;a href=&quot;http://omn.kr/dy7w&quot;&gt;http://omn.kr/dy7w&lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;newstitlwrap&quot; style=&quot;background-color: white; clear: both; color: #666666; font-family: &#39;Nanum Gothic&#39;, 나눔고딕, dotum, 돋움, Helvetica, sans-serif, Apple-Gothic; font-size: 12px; margin: 0px; padding: 20px 0px 40px;&quot;&gt;
&lt;div class=&quot;newstitle&quot; style=&quot;border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 0px 9px; padding: 0px 10px 26px;&quot;&gt;
&lt;h3 class=&quot;tit_subject&quot; style=&quot;color: #000a19; font-size: 31px; letter-spacing: -0.1em; line-height: 1.2em; margin: 0px; padding: 0px 0px 8px;&quot;&gt;
&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/View/at_pg.aspx?CNTN_CD=A0002115865&quot; style=&quot;color: #000a19; text-decoration: none;&quot;&gt;유시민이 말하는 글 잘 쓰는 방법, 이거 괜찮네&lt;/a&gt;&lt;/h3&gt;
&lt;strong class=&quot;tit_subtit&quot; style=&quot;display: block; font-size: 15px; padding-bottom: 18px;&quot;&gt;&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/View/at_pg.aspx?CNTN_CD=A0002115865&quot; style=&quot;color: #666666; text-decoration: none;&quot;&gt;[김성호의 독서만세 59] &amp;lt;유시민의 글쓰기 특강&amp;gt;&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div class=&quot;info_data&quot; style=&quot;margin: 0px; padding: 0px; width: 600px;&quot;&gt;
&lt;div style=&quot;color: #999999; float: left; font-size: 11px; margin: 0px; padding: 0px;&quot;&gt;
15.06.06 20:01&lt;span class=&quot;bar&quot; style=&quot;color: #e5e5e5; font-size: 12px; margin: 0px 5px 0px 4px; padding: 0px;&quot;&gt;l&lt;/span&gt;최종 업데이트 15.06.07 15:52&lt;span class=&quot;bar&quot; style=&quot;color: #e5e5e5; font-size: 12px; margin: 0px 5px 0px 4px; padding: 0px;&quot;&gt;l&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;on&quot; style=&quot;color: #999999; float: left; font-size: 11px; height: 13px; margin: 0px 11px 0px 0px; padding: 1px 0px 0px; position: relative; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; z-index: 460;&quot;&gt;
&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/I_Room/profile/profile.aspx?MEMCD=00036777&quot; style=&quot;color: #999999; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;김성호(starsky216)&lt;/a&gt;&lt;a class=&quot;reporter&quot; href=&quot;https://draft.blogger.com/null&quot; id=&quot;a00036777&quot; style=&quot;padding-left: 5px;&quot;&gt;&lt;img src=&quot;http://ojsimg.ohmynews.com/images/ohmynews/common/btn_arw2.gif&quot; style=&quot;border: 0px; vertical-align: middle;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;detail_area&quot; style=&quot;margin: 0px; padding: 0px 0px 20px; width: 620px;&quot;&gt;
&lt;div class=&quot;detail_acc&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;float: left; padding: 0px;&quot;&gt;
&lt;iframe allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; src=&quot;http://www.facebook.com/plugins/like.php?href=http%3a%2f%2fwww.ohmynews.com%2fNWS_Web%2fView%2fat_pg.aspx%3fCNTN_CD%3dA0002115865&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;width=105&amp;amp;show_faces=true&amp;amp;font=arial&amp;amp;colorscheme=light&amp;amp;action=like&amp;amp;height=21&amp;amp;appId=145388638855931&quot; style=&quot;border-style: none; border-width: initial; height: 25px; overflow: hidden; width: 105px;&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;ul style=&quot;margin: 0px; padding: 0px;&quot;&gt;
&lt;li class=&quot;plus&quot; style=&quot;float: left; font-size: 11px; line-height: 20px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/s_icon.png&amp;quot;) 0px 5px no-repeat; display: block; padding-left: 11px;&quot;&gt;크게&lt;span class=&quot;bar&quot; style=&quot;color: #e5e5e5; font-size: 12px; margin: 0px 4px 0px 3px; padding: 0px;&quot;&gt;l&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;mias&quot; style=&quot;float: left; font-size: 11px; line-height: 20px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/s_icon.png&amp;quot;) 0px -71px no-repeat; display: block; padding-left: 11px;&quot;&gt;작게&lt;span class=&quot;bar&quot; style=&quot;color: #e5e5e5; font-size: 12px; margin: 0px 4px 0px 3px; padding: 0px;&quot;&gt;l&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;s_print&quot; style=&quot;float: left; font-size: 11px; line-height: 20px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/s_icon.png&amp;quot;) 0px -149px no-repeat; display: block; padding-left: 16px;&quot;&gt;인쇄&lt;span class=&quot;bar&quot; style=&quot;color: #e5e5e5; font-size: 12px; margin: 0px 4px 0px 3px; padding: 0px;&quot;&gt;l&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;sm&quot; style=&quot;float: left; font-size: 11px; line-height: 20px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/s_icon.png&amp;quot;) 55px -238px no-repeat; display: block; padding: 0px 11px 0px 0px;&quot;&gt;URL줄이기&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;scrap_off&quot; style=&quot;float: left; font-size: 11px; line-height: 20px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px;&quot;&gt;&lt;a class=&quot;cssAScrap&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/s_icon.png&amp;quot;) 5px -372px no-repeat; display: block; padding-left: 16px;&quot;&gt;스크랩&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;social_bind&quot; style=&quot;float: right; margin: 0px; padding: 0px;&quot;&gt;
&lt;ul class=&quot;sns_list_ic&quot; style=&quot;display: inline; float: left; height: 13px; margin: 0px 4px 0px 0px; padding: 0px;&quot;&gt;
&lt;li style=&quot;display: inline-block; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;fb&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/sns_comm_01.png&amp;quot;) 8px 0px no-repeat rgb(75, 103, 184); border-radius: 2px; color: #424242; display: block; height: 27px; width: 40px;&quot;&gt;&lt;/a&gt;&lt;span class=&quot;bu_num&quot; id=&quot;spFbCount&quot; style=&quot;border-radius: 2px; border: 1px solid rgb(184 , 191 , 197); color: #656565; font-family: &amp;quot;arial&amp;quot;; height: 18px; left: 0px; letter-spacing: 0px; line-height: 18px; margin: 0px; padding: 0px 5px; position: absolute; text-align: center; top: 29px; width: 28px;&quot;&gt;7&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;display: inline-block; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;tw&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/sns_comm_01.png&amp;quot;) -36px 0px no-repeat rgb(25, 179, 233); border-radius: 2px; color: #424242; display: block; height: 27px; width: 40px;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;display: inline-block; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;google&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/sns_comm_01.png&amp;quot;) -78px 0px no-repeat rgb(227, 53, 52); border-radius: 2px; color: #424242; display: block; height: 27px; width: 40px;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;display: inline-block; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;kakao&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/sns_comm_01.png&amp;quot;) -124px 0px no-repeat rgb(253, 205, 0); border-radius: 2px; color: #424242; display: block; height: 27px; width: 40px;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;display: inline-block; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0px 0px 0px 3px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;sreply&quot; href=&quot;http://www.ohmynews.com/NWS_Web/View/at_pg.aspx?CNTN_CD=A0002115865#dvOpinion&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/sns_comm_01.png&amp;quot;) -168px 0px no-repeat rgb(193, 45, 45); border-radius: 2px; color: #424242; display: block; height: 27px; text-decoration: none; width: 40px;&quot;&gt;&lt;/a&gt;&lt;span class=&quot;bu_num&quot; style=&quot;border-radius: 2px; border: 1px solid rgb(184 , 191 , 197); color: #656565; font-family: &amp;quot;arial&amp;quot;; height: 18px; left: 0px; letter-spacing: 0px; line-height: 18px; margin: 0px; padding: 0px 5px; position: absolute; text-align: center; top: 29px; width: 28px;&quot;&gt;2&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;newswrap&quot; style=&quot;background-color: white; color: #666666; font-family: &#39;Nanum Gothic&#39;, 나눔고딕, dotum, 돋움, Helvetica, sans-serif, Apple-Gothic; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;
&lt;div class=&quot;news_body&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;
&lt;div class=&quot;news_view&quot; style=&quot;margin: 0px; padding: 0px 9px; position: relative; z-index: 400;&quot;&gt;
&lt;div class=&quot;article_view&quot; style=&quot;color: #000a19; float: left; font-size: 16px; line-height: 25.6px; margin: 0px; padding: 0px; width: 602px;&quot;&gt;
&lt;div class=&quot;at_contents&quot; itemprop=&quot;articleBody&quot; style=&quot;line-height: 1.85em; margin: 0px; overflow-wrap: break-word; padding: 0px; text-align: justify;&quot;&gt;
&lt;table align=&quot;center&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;photoCenter&quot; style=&quot;margin: 0px auto; padding: 0px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&lt;img alt=&quot;기사 관련 사진&quot; class=&quot;photo_boder&quot; src=&quot;http://ojsfile.ohmynews.com/STD_IMG_FILE/2015/0606/IE001838023_STD.jpg&quot; style=&quot;border: 1px solid rgb(153, 153, 153); max-width: 600px; text-align: center;&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;left&quot; class=&quot;cssDesc&quot; colspan=&quot;2&quot; style=&quot;color: #9ea2a7; font-size: 12px; line-height: 15px; padding-bottom: 10px; padding-top: 5px; width: 400px;&quot;&gt;&lt;b&gt;▲ 유시민의 글쓰기 특강&lt;/b&gt;&amp;nbsp;책 표지&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;left&quot; class=&quot;box_man&quot; style=&quot;color: #9ea2a7; font-family: dotum, 돋움; font-size: 11px; line-height: 11px;&quot;&gt;ⓒ 생각의길&lt;/td&gt;&lt;td align=&quot;right&quot; class=&quot;atc_btn&quot; style=&quot;margin: 0px; text-align: right;&quot;&gt;&lt;div class=&quot;btn_area01&quot; style=&quot;color: #000a19; font-size: 16px; line-height: 1.85em; margin-top: 5px; padding: 0px;&quot;&gt;
&lt;a class=&quot;btn_all&quot; href=&quot;http://www.ohmynews.com/NWS_Web/View/img_pg.aspx?CNTN_CD=IE001838023&quot; style=&quot;background: rgb(148, 154, 170); color: #f4f4f4; display: inline-block; font-size: 11px; padding: 0px 8px; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;관련사진보기&lt;/a&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
글짓기에 관심이 있는 사람치고 구양수의 삼다(三多)를 모르는 이는 없을 것이다. 중국 송나라 때의 문인이자 정치가인 구양수가 어떻게 하면 글을 잘 짓느냐는 물음에 다문다독다상량(多聞多讀多商量, 많이 듣고 많이 읽고 많이 생각하라)이라 답한 것인데 이것이 세월이 흐르며 다독다작다상량(多讀多作多商量, 많이 읽고 많이 쓰고 많이 생각하라)으로 뜻이 조금 바뀌었다. 아무튼 삼다는 글쓰기로 고민하는 후학들에게 흔들리지 않는 지침으로 여겨져왔다.&lt;br /&gt;
&lt;br /&gt;
지침이 있다 해서 모두가 성취를 얻는 건 아니다. 다독다작다상량은 글쓰기 실력을 기르는데 기본 중의 기본이지만 이를 해내기란 쉬운 일이 아니다. 보다 세부적인 방법론을 제시하는 수많은 책들이 존재하는 건 이 때문이다. 지금 이 시간에도 서점에는 글을 잘 쓰기 위해 반드시 읽어야 한다는 책들이 수도 없이 늘어섰다. 글의 종류에 따라 자기소개서나 보고서, 논술시험답안부터 기사쓰기와 편지쓰기, 소설이나 평론을 쓰는 방법에 이르기까지 온갖 종류의 글쓰기 교수법이 넘쳐난다. 바야흐로 교수법의 홍수시대다.&lt;br /&gt;
&lt;br /&gt;
그런데 막상 책을 펼치면 실망하기 일쑤다. 상당수가 삼다로부터 한 걸음도 나아가지 못하는 원론적인 내용에 머물거나 글의 구조와 원리를 분석하는데 치중해서 실제적으로 적용하기 어려운 것들이기 때문이다. 이런 책은 애써 읽어도 읽기 전보다 글쓰기 실력이 늘지 않는다. 오히려 자연스런 글쓰기를 방해하고 스스로의 실력에 자괴감만 느끼게 한다. 좋은 글을 쓰기가 어려워 고민하는 독자에게 유용한 책은 손에 꼽는 게 현실이다.&lt;br /&gt;
&lt;br /&gt;
지난 4월 생각의길이 펴낸 &amp;lt;유시민의 글쓰기 특강&amp;gt;은 간만에 등장한 제대로 된 글쓰기 지침서다. 데뷔작인 &amp;lt;거꾸로 읽는 세계사&amp;gt;부터 &amp;lt;어떻게 살 것인가&amp;gt;, &amp;lt;나의 한국현대사&amp;gt; 등 내놓는 책마다 베스트셀러에 올려놓은 작가 유시민의 30년 글쓰기 경험이 그대로 묻어난 역작이다. 책은 본인이 과거에 쓴 글부터 헌법재판소 결정문, 블로그 상품평, 국무총리 대국민 담화문 등을 사례로 들며 어떤 글이 좋은 글인가를 차근차근 논증한다. 책 전체가 좋은 글이란 무엇인가를 합리적으로 설명하며 좋은 글을 쓰기 위한 적절한 조언을 하고 있고 개별 문장들도 저자 스스로 주장한 좋은 문장과 합치한다는 점에서 잘 쓰여진 책이다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;나는 글을 크게 두 갈래로 나눈다. 문학적인(또는 예술적인) 글과 논리적인(또는 공학적인) 글이다. 문학 글쓰기는 재능의 영향을 많이 받는다. 무언가를 지어내는 상상력, 남들과는 다른 방식으로 느끼는 감수성이 있어야 한다. 그러나 논리 글쓰기는 훨씬 덜하다. 논리 글쓰기는 문학 글쓰기보다 재능의 영향을 훨씬 덜 받는다.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;​만약 시인이나 소설가가 되려고 하는 게 아니라면, 업무에 필요한 글이나 취미로 쓰는 글을 잘 쓰고 싶은 사람이라면, 재능 없음을 미리 두려워할 필요가 없다. 잘되지 않는다고 해서 조상과 유전자를 탓할 것도 없다. 해보지도 않고 좌절하거나 포기할 이유는 더욱 없다.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;- ​본문 중에서&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
저자는 서두부터 논리적 글쓰기와 문학적 글쓰기를 구분하고 이 책이 남과 소통하기 위한 논리적 글쓰기를 대상으로 한다고 밝힌다. 이후 논리적 글쓰기를 하기 위해 갖춰야 할 덕목을 하나하나 풀어놓는다. 무엇보다 저자 자신이 효과를 보았던 실천적 방법이기에 의미가 크다. 첫 문장을 쓰는 것부터, 못난 글을 알아보는 법, 주제를 효과적으로 풀어놓는 법, 우리 글을 활용하는 법, 전략적으로 독서하는 법 등 실용적인 방법론이 가득하다. 그가 말하는 글쓰기 연습의 첫 걸음은 발췌 요약이다. 좋은 글을 많이 읽고 그 내용을 잘 요약하는 것만으로도 글쓰기 실력이 향상된다는 것이다. 타인의 평가를 겁내지 말고 적극적으로 소통해야 함은 물론이다. 글쓰기란 실력을 뽐내기 위해서가 아니라 소통하고 공감하기 위한 작업이기 때문이다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;사람들은 글 잘 쓰는 이를 부러워하며 심지어는 우러러본다. 글쓰기 실력을 단순한 기능이 아니라 지성의 수준을 보여주는 지표로 간주하기 때문이다. 글이 글쓴이의 지능, 지식, 지성, 가치관, 삶의 태도를 보여준다는 것은 다툴 여지가 없다. 글을 잘 쓰려면 일단 표현할 내면의 가치가 있어야 한다. 아는 게 많아야 한다. 다양한 어휘와 정확한 문장을 구사할 수 있어야 한다.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;그렇지만 멋진 문장을 구사한다고 해서 글을 잘 쓰는 게 아니다. 읽는 사람이 글쓴이의 마음과 생각을 느끼고 이해하고 공감할 수 있게 써야 잘 쓰는 것이다. 그렇게 하려면 표현할 가치가 있는 그 무엇을 내면에 쌓아야 하고, 그것을 실감 나고 정확하게 표현할 수 있는 능력을 갖추어야 한다. 문장을 멋지게 쓰면 &#39;글재주&#39;를 인정받을 수 있다. &#39;글재주&#39;가 있으면 &#39;써야 해서 쓰는 글&#39;을 어느 정도 잘 쓸 수는 있다. 그러나 &#39;글재주&#39;만으로 공감을 일으키거나 존경을 받기는 어렵다.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;- 본문 중에서&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
저자는 풍부한 어휘와 좋은 문장이 담긴 책을 읽는 것이 글쓰기에 도움이 된다고도 조언한다. 그는 글쓰기 역량을 키우기 위한 전략적 독서목록까지 제공하고 있는데 존 스튜어트 밀의 &amp;lt;자유론&amp;gt;, 칼 세이건의 &amp;lt;코스모스&amp;gt;, 박경리의 &amp;lt;토지&amp;gt; 등이 그것이다. 저자 스스로가 이 책들을 통해 많은 배움을 얻었다고 하니 누가 반박할 수 있겠는가. 이 책들 외에도 이오덕 선생의 &amp;lt;우리말 바로쓰기&amp;gt;가 바른 글쓰기를 위한 백신으로 추천되었다. 더 나은 글쓰기를 돕지는 못해도 나쁜 글쓰기를 막아줄 수 있는 책이란 이유다.&lt;br /&gt;
&lt;br /&gt;
유시민의 글은 이렇다 할 수사 없이 건조한 단문으로 이뤄진 게 특징이다. 때로 딱딱하고 멋 없다는 인상도 받지만 그보다는 쉽고 명확하다는 장점이 크다. 독자와의 합리적 소통을 위한 글쓰기로는 제격이다. 오랜 기간 글로써 독자와 소통했고 더 좋은 글을 위해 치열하게 고민해온 저자의 노하우가 그대로 담겼다는 점에서 이 책 만한 지침서도 없을 것이다. 유시민이란 사람의 공정하고 날카로운 기질이 그대로 읽힌다는 점은 또 다른 재미다.&lt;br /&gt;
&lt;br /&gt;
저자가 학생운동에 매진하던 시절 함께 일하던 여성 활동가 A의 일화가 각별히 인상적이어서 옮겨 적는다. 집회 유인물에 대한 이야기지만 대중과 소통하는 많은 현대인들이 읽고 배울 점이 많다고 생각한다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;큰 집회에 가면 여러 단체와 조직이 유인물 수십 종을 배포합니다. 집회에 오는 사람들은 입구에서 유인물을 한 무더기 받지요. 적합한 자리를 찾으면 그 유인물을 대충 살펴보고 어떤 것은 깔고 앉아요. 어떤 건 흘낏 보고 버립니다. 몇 줄만 읽고는 얼른 접어서 가방이나 주머니에 집어넣기도 하고, 차분히 다 읽은 다음에 접어서 넣기도 해요.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;나는 우리가 만든 유인물을 받은 사람을 몰래 따라가서 헤아립니다. 내가 관찰한 사람 중에 몇 명이 우리 것을 다 읽은 다음에 접어서 넣느냐? 그걸 보는 겁니다. 그게 많을수록 잘 쓴 겁니다. 대충 보고 나서 깔고 앉는 건 야당에서 만든 두꺼운 아트지 홍보물인 경우가 많아요. 흘낏 보고 버리는 것은 상투적이라 그래요. 제목만 보고 접어서 넣는 건 무서워서 그런 겁니다. 나중에 사람 없는 데에서 보려는 거죠. 무섭지 않고 공감이 가는 유인물은 그 자리에서 다 읽어요. 그리고 아는 사람한테 보여주어야겠다 생각하면 접어서 넣는 거예요. 우리는 그런 유인물을 만들어야 합니다.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;제가 어제 열 사람을 추적 조사했는데, 우리 것이 빈도가 제일 높았어요. 계속 그런 방향으로 가야 합니다. 제목에 &#39;애국 시민 여러분&#39;이라고 쓴 것을 두고 프티부르주아 냄새가 난다고 위에서 비판했는데, 그럼 애국 민중이라고 해야 하나요? &#39;애국&#39;이란 말이 부르주아 냄새가 난다고 해서 쓰지 말아야 하나요? 사람들이 좋아하는 말을 버리고 싫어하거나 무서워하는 말로 우리 주장을 하면 그게 잘 먹히겠어요? (90-91p)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
이 부분을 읽을 때 팔뚝에 소름이 돋았다. 나는 대체 어떤 글을 쓰고 있었던가. 소통을 위한 글쓰기가 아니라 그저 쏟아내기만 한 건 아니었을까. 옳다. 글은 읽는 사람이 있을 때에야 의미가 있는 것이다. 저자는 누누이 말한다. 글쓰기는 소통이며 공감이라고. 그것이 글이 가진 힘이라고.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;비슷한 시기에 호주 시드니 시내에서 무장인질극이 벌어졌다. 이슬람테러조직을 추종하는 이란 출신 남자가 카페를 점거해 손님과 직원 수십 명을 인질로 잡았다. 경찰은 무장인질극을 진압했지만 카페 매니저와 여성 변호사가 범인의 총에 맞아 숨지는 비극까지 막지는 못했다. 매니저는 총을 빼앗으려고 범인과 몸싸움을 벌이다가, 변호사는 임신한 친구를 보호하려다가 목숨을 잃은 것으로 알려졌다.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #333399;&quot;&gt;방송이 긴급 뉴스로 인질극을 현장 중계하던 시각, 시드니 시내 전차에서 어떤 여자가 조용히 머리에 두르고 있던 수건을 풀었다. 모슬렘 여성들이 쓰는 헤자브였다. 그가 역에 내렸을 때 백인 여자가 조용히 다가와 말을 걸었다. &quot;다시 헤자브를 쓰세요. 내가 당신과 함께 걸어갈게요.&quot; 모슬렘 여인은 백인 여자를 끌어안고 흐느껴 울다가 혼자서 역을 떠났다. 두려움에 떠는 이웃을 위로했던 백인 여자는 그 이야기를 페이스북에 썼다. (262p)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
백인 여자가 페이스북에 쓴 글은 읽는 이의 가슴을 울렸다. 그리고 유시민 씨의 책에 소개되었고 그로부터 또 다른 독자를 만났다. 좋은 글은 읽는 이를 설득하고 공감하게 하며 그를 통해 세상을 바꾼다. 이것이 글이 가진 힘이다. 우리가 더 좋은 글을 써야 하는 이유며 이 책을 읽어야 하는 이유이기도 하다. 나는 더 좋은 글을 쓸 것이다.&lt;br /&gt;
&lt;div class=&quot;copyright&quot; style=&quot;color: #999999; font-size: 11px; line-height: 17.6px; margin: 0px; padding: 1.5em 0px; text-align: left;&quot;&gt;
저작권자(c) 오마이뉴스(시민기자), 무단 전재 및 재배포 금지&lt;/div&gt;
&lt;div class=&quot;plus_con&quot; style=&quot;color: #666666; font-size: 12px; margin: 30px 0px 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;color: #999999; font-family: dotum, 돋움; font-size: 11px; line-height: 17.6px; margin-top: 5px; padding: 0px; text-align: left;&quot;&gt;
&lt;span class=&quot;plus_b&quot; style=&quot;color: #6a6a6a; font-family: &amp;quot;nanum gothic&amp;quot; , , &amp;quot;dotum&amp;quot; , , &amp;quot;helvetica&amp;quot; , sans-serif ,; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px;&quot;&gt;덧붙이는 글 |&amp;nbsp;&lt;/span&gt;&amp;lt;유시민의 글쓰기 특강&amp;gt;(유시민 지음 / 생각의길 / 2015.04. / 1만5천원)&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;recommend-box&quot; style=&quot;color: #666666; font-size: 12px; margin: 0px; overflow: hidden; padding: 30px 0px; text-align: center; width: 602px;&quot;&gt;
&lt;a class=&quot;btn-like_off&quot; href=&quot;https://draft.blogger.com/null&quot; id=&quot;bottom_recm&quot; style=&quot;background-color: #c9c9c9; display: inline-block; height: 84px; padding: 0px 6px; width: 84px;&quot;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div class=&quot;icon-area&quot; style=&quot;color: white; font-size: 15px; font-weight: bold; line-height: 31px; margin: 0px; padding: 17px 0px 0px;&quot;&gt;
&lt;a class=&quot;btn-like_off&quot; href=&quot;https://draft.blogger.com/null&quot; id=&quot;bottom_recm&quot; style=&quot;background-color: #c9c9c9; display: inline-block; height: 84px; padding: 0px 6px; width: 84px;&quot;&gt;&lt;span class=&quot;fin_on&quot; style=&quot;background: url(&amp;quot;http://ojsimg.ohmynews.com/images/ohmynews/common/icon-all.png&amp;quot;) -234px -396px no-repeat; color: black; display: inline-block; font-size: 12px; margin: 0px 4px 0px 0px; padding: 0px; text-indent: -9999em; width: 22px;&quot;&gt;추천&lt;/span&gt;추천&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;count-a&quot; style=&quot;color: white; font-size: 15px; font-weight: 700; line-height: 15px; margin: 0px; padding: 0px;&quot;&gt;
&lt;a class=&quot;btn-like_off&quot; href=&quot;https://draft.blogger.com/null&quot; id=&quot;bottom_recm&quot; style=&quot;background-color: #c9c9c9; display: inline-block; height: 84px; padding: 0px 6px; width: 84px;&quot;&gt;21&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;atc_til_ad&quot; id=&quot;ti_ad_EXP1&quot; style=&quot;height: 300px; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; width: 300px; z-index: 300;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;atc_tis_ad&quot; style=&quot;height: 100px; margin: 0px; padding: 0px; position: absolute; right: -470px; top: 0px; width: 100px;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;newstag_area&quot; style=&quot;font-size: 11px; margin: 0px; padding: 50px 0px 25px;&quot;&gt;
&lt;strong&gt;태그&lt;/strong&gt;:&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/Tag/index.aspx?tag=%ec%9c%a0%ec%8b%9c%eb%af%bc%ec%9d%98+%ea%b8%80%ec%93%b0%ea%b8%b0+%ed%8a%b9%ea%b0%95&quot; style=&quot;color: #666666; margin: 0px 0px 0px 2px; text-decoration: none;&quot;&gt;유시민의 글쓰기 특강&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/Tag/index.aspx?tag=%ec%83%9d%ea%b0%81%ec%9d%98%ea%b8%b8&quot; style=&quot;color: #666666; margin: 0px 0px 0px 2px; text-decoration: none;&quot;&gt;생각의길&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;http://www.ohmynews.com/NWS_Web/Tag/index.aspx?tag=%ec%9c%a0%ec%8b%9c%eb%af%bc&quot; style=&quot;color: #666666; margin: 0px 0px 0px 2px; text-decoration: none;&quot;&gt;유시민&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/8731838994970147567/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2016/04/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8731838994970147567'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8731838994970147567'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2016/04/blog-post.html' title='[스크랩] 유시민이 말하는 글 잘 쓰는 방법, 이거 괜찮네 ( 소통이 되는 글을 써야 한다...?)'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-1690090763875227235</id><published>2016-03-29T17:40:00.001+09:00</published><updated>2016-03-29T17:40:43.428+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="js"/><category scheme="http://www.blogger.com/atom/ns#" term="sourceCode"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><title type='text'>[스크랩]자바스크립트 중복 제거 소스코드</title><content type='html'>&lt;div id=&quot;question-header&quot; style=&quot;background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: solid; border-width: 0px 0px 1px; clear: both; color: #222426; font-family: Arial, &#39;Helvetica Neue&#39;, Helvetica, sans-serif; font-size: 13px; line-height: 16.9px; margin: 0px 0px 1em; padding: 5px 0px;&quot;&gt;
&lt;h1 itemprop=&quot;name&quot; style=&quot;border: 0px; font-size: 22px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;&quot;&gt;
&lt;a class=&quot;question-hyperlink&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values&quot; style=&quot;border: 0px; color: #222426; cursor: pointer; font-size: 24px; font-weight: normal; line-height: 1.35; margin: 0px 0px 0.5em; padding: 0px; text-decoration: none;&quot;&gt;In Javascript, how do I check if an array has duplicate values? [duplicate]&lt;/a&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;div id=&quot;mainbar&quot; style=&quot;background-color: white; border: 0px; color: #222426; float: left; font-family: Arial, &#39;Helvetica Neue&#39;, Helvetica, sans-serif; font-size: 13px; line-height: 16.9px; margin: 0px; padding: 0px; width: 728px;&quot;&gt;
&lt;div class=&quot;question&quot; data-questionid=&quot;7376598&quot; id=&quot;question&quot; style=&quot;border: 0px; clear: both; margin: 0px; padding: 0px;&quot;&gt;
&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;votecell&quot; style=&quot;border: 0px; margin: 0px; padding: 0px 15px 0px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;vote&quot; style=&quot;border: 0px; margin: 0px; min-width: 46px; padding: 0px; text-align: center;&quot;&gt;
&lt;a class=&quot;vote-up-off&quot; href=&quot;https://www.blogger.com/null&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: 0px -170px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #0077cc; cursor: pointer; display: block; font-size: 1px; height: 30px; margin: 0px auto 2px; overflow: hidden; padding: 0px; text-indent: -9999em; width: 40px;&quot; title=&quot;This question shows research effort; it is useful and clear&quot;&gt;up vote&lt;/a&gt;&lt;span class=&quot;vote-count-post &quot; itemprop=&quot;upvoteCount&quot; style=&quot;border: 0px; color: #777777; display: block; font-size: 20px; margin: 8px 0px; padding: 0px;&quot;&gt;12&lt;/span&gt;&lt;a class=&quot;vote-down-off&quot; href=&quot;https://www.blogger.com/null&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: 0px -220px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #0077cc; cursor: pointer; display: block; font-size: 1px; height: 30px; margin: 0px auto 10px; overflow: hidden; padding: 0px; text-indent: -9999em; width: 40px;&quot; title=&quot;This question does not show any research effort; it is unclear or not useful&quot;&gt;down vote&lt;/a&gt;&lt;a class=&quot;star-off&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: 0px -120px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #0077cc; cursor: pointer; display: block; font-size: 1px; height: 30px; margin: 0px auto 2px; overflow: hidden; padding: 0px; text-decoration: none; text-indent: -9999em; width: 40px;&quot; title=&quot;This is a favorite question (click again to undo)&quot;&gt;favorite&lt;/a&gt;&lt;div class=&quot;favoritecount&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span style=&quot;border: 0px; color: #777777; margin: 0px; padding: 0px;&quot;&gt;7&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;postcell&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top;&quot;&gt;&lt;div style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;text&quot; style=&quot;border: 0px; font-size: 15px; line-height: 1.3; margin: 0px 0px 5px; padding: 0px; width: 660px; word-wrap: break-word;&quot;&gt;
&lt;blockquote style=&quot;background-color: cornsilk; border-left-color: rgb(255, 235, 142); border-left-style: solid; border-width: 0px 0px 0px 2px; margin: 0px 0px 10px; padding: 10px; quotes: none;&quot;&gt;
&lt;div style=&quot;border: 0px; clear: both; padding: 0px;&quot;&gt;
&lt;strong style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;Possible Duplicate:&lt;/strong&gt;&lt;br /&gt;&lt;a href=&quot;http://stackoverflow.com/questions/840781/easiest-way-to-find-duplicate-values-in-a-javascript-array&quot; style=&quot;border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Easiest way to find duplicate values in a javascript array&lt;/a&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
How do I check if an array has duplicate values?&lt;/div&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
If more than 1 element of the same exist, then return true. Otherwise, return false.&lt;/div&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot; style=&quot;background-color: #eeeeee; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; width: auto; word-wrap: normal;&quot;&gt;&lt;code style=&quot;border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; margin: 0px; padding: 0px; white-space: inherit;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;hello&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;goodbye&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;hey&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;border: 0px; color: grey; margin: 0px; padding: 0px;&quot;&gt;//return false because no duplicates exist&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;hello&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;goodbye&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;&#39;hello&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;border: 0px; color: grey; margin: 0px; padding: 0px;&quot;&gt;// return true because duplicaets exist&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div class=&quot;post-taglist&quot; style=&quot;border: 0px; clear: both; margin: 0px 0px 10px; padding: 0px;&quot;&gt;
&lt;a class=&quot;post-tag js-gps-track&quot; href=&quot;https://stackoverflow.com/questions/tagged/javascript&quot; rel=&quot;tag&quot; style=&quot;background: rgb(225, 236, 244); border-radius: 0px; border: 1px solid rgb(225, 236, 244); color: #39739d; cursor: pointer; display: inline-block; font-size: 12px; line-height: 1; margin: 2px 2px 2px 0px; padding: 0.4em 0.5em; text-align: center; text-decoration: none; transition: color 0.15s ease, background 0.15s ease, border 0.15s ease; white-space: nowrap;&quot; title=&quot;show questions tagged &#39;javascript&#39;&quot;&gt;javascript&lt;/a&gt;&lt;/div&gt;
&lt;table class=&quot;fw&quot; style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px 0px 4px; padding: 0px; width: 667px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;vt&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;post-menu&quot; style=&quot;border: 0px; margin: 0px; padding: 2px 0px 0px;&quot;&gt;
&lt;a class=&quot;short-link&quot; href=&quot;https://stackoverflow.com/q/7376598/3547677&quot; id=&quot;link-post-7376598&quot; style=&quot;border: 0px; color: #888888; cursor: pointer; display: inline-block; margin: 0px; padding: 0px 3px 2px; text-decoration: none;&quot; title=&quot;short permalink to this question&quot;&gt;share&lt;/a&gt;&lt;span class=&quot;lsep&quot; style=&quot;border: 0px; color: #1b4072; display: inline-block; font-size: 1px; margin: 0px; padding: 0px; visibility: hidden;&quot;&gt;&lt;/span&gt;&lt;a class=&quot;suggest-edit-post&quot; href=&quot;https://stackoverflow.com/posts/7376598/edit&quot; style=&quot;border: 0px; color: #888888; cursor: pointer; display: inline-block; margin: 0px; padding: 0px 3px 2px; text-decoration: none;&quot; title=&quot;revise and improve this post&quot;&gt;edit&lt;/a&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;post-signature owner&quot; style=&quot;background-color: #e0eaf1; border: 0px; margin: 0px; padding: 0px; vertical-align: top; width: 200px;&quot;&gt;&lt;div class=&quot;user-info &quot; style=&quot;border: 0px; box-sizing: border-box; color: #52575c; margin: 0px; padding: 5px 6px 7px 7px; width: 200px;&quot;&gt;
&lt;div class=&quot;user-action-time&quot; style=&quot;border: 0px; font-size: 12px; margin: 1px 0px 4px; padding: 0px; white-space: nowrap;&quot;&gt;
asked&amp;nbsp;&lt;span class=&quot;relativetime&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot; title=&quot;2011-09-11 06:04:06Z&quot;&gt;Sep 11 &#39;11 at 6:04&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;user-gravatar32&quot; style=&quot;border-radius: 1px; border: 0px; float: left; height: 32px; margin: 0px; padding: 0px; width: 32px;&quot;&gt;
&lt;a href=&quot;https://stackoverflow.com/users/847495/user847495&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;&lt;div class=&quot;gravatar-wrapper-32&quot; style=&quot;border: 0px; height: 32px; margin: 0px; overflow: hidden; padding: 0px; width: 32px;&quot;&gt;
&lt;img alt=&quot;&quot; height=&quot;32&quot; src=&quot;https://www.gravatar.com/avatar/4cc3feb3b6a9b4357f0af5abee95a483?s=32&amp;amp;d=identicon&amp;amp;r=PG&quot; style=&quot;border-radius: 1px; border: 0px; height: 32px; margin: 0px auto; padding: 0px;&quot; width=&quot;32&quot; /&gt;&lt;/div&gt;
&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;user-details&quot; style=&quot;border: 0px; float: left; line-height: 17px; margin: 0px 0px 0px 8px; padding: 0px; width: calc(100% - 40px); word-wrap: break-word;&quot;&gt;
&lt;a href=&quot;https://stackoverflow.com/users/847495/user847495&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;user847495&lt;/a&gt;&lt;div class=&quot;-flair&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;reputation-score&quot; dir=&quot;ltr&quot; style=&quot;border: 0px; font-size: 12px; font-weight: bold; margin: 0px 2px 0px 0px; padding: 0px;&quot; title=&quot;reputation score &quot;&gt;1,519&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;10 gold badges&quot;&gt;&lt;span class=&quot;badge1&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -102px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;10&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;26 silver badges&quot;&gt;&lt;span class=&quot;badge2&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -82px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;26&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;43 bronze badges&quot;&gt;&lt;span class=&quot;badge3&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -62px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;43&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;special-status&quot; colspan=&quot;2&quot; style=&quot;border: 0px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;&lt;div class=&quot;question-status&quot; style=&quot;background-color: #fff7e5; border: 1px solid rgba(100, 100, 100, 0.0980392); clear: both; margin: 15px 0px 10px; padding: 15px 8px 1px 60px;&quot;&gt;
&lt;h2 style=&quot;border: 0px; font-size: 15px; font-weight: 400; line-height: 18px; margin: 0px 0px 10px; padding: 0px;&quot;&gt;
&lt;b style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;marked&lt;/b&gt;&amp;nbsp;as duplicate by&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/302916/brian-roach&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Brian Roach&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/479863/mu-is-too-short&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;mu is too short&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/825568/joseph-silber&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Joseph Silber&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/104184/sasha-chedygov&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sasha Chedygov&lt;/a&gt;,&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/49485/ben-alpert&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Ben Alpert&lt;/a&gt;&lt;span dir=&quot;ltr&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;relativetime&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot; title=&quot;2011-09-11 06:39:14Z&quot;&gt;Sep 11 &#39;11 at 6:39&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
This question has been asked before and already has an answer. If those answers do not fully address your question, please&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/questions/ask&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;ask a new question&lt;/a&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;votecell&quot; style=&quot;border: 0px; margin: 0px; padding: 0px 15px 0px 0px; vertical-align: top;&quot;&gt;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;div class=&quot;comments &quot; id=&quot;comments-7376598&quot; style=&quot;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-top-color: rgb(234, 235, 236); border-top-style: solid; border-width: 1px 0px 0px; line-height: 17.55px; margin: 10px 0px 0px; padding: 0px 0px 10px; width: 660px;&quot;&gt;
&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px; width: 660px;&quot;&gt;&lt;tbody data-addlink-disabled=&quot;true&quot; data-canpost=&quot;false&quot; data-cansee=&quot;true&quot; data-comments-unavailable=&quot;false&quot; data-remaining-comments-count=&quot;1&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr class=&quot;comment &quot; id=&quot;comment-8904929&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot; comment-score&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;td class=&quot;comment-text&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;comment-body&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;comment-copy&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;Here it is:&amp;nbsp;&lt;a href=&quot;http://stackoverflow.com/questions/840781/easiest-way-to-find-duplicate-values-in-a-javascript-array/840808#840808&quot; style=&quot;border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot; title=&quot;easiest way to find duplicate values in a javascript array&quot;&gt;stackoverflow.com/questions/840781/…&lt;/a&gt;&lt;/span&gt;&amp;nbsp;–&amp;nbsp;&lt;a class=&quot;comment-user&quot; href=&quot;https://stackoverflow.com/users/290343/ofer-zelig&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; white-space: nowrap;&quot; title=&quot;10667 reputation&quot;&gt;Ofer Zelig&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;comment-date&quot; dir=&quot;ltr&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #999999; margin: 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comment-link&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#comment8904929_7376598&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sep 11 &#39;11 at 6:06&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr class=&quot;comment &quot; id=&quot;comment-8904936&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot; comment-score&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;td class=&quot;comment-text&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;comment-body&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;comment-copy&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;I don&#39;t want a list of duplicates removed. I just want to know true or false if a list has duplicates in it.&lt;/span&gt;&amp;nbsp;–&amp;nbsp;&lt;a class=&quot;comment-user owner&quot; href=&quot;https://stackoverflow.com/users/847495/user847495&quot; style=&quot;background-color: #e0eaf1; border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 1px 5px; text-decoration: none; white-space: nowrap;&quot; title=&quot;1519 reputation&quot;&gt;user847495&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;comment-date&quot; dir=&quot;ltr&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #999999; margin: 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comment-link&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#comment8904936_7376598&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sep 11 &#39;11 at 6:08&lt;/a&gt;&lt;/span&gt;&amp;nbsp;&lt;span class=&quot;edited-yes&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -20px -340px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 15px; line-height: 12px; margin: 0px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 16px;&quot; title=&quot;this comment was edited 1 time&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr class=&quot;comment &quot; id=&quot;comment-8905010&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot; comment-score&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;td class=&quot;comment-text&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;comment-body&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;comment-copy&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;The accepted answer for the&amp;nbsp;&lt;i style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;exact same question you asked&lt;/i&gt;&amp;nbsp;is your answer.&lt;a href=&quot;http://stackoverflow.com/questions/840781/easiest-way-to-find-duplicate-values-in-a-javascript-array/840808#840808&quot; style=&quot;border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot; title=&quot;easiest way to find duplicate values in a javascript array&quot;&gt;stackoverflow.com/questions/840781/…&lt;/a&gt;&lt;/span&gt;&amp;nbsp;–&amp;nbsp;&lt;a class=&quot;comment-user&quot; href=&quot;https://stackoverflow.com/users/302916/brian-roach&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; white-space: nowrap;&quot; title=&quot;52312 reputation&quot;&gt;Brian Roach&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;comment-date&quot; dir=&quot;ltr&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #999999; margin: 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comment-link&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#comment8905010_7376598&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sep 11 &#39;11 at 6:28&lt;/a&gt;&lt;/span&gt;&amp;nbsp;&lt;span class=&quot;edited-yes&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -20px -340px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 15px; line-height: 12px; margin: 0px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 16px;&quot; title=&quot;this comment was edited 2 times&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr class=&quot;comment &quot; id=&quot;comment-8905070&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot; comment-score&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;td class=&quot;comment-text&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;comment-body&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;comment-copy&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;a href=&quot;http://jsfiddle.net/vol7ron/gfJ28/&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;jsfiddle.net/vol7ron/gfJ28&lt;/a&gt;&lt;/span&gt;&amp;nbsp;–&amp;nbsp;&lt;a class=&quot;comment-user&quot; href=&quot;https://stackoverflow.com/users/183181/vol7ron&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; white-space: nowrap;&quot; title=&quot;15278 reputation&quot;&gt;vol7ron&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;comment-date&quot; dir=&quot;ltr&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #999999; margin: 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comment-link&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#comment8905070_7376598&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sep 11 &#39;11 at 6:42&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr class=&quot;comment &quot; id=&quot;comment-53436280&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;comment-actions&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top; width: 15px;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot; comment-score&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cool&quot; style=&quot;border: 0px; color: #999999; margin: 0px; padding: 0px 4px 0px 0px;&quot; title=&quot;number of &#39;useful comment&#39; votes received&quot;&gt;1&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;td class=&quot;comment-text&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; line-height: 1.3; margin: 0px; padding: 6px 6px 6px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;comment-body&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;comment-copy&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;This question is not a duplicate. Since @user847495 simply wants to check if duplicates exists, the solution is faster/easier than what&#39;s needed to find all occurrences of duplicates. For example, you can do this:&lt;a href=&quot;http://codr.io/v/bvzxhqm&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;codr.io/v/bvzxhqm&lt;/a&gt;&lt;/span&gt;&amp;nbsp;–&amp;nbsp;&lt;a class=&quot;comment-user&quot; href=&quot;https://stackoverflow.com/users/3677354/alden&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; white-space: nowrap;&quot; title=&quot;89 reputation&quot;&gt;alden&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;comment-date&quot; dir=&quot;ltr&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #999999; margin: 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comment-link&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#comment53436280_7376598&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Sep 26 &#39;15 at 16:32&lt;/a&gt;&lt;/span&gt;&amp;nbsp;&lt;span class=&quot;edited-yes&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -20px -340px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 15px; line-height: 12px; margin: 0px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 16px;&quot; title=&quot;this comment was edited 2 times&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div data-reg=&quot;true&quot; data-rep=&quot;50&quot; id=&quot;comments-link-7376598&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;a class=&quot;js-show-link comments-link &quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values/7376645#&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px 3px 2px; text-decoration: none;&quot; title=&quot;expand to show all comments on this post&quot;&gt;show&amp;nbsp;&lt;b style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;1&lt;/b&gt;&amp;nbsp;more comment&lt;/a&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id=&quot;answers&quot; style=&quot;border: 0px; clear: both; margin: 0px; padding: 10px 0px 0px; width: 728px;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; name=&quot;tab-top&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px;&quot;&gt;&lt;/a&gt;&lt;div id=&quot;answers-header&quot; style=&quot;border: 0px; margin: 10px 0px 0px; padding: 0px; width: 728px;&quot;&gt;
&lt;div class=&quot;subheader answers-subheader&quot; style=&quot;border-bottom-color: rgb(234, 235, 236); border-bottom-style: solid; border-width: 0px 0px 1px; clear: both; height: 34px; margin: 0px 0px 15px; padding: 0px;&quot;&gt;
&lt;h2 style=&quot;border: 0px; color: #444444; float: left; font-size: 18px; font-weight: 400; line-height: 1.3; margin: 0px; padding: 0px;&quot;&gt;
3 Answers&lt;/h2&gt;
&lt;div style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;div id=&quot;tabs&quot; style=&quot;border: 0px; float: right; height: 38px; margin: 0px; padding: 0px;&quot;&gt;
&lt;a data-nav-xhref=&quot;&quot; data-value=&quot;active&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values?answertab=active#tab-top&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent transparent rgb(234, 235, 236); border-style: solid; border-width: 2px 1px 1px; color: #767d84; cursor: pointer; display: block; float: left; font-size: 12px; line-height: 1; margin: 0px 8px 0px 0px; padding: 10px; text-decoration: none;&quot; title=&quot;Answers with the latest activity first&quot;&gt;active&lt;/a&gt;&lt;a data-nav-xhref=&quot;&quot; data-value=&quot;oldest&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values?answertab=oldest#tab-top&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent transparent rgb(234, 235, 236); border-style: solid; border-width: 2px 1px 1px; color: #767d84; cursor: pointer; display: block; float: left; font-size: 12px; line-height: 1; margin: 0px 8px 0px 0px; padding: 10px; text-decoration: none;&quot; title=&quot;Answers in the order they were provided&quot;&gt;oldest&lt;/a&gt;&lt;a class=&quot;youarehere&quot; data-nav-xhref=&quot;&quot; data-value=&quot;votes&quot; href=&quot;https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values?answertab=votes#tab-top&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(246, 156, 85) rgb(234, 235, 236) rgb(255, 255, 255); border-style: solid; border-width: 2px 1px 1px; color: #222426; cursor: pointer; display: block; float: left; font-size: 12px; line-height: 1; margin: 0px; padding: 10px; text-decoration: none;&quot; title=&quot;Answers with the highest score first&quot;&gt;votes&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; name=&quot;7376645&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px;&quot;&gt;&lt;/a&gt;&lt;div class=&quot;answer accepted-answer&quot; data-answerid=&quot;7376645&quot; id=&quot;answer-7376645&quot; itemprop=&quot;acceptedAnswer&quot; itemscope=&quot;&quot; itemtype=&quot;http://schema.org/Answer&quot; style=&quot;border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-width: 0px 0px 1px; margin: 0px; padding: 20px 0px; width: 728px;&quot;&gt;
&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;votecell&quot; style=&quot;border: 0px; margin: 0px; padding: 0px 15px 0px 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;vote&quot; style=&quot;border: 0px; margin: 0px; min-width: 46px; padding: 0px; text-align: center;&quot;&gt;
&lt;a class=&quot;vote-up-off&quot; href=&quot;https://www.blogger.com/null&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: 0px -170px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #0077cc; cursor: pointer; display: block; font-size: 1px; height: 30px; margin: 0px auto 2px; overflow: hidden; padding: 0px; text-indent: -9999em; width: 40px;&quot; title=&quot;This answer is useful&quot;&gt;up vote&lt;/a&gt;&lt;span class=&quot;vote-count-post &quot; itemprop=&quot;upvoteCount&quot; style=&quot;border: 0px; color: #777777; display: block; font-size: 20px; margin: 8px 0px; padding: 0px;&quot;&gt;26&lt;/span&gt;&lt;a class=&quot;vote-down-off&quot; href=&quot;https://www.blogger.com/null&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: 0px -220px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #0077cc; cursor: pointer; display: block; font-size: 1px; height: 30px; margin: 0px auto 10px; overflow: hidden; padding: 0px; text-indent: -9999em; width: 40px;&quot; title=&quot;This answer is not useful&quot;&gt;down vote&lt;/a&gt;&lt;span class=&quot;vote-accepted-on load-accepted-answer-date&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -40px -270px; background-repeat: no-repeat; background-size: initial; border: 0px; color: #777777; display: block; font-size: 1px; height: 40px; margin: 0px auto 10px; overflow: hidden; padding: 0px; text-indent: -9999em; width: 40px;&quot; title=&quot;loading when this answer was accepted...&quot;&gt;accepted&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;answercell&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;post-text&quot; itemprop=&quot;text&quot; style=&quot;border: 0px; font-size: 15px; line-height: 1.3; margin: 0px 0px 5px; padding: 0px; width: 660px; word-wrap: break-word;&quot;&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
If you have an ES2015 environment (as of this writing: io.js, IE11, Chrome, Firefox, WebKit nightly), then the following will work, and will be fast (viz. O(n)):&lt;/div&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot; style=&quot;background-color: #eeeeee; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; width: auto; word-wrap: normal;&quot;&gt;&lt;code style=&quot;border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; margin: 0px; padding: 0px; white-space: inherit;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; hasDuplicates&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;border: 0px; color: #2b91af; margin: 0px; padding: 0px;&quot;&gt;Set&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)).&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;size &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;!==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;hr style=&quot;background-color: #dddddd; border: 0px; color: #dddddd; height: 1px; margin-bottom: 20px;&quot; /&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
If you only need string values in the array, the following will work:&lt;/div&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot; style=&quot;background-color: #eeeeee; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; width: auto; word-wrap: normal;&quot;&gt;&lt;code style=&quot;border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; margin: 0px; padding: 0px; white-space: inherit;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; hasDuplicates&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; valuesSoFar &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;border: 0px; color: #2b91af; margin: 0px; padding: 0px;&quot;&gt;Object&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;create&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; i &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; i &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; value &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;];&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;value &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; valuesSoFar&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
            &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        valuesSoFar&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
We use a &quot;hash table&quot;&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;valuesSoFar&lt;/code&gt;&amp;nbsp;whose keys are the values we&#39;ve seen in the array so far. We do a lookup using&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;Object.prototype.hasOwnProperty.call&lt;/code&gt;&amp;nbsp;to see if that value has been spotted already; if so, we bail out of the loop and return&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;true&lt;/code&gt;. (We don&#39;t use&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;valuesSoFar.hasOwnProperty&lt;/code&gt;&amp;nbsp;directly because that would break if the array contained&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;&quot;hasOwnProperty&quot;&lt;/code&gt;&amp;nbsp;as a string.)&lt;/div&gt;
&lt;hr style=&quot;background-color: #dddddd; border: 0px; color: #dddddd; height: 1px; margin-bottom: 20px;&quot; /&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
If you need a function that works for more than just string values, the following will work, but isn&#39;t as performant; it&#39;s O(n&lt;sup style=&quot;border: 0px; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;2&lt;/sup&gt;) instead of O(n).&lt;/div&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot; style=&quot;background-color: #eeeeee; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; width: auto; word-wrap: normal;&quot;&gt;&lt;code style=&quot;border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; margin: 0px; padding: 0px; white-space: inherit;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; hasDuplicates&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; valuesSoFar &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[];&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; i &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; i &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; value &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;];&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;valuesSoFar&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;indexOf&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;!==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;border: 0px; color: maroon; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
            &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
        valuesSoFar&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;push&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;border: 0px; color: darkblue; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;border: 0px; color: black; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;border: 0px; clear: both; margin-bottom: 1em; padding: 0px;&quot;&gt;
The difference is simply that we use an array instead of a hash table for&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;valuesSoFar&lt;/code&gt;, since JavaScript &quot;hash tables&quot; (i.e. objects) only have string keys. This means we lose the O(1) lookup time of&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;hasOwnProperty&lt;/code&gt;, instead getting an O(n) lookup time of&amp;nbsp;&lt;code style=&quot;background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;indexOf&lt;/code&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;table class=&quot;fw&quot; style=&quot;border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 13px; margin: 0px 0px 4px; padding: 0px; width: 660px;&quot;&gt;&lt;tbody style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;tr style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;&lt;td class=&quot;vt&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top;&quot;&gt;&lt;div class=&quot;post-menu&quot; style=&quot;border: 0px; margin: 0px; padding: 2px 0px 0px;&quot;&gt;
&lt;a class=&quot;short-link&quot; href=&quot;https://stackoverflow.com/a/7376645/3547677&quot; id=&quot;link-post-7376645&quot; style=&quot;border: 0px; color: #888888; cursor: pointer; display: inline-block; margin: 0px; padding: 0px 3px 2px; text-decoration: none;&quot; title=&quot;short permalink to this answer&quot;&gt;share&lt;/a&gt;&lt;span class=&quot;lsep&quot; style=&quot;border: 0px; color: #1b4072; display: inline-block; font-size: 1px; margin: 0px; padding: 0px; visibility: hidden;&quot;&gt;&lt;/span&gt;&lt;a class=&quot;suggest-edit-post&quot; href=&quot;https://stackoverflow.com/posts/7376645/edit&quot; style=&quot;border: 0px; color: #888888; cursor: pointer; display: inline-block; margin: 0px; padding: 0px 3px 2px; text-decoration: none;&quot; title=&quot;revise and improve this post&quot;&gt;edit&lt;/a&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td align=&quot;right&quot; class=&quot;post-signature&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top; width: 200px;&quot;&gt;&lt;div class=&quot;user-info &quot; style=&quot;border: 0px; box-sizing: border-box; color: #52575c; margin: 0px; padding: 5px 6px 7px 7px; width: 200px;&quot;&gt;
&lt;div class=&quot;user-action-time&quot; style=&quot;border: 0px; font-size: 12px; margin: 1px 0px 4px; padding: 0px; white-space: nowrap;&quot;&gt;
&lt;a href=&quot;https://stackoverflow.com/posts/7376645/revisions&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot; title=&quot;show all edits to this post&quot;&gt;edited&amp;nbsp;&lt;span class=&quot;relativetime&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot; title=&quot;2015-07-03 16:48:27Z&quot;&gt;Jul 3 &#39;15 at 16:48&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;user-gravatar32&quot; style=&quot;border-radius: 1px; border: 0px; float: left; height: 32px; margin: 0px; padding: 0px; width: 32px;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;user-details&quot; style=&quot;border: 0px; float: left; line-height: 17px; margin: 0px 0px 0px 8px; padding: 0px; width: calc(100% - 40px); word-wrap: break-word;&quot;&gt;
&lt;div class=&quot;-flair&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;td align=&quot;right&quot; class=&quot;post-signature&quot; style=&quot;border: 0px; margin: 0px; padding: 0px; vertical-align: top; width: 200px;&quot;&gt;&lt;div class=&quot;user-info user-hover&quot; style=&quot;border: 0px; box-sizing: border-box; color: #52575c; margin: 0px; padding: 5px 6px 7px 7px; width: 200px;&quot;&gt;
&lt;div class=&quot;user-action-time&quot; style=&quot;border: 0px; font-size: 12px; margin: 1px 0px 4px; padding: 0px; white-space: nowrap;&quot;&gt;
answered&amp;nbsp;&lt;span class=&quot;relativetime&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot; title=&quot;2011-09-11 06:15:32Z&quot;&gt;Sep 11 &#39;11 at 6:15&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;user-gravatar32&quot; style=&quot;border-collapse: separate; border-radius: 1px; border: 0px; box-shadow: rgba(0, 0, 0, 0.498039) 2px 2px 4px; float: left; height: 32px; margin: 0px; padding: 0px; width: 32px;&quot;&gt;
&lt;a href=&quot;https://stackoverflow.com/users/3191/domenic&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;&lt;div class=&quot;gravatar-wrapper-32&quot; style=&quot;border: 0px; height: 32px; margin: 0px; overflow: hidden; padding: 0px; width: 32px;&quot;&gt;
&lt;img alt=&quot;&quot; height=&quot;32&quot; src=&quot;https://www.gravatar.com/avatar/9fb9f68d6b789e732c2a0fa3accc2ffd?s=32&amp;amp;d=identicon&amp;amp;r=PG&quot; style=&quot;border-radius: 1px; border: 0px; height: 32px; margin: 0px auto; padding: 0px;&quot; width=&quot;32&quot; /&gt;&lt;/div&gt;
&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;user-details&quot; style=&quot;border: 0px; float: left; line-height: 17px; margin: 0px 0px 0px 8px; padding: 0px; width: calc(100% - 40px); word-wrap: break-word;&quot;&gt;
&lt;a href=&quot;https://stackoverflow.com/users/3191/domenic&quot; style=&quot;border: 0px; color: #0077cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;&quot;&gt;Domenic&lt;/a&gt;&lt;div class=&quot;-flair&quot; style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span class=&quot;reputation-score&quot; dir=&quot;ltr&quot; style=&quot;border: 0px; font-size: 12px; font-weight: bold; margin: 0px 2px 0px 0px; padding: 0px;&quot; title=&quot;reputation score 56017&quot;&gt;56k&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;20 gold badges&quot;&gt;&lt;span class=&quot;badge1&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -102px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;20&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;143 silver badges&quot;&gt;&lt;span class=&quot;badge2&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -82px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;143&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; margin: 0px 3px 0px 2px; padding: 0px;&quot; title=&quot;214 bronze badges&quot;&gt;&lt;span class=&quot;badge3&quot; style=&quot;background-image: url(&amp;quot;img/sprites.svg?v=bc7c2f3904bf&amp;quot;), none; background-position: -62px -398px; background-repeat: no-repeat; background-size: initial; border: 0px; display: inline-block; height: 14px; line-height: inherit; margin: 0px 3px 0px 2px; overflow: hidden; padding: 0px; vertical-align: text-bottom; width: 6px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;badgecount&quot; style=&quot;border: 0px; color: #848a91; font-size: 12px; margin: 0px; padding: 0px;&quot;&gt;214&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/1690090763875227235/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2016/03/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1690090763875227235'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1690090763875227235'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2016/03/blog-post.html' title='[스크랩]자바스크립트 중복 제거 소스코드'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-1427065532487037318</id><published>2015-07-28T13:19:00.001+09:00</published><updated>2015-07-28T13:19:43.162+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="가방"/><category scheme="http://www.blogger.com/atom/ns#" term="머리"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><category scheme="http://www.blogger.com/atom/ns#" term="여행"/><title type='text'>[스크랩]이 남자가 말하는 부시시한 머리 관리법</title><content type='html'>&lt;div class=&quot;wrap padding-left-big&quot; style=&quot;background-color: white; font-family: &#39;Malgun Gothic&#39;, &#39;맑은 고딕&#39;, &#39;Nanum Gothic&#39;, 나눔고딕, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; margin: 0px; padding: 0px 15px;&quot;&gt;
&lt;div class=&quot;articleHeadlineBox headlineType-newswire&quot; style=&quot;font-size: 1em; margin: 0px; padding: 8px 0px; zoom: 1;&quot;&gt;
&lt;h1 style=&quot;font-size: 3.5em; font-weight: normal; line-height: 1em; margin: 0px; padding: 0px; width: auto;&quot;&gt;
이 남자가 말하는 부시시한 머리 관리법&lt;/h1&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
출처:&amp;nbsp;&lt;a href=&quot;http://kr.wsj.com/posts/2012/08/24/%ED%97%A4%EC%96%B4-%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A6%AC%EC%8A%A4%ED%8A%B8%EC%9D%98-%EC%A1%B0%EC%96%B8-%EC%97%AC%ED%96%89%EA%B0%88-%EB%95%8C%EB%8A%94-%EC%A7%91%EC%97%90%EC%84%9C-%EC%93%B0%EB%8D%98/&quot;&gt;http://kr.wsj.com/posts/2012/08/24/헤어-스타일리스트의-조언-여행갈-때는-집에서-쓰던/&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;art_tabbed_nav&quot; style=&quot;background-color: white; border-bottom-color: rgb(112, 120, 124); border-bottom-style: solid; border-bottom-width: 4px; clear: both; font-family: &#39;Malgun Gothic&#39;, &#39;맑은 고딕&#39;, &#39;Nanum Gothic&#39;, 나눔고딕, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; margin: 0px; padding: 0px 0px 0px 15px; zoom: 1;&quot;&gt;
&lt;ul class=&quot;tab&quot; id=&quot;articleTabs&quot; style=&quot;float: left; list-style: none; margin: 0px; padding: 0px;&quot;&gt;
&lt;li class=&quot;selected&quot; style=&quot;border-left-color: rgb(112, 120, 124); border-left-width: 1px; border-style: none none none solid; float: left; font-size: 1.3em; font-weight: bold; margin: 0px 4px -4px 0px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;article&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/&quot; style=&quot;background-image: url(http://s.wsj.net/img/NAV_tabBG-selected.gif) !important; background-position: 100% 0%; background-repeat: no-repeat; color: black; display: block; outline: none; padding: 21px 0px 12px; text-align: center; text-decoration: none; width: 114px;&quot;&gt;기사&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;deselected&quot; style=&quot;border-left-color: rgb(112, 120, 124); border-left-width: 1px; border-right-color: rgb(112, 120, 124); border-right-width: 1px; border-style: solid solid none; border-top-color: rgb(112, 120, 124); border-top-width: 1px; float: left; font-size: 1.2em; font-weight: bold; margin: 6px 4px 0px 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;comments&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/tab/comments/&quot; rel=&quot;nofollow&quot; style=&quot;background-image: none; color: #093d72; display: block; outline: none; padding: 14px 0px 9px; text-align: center; text-decoration: none; width: 114px;&quot;&gt;전체 댓글&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;mastertextCenter&quot; style=&quot;background-color: white; clear: both; font-family: &#39;Malgun Gothic&#39;, &#39;맑은 고딕&#39;, &#39;Nanum Gothic&#39;, 나눔고딕, Arial, Helvetica, sans-serif; font-size: 11px; height: 2513.09375px; line-height: 10px; margin: 0px; padding: 15px 0px;&quot;&gt;
&lt;div class=&quot;padding-left-big&quot; style=&quot;font-size: 1em; margin: 0px; padding: 0px 0px 0px 15px;&quot;&gt;
&lt;div class=&quot;col6wide colOverflowTruncated&quot; style=&quot;float: left; font-size: 1em; margin: 0px; padding: 0px; width: 571px;&quot;&gt;
&lt;div class=&quot;article story&quot; style=&quot;font-size: 1em; margin: 0px; padding: 11px 0px 0px;&quot;&gt;
&lt;div class=&quot;articlePage&quot; style=&quot;font-size: 1em; margin: 0px; padding: 0px;&quot;&gt;
&lt;div class=&quot;vltTools horizontal&quot; id=&quot;valetTools-top&quot; style=&quot;border-bottom-color: rgb(187, 187, 187); border-bottom-style: dotted; border-bottom-width: 1px; font-size: 1em; height: 39px; margin: 0px 0px 8px; overflow: visible; padding: 0px; position: relative; top: 0px; width: 571px; z-index: 10001;&quot;&gt;
&lt;div class=&quot;sTools sTools-t&quot; style=&quot;float: right; font-size: 1em; margin: 0px; max-width: 75px; padding: 0px;&quot;&gt;
&lt;ul class=&quot;stList stList-sq&quot; style=&quot;border: none; color: #666666; float: left; list-style: none; margin: 0px; padding: 0px 0px 0px 2px;&quot;&gt;
&lt;li class=&quot;stList-i stI-smaller&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 23px; line-height: normal; margin: 0px 0px 0px 5px; padding: 1px 0px;&quot;&gt;&lt;a class=&quot;stSq stLtr-smaller&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/#&quot; id=&quot;att.at.tbs&quot; style=&quot;background: url(http://s.wsj.net/img/sprites-shareTools.png) -96px 9px no-repeat; border-bottom-color: rgb(210, 209, 209) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-left-color: rgb(210, 209, 209); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(210, 209, 209); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(210, 209, 209); border-top-style: solid; border-top-width: 1px; color: #093d72; display: block; font-size: 1em; line-height: 1em; min-height: 2.5em; min-width: 2.7em; outline: none; text-indent: -9999px;&quot;&gt;smaller&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;stList-i stI-larger&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 23px; line-height: normal; margin: 0px 0px 0px 5px; padding: 1px 0px;&quot;&gt;&lt;a class=&quot;stSq stLtr-larger&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/#&quot; id=&quot;att.at.tbl&quot; style=&quot;background: url(http://s.wsj.net/img/sprites-shareTools.png) -121px 6px no-repeat; border-bottom-color: rgb(210, 209, 209) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-left-color: rgb(210, 209, 209); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(210, 209, 209); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(210, 209, 209); border-top-style: solid; border-top-width: 1px; color: #093d72; display: block; font-size: 1em; line-height: 1em; min-height: 2.5em; min-width: 2.7em; outline: none; text-indent: -9999px;&quot;&gt;Larger&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;ul class=&quot;vltSocialLinks&quot; style=&quot;border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-style: none none none dotted; color: #666666; float: right; list-style: none; margin: 0px; padding: 3px 0px 7px 16px; width: 255px;&quot;&gt;
&lt;li class=&quot;stList-s vltTool-fb&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 21px; line-height: normal; margin: 0px 2px 0px 0px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;icn-fb vltanchor&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) 0px 0px no-repeat; color: #093d72; display: block; font-size: 1em; height: 21px; line-height: 1em; outline: none; padding: 4px; position: relative; text-indent: -9999em; width: 23px;&quot;&gt;facebook&lt;/a&gt;&lt;div class=&quot;vlt_overlay&quot; style=&quot;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgb(240, 240, 240))); border-radius: 2px; font-size: 1em; height: 21px; left: -4px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; top: -34px; transition: width 0.2s; visibility: hidden; width: 0px;&quot;&gt;
&lt;fb:like action=&quot;recommend&quot; class=&quot; fb_iframe_widget&quot; fb-iframe-plugin-query=&quot;action=recommend&amp;amp;app_id=67fc5e01d68cf35eba52297f5bf2ed3d&amp;amp;container_width=500&amp;amp;href=http%3A%2F%2Fkr.wsj.com%2Fposts%2F2012%2F08%2F24%2F%25ed%2597%25a4%25ec%2596%25b4-%25ec%258a%25a4%25ed%2583%2580%25ec%259d%25bc%25eb%25a6%25ac%25ec%258a%25a4%25ed%258a%25b8%25ec%259d%2598-%25ec%25a1%25b0%25ec%2596%25b8-%25ec%2597%25ac%25ed%2596%2589%25ea%25b0%2588-%25eb%2595%258c%25eb%258a%2594-%25ec%25a7%2591%25ec%2597%2590%25ec%2584%259c-%25ec%2593%25b0%25eb%258d%2598%2F&amp;amp;layout=button_count&amp;amp;locale=ko_KR&amp;amp;sdk=joey&amp;amp;send=false&amp;amp;show_faces=false&amp;amp;width=500&quot; fb-xfbml-state=&quot;rendered&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/&quot; layout=&quot;button_count&quot; send=&quot;false&quot; show_faces=&quot;false&quot; style=&quot;display: inline-block; position: relative;&quot; width=&quot;500&quot;&gt;&lt;span style=&quot;display: inline-block; height: 20px; min-height: 20px !important; min-width: 135px !important; position: relative; text-align: justify; vertical-align: bottom; width: 74px;&quot;&gt;&lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; class=&quot;&quot; frameborder=&quot;0&quot; height=&quot;1000px&quot; name=&quot;f38747d108&quot; scrolling=&quot;no&quot; src=&quot;http://www.facebook.com/plugins/like.php?action=recommend&amp;amp;app_id=67fc5e01d68cf35eba52297f5bf2ed3d&amp;amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FX9pYjJn4xhW.js%3Fversion%3D41%23cb%3Df1bbd53e6c%26domain%3Dkr.wsj.com%26origin%3Dhttp%253A%252F%252Fkr.wsj.com%252Ff3b663a8c%26relation%3Dparent.parent&amp;amp;container_width=500&amp;amp;href=http%3A%2F%2Fkr.wsj.com%2Fposts%2F2012%2F08%2F24%2F%25ed%2597%25a4%25ec%2596%25b4-%25ec%258a%25a4%25ed%2583%2580%25ec%259d%25bc%25eb%25a6%25ac%25ec%258a%25a4%25ed%258a%25b8%25ec%259d%2598-%25ec%25a1%25b0%25ec%2596%25b8-%25ec%2597%25ac%25ed%2596%2589%25ea%25b0%2588-%25eb%2595%258c%25eb%258a%2594-%25ec%25a7%2591%25ec%2597%2590%25ec%2584%259c-%25ec%2593%25b0%25eb%258d%2598%2F&amp;amp;layout=button_count&amp;amp;locale=ko_KR&amp;amp;sdk=joey&amp;amp;send=false&amp;amp;show_faces=false&amp;amp;width=500&quot; style=&quot;border-style: none; border-width: initial; height: 20px; min-height: 20px !important; min-width: 135px !important; overflow: hidden; position: absolute; visibility: visible; width: 74px;&quot; title=&quot;fb:like Facebook Social Plugin&quot; width=&quot;500px&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/fb:like&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;stList-s vltTool-tw&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 21px; line-height: normal; margin: 0px 2px 0px 0px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;icn-tw vltanchor&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) 0px -30px no-repeat; color: #093d72; display: block; font-size: 1em; height: 21px; line-height: 1em; outline: none; padding: 4px; position: relative; text-indent: -9999em; width: 23px;&quot;&gt;twitter&lt;/a&gt;&lt;div class=&quot;vlt_overlay&quot; style=&quot;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgb(240, 240, 240))); border-radius: 2px; font-size: 1em; height: 21px; left: -4px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; top: -34px; transition: width 0.2s; visibility: hidden; width: 0px;&quot;&gt;
&lt;a class=&quot;twitter-share-button&quot; data-counturl=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/&quot; data-lang=&quot;en&quot; data-url=&quot;&quot; data-via=&quot;WSJ&quot; href=&quot;https://twitter.com/share&quot; style=&quot;color: #093d72; font-size: 1em; line-height: 1em; outline: none;&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;stList-s vltTool-g&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 21px; line-height: normal; margin: 0px 2px 0px 0px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;icn-g vltanchor&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) 0px -60px no-repeat; color: #093d72; display: block; font-size: 1em; height: 21px; line-height: 1em; outline: none; padding: 4px; position: relative; text-indent: -9999em; width: 23px;&quot;&gt;google plus&lt;/a&gt;&lt;div class=&quot;vlt_overlay&quot; style=&quot;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgb(240, 240, 240))); border-radius: 2px; font-size: 1em; height: 21px; left: -4px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; top: -34px; transition: width 0.2s; visibility: hidden; width: 0px;&quot;&gt;
&lt;div id=&quot;___plusone_1&quot; style=&quot;background: transparent; border-style: none; display: inline-block; float: none; font-size: 1px; height: 20px; margin: 0px; padding: 0px; vertical-align: baseline; width: 90px;&quot;&gt;
&lt;iframe data-gapiattached=&quot;true&quot; frameborder=&quot;0&quot; hspace=&quot;0&quot; id=&quot;I1_1438057016594&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;I1_1438057016594&quot; scrolling=&quot;no&quot; src=&quot;https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;amp;size=medium&amp;amp;hl=ko&amp;amp;origin=http%3A%2F%2Fkr.wsj.com&amp;amp;url=http%3A%2F%2Fkr.wsj.com%2Fposts%2F2012%2F08%2F24%2F%25ed%2597%25a4%25ec%2596%25b4-%25ec%258a%25a4%25ed%2583%2580%25ec%259d%25bc%25eb%25a6%25ac%25ec%258a%25a4%25ed%258a%25b8%25ec%259d%2598-%25ec%25a1%25b0%25ec%2596%25b8-%25ec%2597%25ac%25ed%2596%2589%25ea%25b0%2588-%25eb%2595%258c%25eb%258a%2594-%25ec%25a7%2591%25ec%2597%2590%25ec%2584%259c-%25ec%2593%25b0%25eb%258d%2598%2F&amp;amp;gsrc=3p&amp;amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ko.K52V-wajs7Y.O%2Fm%3D__features__%2Fam%3DQQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCP2eCteWwgzew6Jf0qR4CA8Vwbz3Q#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;amp;id=I1_1438057016594&amp;amp;parent=http%3A%2F%2Fkr.wsj.com&amp;amp;pfname=&amp;amp;rpctoken=34126130&quot; style=&quot;border-style: none; height: 20px; left: 0px; margin: 0px; overflow: hidden; position: static; top: 0px; visibility: visible; width: 90px;&quot; tabindex=&quot;0&quot; title=&quot;+1&quot; vspace=&quot;0&quot; width=&quot;100%&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;stList-s vltTool-li&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 21px; line-height: normal; margin: 0px 2px 0px 0px; padding: 0px; position: relative;&quot;&gt;&lt;a class=&quot;icn-li vltanchor&quot; href=&quot;https://draft.blogger.com/null&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) 0px -90px no-repeat; color: #093d72; display: block; font-size: 1em; height: 21px; line-height: 1em; outline: none; padding: 4px; position: relative; text-indent: -9999em; width: 23px;&quot;&gt;linked in&lt;/a&gt;&lt;div class=&quot;vlt_overlay&quot; style=&quot;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgb(240, 240, 240))); border-radius: 2px; font-size: 1em; height: 21px; left: -4px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; top: -34px; transition: width 0.2s; visibility: hidden; width: 0px;&quot;&gt;
&lt;span class=&quot;IN-widget&quot; style=&quot;display: inline-block; line-height: 1; text-align: center; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;display: inline-block !important; font-size: 1px !important; margin: 0px !important; padding: 0px !important; vertical-align: baseline !important;&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1438057017452_2&quot; style=&quot;display: block !important; overflow: visible !important; position: relative !important;&quot;&gt;&lt;a href=&quot;https://draft.blogger.com/null&quot; id=&quot;li_ui_li_gen_1438057017452_2-link&quot; style=&quot;border: 0px !important; color: #093d72; display: inline-block !important; font-size: 1em; height: 20px !important; line-height: 1em; margin: 0px !important; outline: none; padding: 0px !important;&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1438057017452_2-logo&quot; style=&quot;background-color: rgb(0, 119, 181) !important; background-image: url(https://static.licdn.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png) !important; background-position: 0px -593px !important; background-repeat: no-repeat !important; background-size: initial !important; border-radius: 2px !important; border-right-color: rgb(6, 96, 148) !important; border-right-style: solid !important; border-width: 0px 1px 0px 0px !important; box-sizing: content-box !important; cursor: pointer !important; display: block !important; float: right !important; height: 20px !important; left: 0px !important; margin: 0px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; text-indent: -9999em !important; top: 0px !important; width: 20px !important;&quot;&gt;&lt;/span&gt;&lt;span id=&quot;li_ui_li_gen_1438057017452_2-title&quot; style=&quot;background-color: rgb(0, 119, 181) !important; background-image: -webkit-linear-gradient(top, rgb(0, 119, 181) 0%, rgb(0, 119, 181) 100%) !important; border-radius: 2px !important; border: 1px solid rgb(0, 119, 181) !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; cursor: pointer !important; display: block !important; float: left !important; height: 18px !important; line-height: 20px !important; margin-left: 1px !important; overflow: hidden !important; padding: 0px 4px 0px 23px !important; text-shadow: rgb(0, 88, 135) 0px -1px !important; vertical-align: top !important; white-space: nowrap !important;&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1438057017452_2-mark&quot; style=&quot;box-sizing: content-box !important; display: inline-block !important; overflow: hidden !important; width: 0px !important;&quot;&gt;&lt;/span&gt;&lt;span id=&quot;li_ui_li_gen_1438057017452_2-title-text&quot; style=&quot;-webkit-font-smoothing: antialiased !important; background: none transparent !important; box-sizing: content-box !important; display: inline-block !important; float: none !important; font-family: Arial, sans-serif !important; font-weight: bold !important; height: 18px !important; vertical-align: top !important;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline-block !important; font-size: 1px !important; margin: 0px !important; padding: 0px !important; vertical-align: baseline !important;&quot;&gt;&lt;span class=&quot;IN-right IN-hidden&quot; id=&quot;li_ui_li_gen_1438057017456_3-container&quot; style=&quot;cursor: pointer !important; display: inline-block !important; float: left !important; height: 20px !important; overflow: visible !important; padding-left: 2px !important; position: relative !important;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;ul class=&quot;vltShareTools&quot; style=&quot;border: none; color: #666666; float: left; list-style: none; margin: 0px; padding: 3px 0px; width: 220px;&quot;&gt;
&lt;li class=&quot;stList-i stI-email&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 23px; line-height: normal; margin: 0px 4px 0px 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;icn-email&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/#&quot; id=&quot;att.at.emailthis&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) -337px -81px no-repeat; border-radius: 2px; border: 1px solid rgb(210, 209, 209) !important; color: #093d72; display: block; float: left; font-size: 1em; font-weight: bold; height: 21px; line-height: 21px; outline: none; padding-left: 22px; padding-right: 7px; text-decoration: none; width: auto;&quot;&gt;Email&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;stList-i stI-print&quot; style=&quot;background: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 23px; line-height: normal; margin: 0px 4px 0px 0px; padding: 0px;&quot;&gt;&lt;a class=&quot;icn-print&quot; href=&quot;http://kr.wsj.com/posts/2012/08/24/%ed%97%a4%ec%96%b4-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a6%ac%ec%8a%a4%ed%8a%b8%ec%9d%98-%ec%a1%b0%ec%96%b8-%ec%97%ac%ed%96%89%ea%b0%88-%eb%95%8c%eb%8a%94-%ec%a7%91%ec%97%90%ec%84%9c-%ec%93%b0%eb%8d%98/#&quot; id=&quot;att.at.print&quot; style=&quot;background: url(http://sc.wsj.net/img/valet_sprite.png?v=82013) -366px -53px no-repeat; border-radius: 2px; border: 1px solid rgb(210, 209, 209) !important; color: #093d72; display: block; float: left; font-size: 1em; font-weight: bold; height: 21px; line-height: 21px; outline: none; padding-left: 22px; padding-right: 7px; text-decoration: none; width: auto;&quot;&gt;Print&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
By Patrick Brzeski&lt;/div&gt;
&lt;div class=&quot;mceTemp&quot; style=&quot;clear: both; font-size: 1em; margin: 0px; padding: 0px;&quot;&gt;
&lt;br /&gt;
&lt;dl class=&quot;wp-caption alignleft caption-alignleft &quot; style=&quot;float: left; margin: 0px 27px 12px 8px; padding: 0px; width: 262px;&quot;&gt;
&lt;dt class=&quot;wp-caption-dt&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;size-full wp-image-5&quot; src=&quot;http://s.wsj.net/public/resources/images/OB-UF686_0820rw_DV_20120820002618.jpg&quot; exifid=&quot;-98550292&quot; height=&quot;394&quot; id=&quot;exifviewer-img-2&quot; oldsrc=&quot;http://s.wsj.net/public/resources/images/OB-UF686_0820rw_DV_20120820002618.jpg&quot; style=&quot;border: none; margin: 8px 0px 0px;&quot; width=&quot;262&quot; /&gt;&lt;/dt&gt;
&lt;dd class=&quot;wp-caption-dd wp-cite-dd&quot; style=&quot;color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-stretch: normal; line-height: normal; margin: 2px 0px; padding: 2px 0px 0px; text-align: right;&quot;&gt;Marek Art of Hair&lt;/dd&gt;&lt;dd class=&quot;wp-caption-dd&quot; style=&quot;color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-stretch: normal; line-height: normal; margin: 0px; padding: 2px 0px 0px;&quot;&gt;Marek Wan&lt;/dd&gt;&lt;/dl&gt;
&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
제트족 스타일리스트의 삶에는 자고 일어나 부시시한 머리와의 끊임없는 전쟁이 따르게 마련이라고 지난 20년간 모델, 여배우, 그 밖의 부유층 고객들의 머리를 매만져 온 머렉 완(41)은 말한다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
“비행기에서 잠을 잤다면 내리기 전에 꼭 머리를 다시 만져야 한다. 그건 대단히 중요한 일이다.” 본지와의 인터뷰에서 그는 기내에서 즐기는 것, 모기가 나오는 공포영화, 그리고 장거리 비행을 하고 난 후에도 깔끔해 보이는 법에 관해 이야기했다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;얼마나 자주 비행기 여행을 하나?&lt;/strong&gt;&amp;nbsp;한달에 2~3회 정도다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;가장 자주 가는 곳은?&lt;/strong&gt;&amp;nbsp;올해는 대만, 베트남, 태국, 말레이지아를 자주 갔다. 유럽도 일년에 3~4번 간다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;가장 좋아하는 여행 기념품은?&lt;/strong&gt;&amp;nbsp;전형적인 홍콩사람답게 간식거리를 주로 사 간다. 말려서 구운 태국 오징어 과자와 대만 사탕을 특히 좋아한다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;기내식이 가장 맛있는 항공사는?&lt;/strong&gt;&amp;nbsp;홍콩 태생인지라 캐세이 퍼시픽의 아시아 및 광동식을 선호한다. 캐세이는 장거리 비행에서 컵라면을 제공하기도 한다. 건강에는 별로 좋지 않다는 걸 알지만 솔직히 최고의 기내식이다. 지친 심신을 풀어주는 효과가 있다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;장거리 비행을 하는 이들에게 해주고 싶은 헤어스타일에 관한 조언은?&lt;/strong&gt;&amp;nbsp;비행기 안이 굉장히 건조하기 때문에 머리도 건조해진다. 그래서 나는 항상 긴머리 여성들에게 품질 좋은 헤어세럼을 바르라고 권한다. 머리가 너무 건조한 상태에서 잠을 자고 나면 부시시해진다. 헤어세럼은 부시시함을 어느 정도 방지해주고 건강한 머리결로 보이게 해준다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;남성들의 경우엔?&lt;/strong&gt;&amp;nbsp;여성보다는 덜 복잡하다. 보통은 젤 등의 스타일링 제품보다 왁스를 바르라고 권한다. 자고 난 후에도 다시 스타일을 내기가 쉽기 때문이다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;헤어케어를 위한 필수 여행용 아이템은?&lt;/strong&gt;&amp;nbsp;여행한다고해서 갑자기 사용하던 제품을 바꾸지 말아야 한다. 해외에서 중요한 행사 참석을 앞두고 예기치 않은 사태에 직면하고 싶지 않다면 말이다. 여행용 사이즈가 따로 나오지 않는 브랜드와 제품도 많지만 작은 플라스틱병 몇개를 구입해 집에서 사용하던 제품을 덜어가면 호텔에서 제공하는 잘 모르는 제품을 사용하지 않아도 된다. 열대성 기후인 지역으로 휴가를 가는데 머리를 염색한 상태라면 자외선 차단 제품을 꼭 가져가라고 권하고 싶다. 차단 제품을 바르지 않으면 짧게는 이틀만에도 탈색될 수 있다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;여행 중에는 어떻게 운동하나?&lt;/strong&gt;&amp;nbsp;하루 한시간 정도 걷는다. 실내보다는 밖에 나가서 걷는 걸 선호한다. 런던에 갔을 때는 하이드파크에 가서 걷는 식이다. 아시아 도시들은 밖에서 걷기엔 너무 더울때가 많은데 그럴때는 호텔 짐의 런닝머신에서 아이팟으로 좋은 음악을 들으며 운동한다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;시차로 인한 피로는 어떻게 극복하는지?&lt;/strong&gt;&amp;nbsp;단기 여행이 많기 때문에 홍콩에서와 같은 시간대를 유지하려고 노력한다. 4월에는 사흘간의 세미나에 참석하기 위해 포틀랜드에 있었는데 실제로 매일 저녁 7시에 잠자리에 들어 새벽 3시에 일어났다. 5일 이하의 단기 여행일 경우 최대한 홍콩과 같은 스케줄을 고수하려고 한다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;짐싸는데 드는 시간은?&lt;/strong&gt;&amp;nbsp;한시간 미만이다. 별도의 옷가지를 여행용 파우치에 넣어 준비해 둔다. 무지(Muji)에서 나온 매쉬 여행용 파우치를 이용하면 편하다. 가볍고 디자인도 좋다. 셔츠는 셔츠대로, 속옷은 속옷대로, 세면용품은 세면용품대로 싼다. 그렇게 하면 잊어버리고 빠트리는 일도 없다. 여행 갈 때는 셔츠 몇 장과 바지 몇 벌만 더 챙겨 가방에 넣으면 끝이다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;선호하는 여행가방 브랜드는?&amp;nbsp;&lt;/strong&gt;독일 리모와(Rimowa)다. 바퀴가 가장 부드럽고 무게도 가볍다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;아시아에서 최고라 생각하는 호텔은?&amp;nbsp;&lt;/strong&gt;방콕 메트로폴리탄이다. 매우 슬릭한 호텔인데, 디자이너 요지 야마모토가 직원 유니폼을 디자인했다. 직원들 모습이 너무나 멋지다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;최악의 여행 경험은?&lt;/strong&gt;&amp;nbsp;작년 하노이를 방문했을 때다. 그때는 그곳을 잘 모를 때였는데, 예약 담당의 실수로 지저분하고 수준 낮은 모텔에서 묵게 되었다. 객실에 들어갔더니 천장에 모기가 한 50마리는 앉아서 내가 잠들기를 기다리고 있었다. 모기 공포영화의 한 장면 같았다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;비행기 여행에서 가장 맘에 드는 부분은?&lt;/strong&gt;&amp;nbsp;혼자 있는 시간이다. 생각할 시간, 나 혼자만의 시간을 갖기가 힘들기 때문이다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;아시아에서 일주일을 보내고 싶은 장소는?&lt;/strong&gt;&amp;nbsp;단연 태국이다. 코사무이, 푸켓, 심지어 방콕도 좋다. 태국 음식도 맛있고, 태국은 동남아 국가들 중 서비스가 최고다. 가장 친절하며, 항상 미소를 띤다.&lt;/div&gt;
&lt;div style=&quot;font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; margin-left: 8px; margin-right: 8px; padding: 0px;&quot;&gt;
&lt;strong&gt;가보지 않은 나라 중에선 어딜 가보고 싶나?&lt;/strong&gt;&amp;nbsp;남미다. 역사적 건축물에 관심이 있는데 아직 마야 유적지를 보지 못했다. 언젠가는 꼭 가보고 싶다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/1427065532487037318/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post_28.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1427065532487037318'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1427065532487037318'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post_28.html' title='[스크랩]이 남자가 말하는 부시시한 머리 관리법'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-6844358286978352412</id><published>2015-07-22T15:48:00.000+09:00</published><updated>2015-07-22T15:48:33.449+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="dom"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="개발"/><category scheme="http://www.blogger.com/atom/ns#" term="웹 개발"/><title type='text'>[스크랩]DOM 링크 열기 제어. 새 창, 현재 페이지, 부모 페이지</title><content type='html'>DOM 링크 열기 제어. 새 창, 현재 페이지, 부모 페이지&lt;br /&gt;
&lt;br /&gt;
1. 현재페이지에 부를때&lt;br /&gt;
onclick=&quot;location.href=&#39;링크 주소&#39;&quot;&lt;br /&gt;
&lt;br /&gt;
1-1. 새 창에 열때&lt;br /&gt;
onclick=&quot;window.open(&#39;링크 주소&#39;)&quot;&lt;br /&gt;
&lt;br /&gt;
2. 상위 프레임에 부를때&lt;br /&gt;
onclick=&quot;parent.location.href=&#39;링크 주소&#39;&quot;&lt;br /&gt;
&lt;br /&gt;
스크랩일: 15-07-22&lt;br /&gt;
출처: http://technote.co.kr/php/technote1/board.php?board=memberqna&amp;command=body&amp;no=13364&lt;br /&gt;
 이름아이콘 YunHu&lt;br /&gt;
2008-05-26 20:58&lt;br /&gt;
 선택된 답변입니다.</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/6844358286978352412/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/dom.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/6844358286978352412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/6844358286978352412'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/dom.html' title='[스크랩]DOM 링크 열기 제어. 새 창, 현재 페이지, 부모 페이지'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-5062116989873919560</id><published>2015-07-20T17:01:00.004+09:00</published><updated>2015-07-20T17:01:36.122+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="lifelog"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><category scheme="http://www.blogger.com/atom/ns#" term="영화"/><title type='text'>[스크랩] 영화평 &#39;인사이드 아웃&#39;, 심리학도가 보고 심리학도에게 권하는 영화</title><content type='html'>&lt;br /&gt;
홈 &gt; 영화 책·느낌문화 &gt; 영화&lt;br /&gt;
&#39;인사이드 아웃&#39;, 심리학도가 보고 심리학도에게 권하는 영화&lt;br /&gt;
아띠에터 이호양  |  ctiger661@munhwanews.com&lt;br /&gt;
폰트키우기 폰트줄이기 프린트하기 메일보내기 신고하기&lt;br /&gt;
승인 2015.07.14  11:54:24&lt;br /&gt;
트위터 페이스북 미투데이 네이버 구글 msn&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
[문화가 있는 날_문화뉴스, Culture News·文化新聞]&lt;br /&gt;
&lt;br /&gt;
당신이 만약 현재 대학(학사과정)에 재학중인 심리학도이고, 다가오는 가을학기에 다음 과목들을 들을 예정이 있는지 생각해 보자: 정서심리학, 성격심리학, 발달심리학, 인지심리학. (-필자가 다니던 대학에서는 이 중 성격심리학을 제외한 과목들, 혹은 유사한 과목들이 2학기에 전부 개설되었다.-) 만약 예정에 있다면, 반농담, 반진담으로 말하는데 영화 &lt;인사이드 아웃&gt;이 상영관에서 내려지기 전에 봐 두는 쪽이 좋을지도 모른다. 당신의 지도 교수는 높은 확률로 수업 시간에 이 영화를 언급하거나, 운이 나쁠(?) 경우 이 영화의 감상문을 과제로 제출하라고 할지도 모르니까.&lt;br /&gt;
&lt;br /&gt;
&lt;인사이드 아웃&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;
기본 정서, 혹은 1차(primary) 정서란 전 인류가 거의 선천적으로 타고나는, 생애 기초 단계에서 나타내는 정서이다. 이는 사회적으로 습득하는 사회적 정서, 혹은 2차 정서와 구별되는 정서이다. 기본 정서의 수는 학자마다 다르게 규정하는데, 영화와 같이 &#39;기쁨&#39;, &#39;슬픔&#39;, &#39;공포&#39;, &#39;혐오&#39;, &#39;분노&#39;의 5가지로 규정하는 경우도 있고, 여기에 &#39;당혹감 또는 수치심&#39;을 더하여 6가지로 규정하는 경우도 있다.&lt;br /&gt;
&lt;br /&gt;
이 영화에는 &#39;기쁨&#39;과 &#39;슬픔&#39;이 정서들 중 가장 먼저 나타나는데, 이는 실제로 정서 발달상 상당히 일리 있는 순서이다. &#39;슬픔&#39;에 대해, 아이는 태어날 때부터 불편할 때 울음을 터뜨리며, 또한 다른 아이가 울 때 따라 우는 &#39;공감 울음&#39;과 같은 현상을 나타낸다. &#39;기쁨&#39;에 대해, 아이는 약 3주경부터 웃는 표정을 짓게 되고, 6주에서 8주 사이에는 타인의 미소를 보고 따라하는 &#39;사회적 미소&#39;를 나타낸다(영화와 달리 이런 미소가 너무 늦게 나타나는 것 같지만, 갓 태어난 아이는 시력이 매우 나쁘기 때문에 타인의 미소를 &#39;보고 따라하려면&#39; 어느 정도 시간이 필요하다는 것을 감안해야 한다). 이런 식으로 기쁨과 슬픔(또는 괴로움)은 생의 극초기에 이미 나타나는 정서라고 할 수 있다.&lt;br /&gt;
&lt;br /&gt;
이어 짚고 넘어가야 할 것은 각 정서들의 유용성 혹은 장단점이다. 모든 정서에는 그 역할이 있으며, 그리고 부작용도 있다. 기쁨은 어떤 일을 하게 하는 원동력을 제공하지만, 한편으로는 지나친 낙관주의는 주어진 정보를 무시하고 자신의 능력을 과신함으로써 성급한 판단을 내리게 할 수 있다. 반면 슬픔은 에너지가 감소되었음을 나타내는 주요 신호이지만, 동시에 잠시 쉬어가며 주어진 정보들을 한차례 더 살피게 한다. &lt;인사이드 아웃&gt;에서도 &#39;기쁨&#39;은 일단 무조건 앞으로 나아가려고 하는 반면, &#39;슬픔&#39;은 자신이 가진 정보와 주변 정보를 조합하여 더욱 신중한 판단을 내리려고 한다. 1차 정서로서의 슬픔(또는 우울)의 가장 주된 역할은 여기에, 즉 우리에게 브레이크를 걸어주는 데에 있다.&lt;br /&gt;
기쁨, 슬픔에 더해, 영화에서와 마찬가지로 공포나 혐오(특히 신체적, 물리적 혐오)는 인간이 위험한 자극을 피하고, 생물학적으로, 또는 사회적으로 알맞게 대처할 수 있도록 한다. 독버섯의 징그러운 모양에 아무런 반응을 보이지 않거나, 또는 독버섯을 먹고 죽은 사람을 보고도 그 다음에 겁도 없이 독버섯을 집어든다면 인간은 진작에 멸종했을 것이다. 그러나 영화 속 &#39;공포&#39;가 그러했듯이 과도한 공포는 &#39;공포증&#39;이라는 이름으로 심리학의 치료 대상이 된다. 분노는 내가 어떤 것을 원하고, 원치 않는다는 것을 표현하도록 도움을 준다. 혼자만의 시간을 갖고 싶어했던 레일리처럼. 단, 레일리와 레일리의 머릿속 세계가 그랬듯, 지나친 분노(또는 공격성) 표현은 자신의 성격 및 인간관계를 영원히 망칠 수 있다.&lt;br /&gt;
&lt;br /&gt;
마지막으로 한 가지 흥미로운 사실은, 이 영화는 말미에서 동물의 기초 정서에 대해서도 짧게나마 언급했다는 것이다. 강아지나 고양이를 키워보면 알 수 있듯 동물 역시 몇 가지 기초 정서가 있다. 단 영화에서와 달리, 그것이 인간과 같이 5개 내지 6개 범주로 나뉠 수 있는지에 대해서는 의문이 제기된다.&lt;br /&gt;
&lt;br /&gt;
굳이 한 가지 흠을 짚고 넘어가자면, 엄밀히 말해 일정 연령 이상인 사람들의 머릿속에는 5개 정서 외에도 수많은 정서가 살고 있어야 한다. 아까 말했듯, 사람에게는 1차 정서 외에 다양한 2차 정서가 나타나기 때문이다. 질투, 부러움, 죄책감, 자랑스러움, 동경, 연애감정, 감사, 안도감 등이 그것이다(-더 알고 싶다면 검색 사이트에서 &#39;mood map&#39;과 같은 키워드를 검색하기를 바란다-). 게다가 영화 말미에 나왔듯이 이들은 한 가지 경험에 대해 복합적으로 작용하기도 한다. 물론, 그것들을 모두 캐릭터로 구현하려고 했다가는 이 영화는 세상에 나오지 못했을 것이므로, 현실적인 관점에서 필자는 이 정도로 수준 높게 심리학적 개념들을 묘사한 영화가 무사히 개봉된 것에 감사한다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
학습과 기억, 인지심리학: 기억에 대한 몇 가지 개념들&lt;br /&gt;
&lt;br /&gt;
&lt;인사이드 아웃&gt;에서 주로 등장하고, 여기서 언급하고자 하는 기억 개념들은 다음과 같다. &#39;장기 기억&#39;과 &#39;망각.&#39;&lt;br /&gt;
&lt;br /&gt;
심리학 연구에서는 &#39;단기 기억&#39;과 &#39;장기 기억&#39;이 구분된다는 것을 오래전부터 실험으로 밝혀 왔다. &#39;단기 기억&#39;은 말 그대로 아주 잠깐 기억했다가 금방 잊히는 기억이며, &#39;장기 기억&#39;은 좀 더 오래 지속되는 기억이다(-컴퓨터로 치면 RAM과 ROM의 차이로 보면 된다-).&lt;br /&gt;
&lt;br /&gt;
단, &lt;인사이드 아웃&gt;에서 본부에 남아 있던 기억들은 아직 &#39;장기 기억 저장소&#39;로 옮겨지지 않았을 뿐 이미 장기 기억에 속한다. 인지적으로 단기 기억은 약 15초에서 30초간 지속되는 매우 짧은 기억으로, 예컨대 치킨집에 전화하려고 인터넷으로 전화번호를 찾아본 뒤 휴대폰에 그것을 입력하기까지 기억하는 그런 정도의 기억이다. 당신이 그 번호를 일부러 계속 외우거나 해서 장기 기억으로 옮기지 않는 한, 치킨집 전화번호는 당신이 통화 버튼을 누르는 순간 잊힐 것이다. &lt;인사이드 아웃&gt;에서처럼 레일리가 깊은 인상을 받고 저장하려고 하는 기억이라면 그것은 이미 장기 기억이라고 봐도 좋다.&lt;br /&gt;
&lt;br /&gt;
&#39;망각&#39;은 이렇게 저장해둔 기억을 더 이상 기억해낼 수 없는 현상이다. 그러나 엄밀히 말해서, &lt;인사이드 아웃&gt;에서 가장 이론과 다른 부분은 바로 &#39;망각된 기억&#39;에 대한 묘사이다. 논란이 있기는 하지만, 일각에 따르면 기억은 영화에서 나온 것처럼 완전히 부서지거나 사라지지 않는다. &#39;망각&#39;이란 기억이 사라지는 것이 아니라, 아직 기억하고 있는 것을 출력할 수 없는 현상이다. 예컨대 당신이 완전히 잊었다고 생각한 노래의 멜로디가 어느 날 갑자기 떠오르는 그런 경험들이 그 증거이다. 영화가 &#39;망각&#39;을 제대로 묘사하려고 했다면, 잊혀진 기억들은 망각의 골짜기에 떨어진 후 부서지는 대신 영원히 그곳에 남아 있어야 한다(-그리고 만약 그런 식으로 묘사했다면 이 영화는 훨씬 잔인해졌을 것이다-).&lt;br /&gt;
&lt;br /&gt;
또 한 가지, 장기 기억은 &#39;일화 기억(episodic memory)&#39;과 &#39;의미 기억(semantic memory)&#39;으로 나뉜다. &#39;일화 기억&#39;은 자서전적 기억, 즉 자신이 경험한 인생의 독특한 주요 사건들에 대한 기억이며, &#39;의미 기억&#39;은 제반 지식, 즉 수학 공식이나 어휘와 같이 보편적으로 사용할 수 있는 지식에 대한 기억이다. 다시 말해 영화에 나온 레일리의 기억들은 전부 &#39;일화 기억&#39;에 속하는 것들이다. 아마도 기억을 정서와 연관지으려고 하는 과정에서 개인의 정서와는 그다지 관련이 없는 &#39;의미 기억&#39;들은 묘사할 필요가 없었을 것이다.&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;
[글] 문화뉴스 아띠에터 이호양 ctiger661@munhwanews.com습작가 겸 대중문화소비자이자 작가.&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
관련채팅 7개&lt;br /&gt;
#TALK(34)#애니메이션(New)#인사이드(New)#심리학(New)#아웃(New)#영화(7)</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/5062116989873919560/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post_20.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/5062116989873919560'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/5062116989873919560'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post_20.html' title='[스크랩] 영화평 &#39;인사이드 아웃&#39;, 심리학도가 보고 심리학도에게 권하는 영화'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-140729065669916984</id><published>2015-07-20T10:17:00.000+09:00</published><updated>2015-07-20T10:17:01.187+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="민원"/><category scheme="http://www.blogger.com/atom/ns#" term="세월호"/><category scheme="http://www.blogger.com/atom/ns#" term="연금"/><title type='text'>세월호 기간제 교사 순직처리에 대한 인사혁신처의 답변...</title><content type='html'>피민원인 정보&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;
담당자(연락처) 장상만 (02-2100-6889) 신청번호 1AA-1507-064999&lt;br /&gt;
접수일 2015-07-13 10:21:27 처리기관 접수번호 2AA-1507-139018&lt;br /&gt;
처리 예정일 2015-07-28 23:59:59&lt;br /&gt;
※ 민원처리기간은 최종 민원 처리기관의 접수일로부터 보통 7일 또는 14일입니다.&lt;br /&gt;
    (해당 민원을 처리하는 소관 법령에 따라 달라질 수 있음)&lt;br /&gt;
처리결과(답변내용)&lt;br /&gt;
답변일 2015-07-17 13:52:33&lt;br /&gt;
처리결과(답변내용) &lt;br /&gt;
안녕하십니까?  &lt;br /&gt;
귀하께서 제기하신 교육부도 인정했고 판례도 있는 사항인데 부득불 기간제교사의 순직 처리를 인정하지 않는 이유가 무엇인지에 대하여 다음과 같이 답변을 드립니다.  &lt;br /&gt;
참으로 안타까운 마음입니다만, 공무원연금법상 공무원은 &#39;상시 공무에 종사하는 국가공무원법․지방공무원법․그 밖의 법률에 따른 공무원에 해당하는 자&#39;를 의미하는데,  &lt;br /&gt;
기간제 교원은 교육공무원법에 따라 예산의 범위에서 기간(1년 이내, 필요시 3년의 범위에서 연장)을 정하여 한시적으로 채용되는 사람이고 신분 보장과 업무수행 계속성이 보장되지 아니하므로,  &lt;br /&gt;
채용 당시부터 정규 교원에게 적용되는 ｢공무원연금법(연금+퇴직수당+재해보상)｣이 아니라, ｢국민연금법+근로자퇴직급여보장법+산업재해보상보험법+고용보험법｣의 적용을 받아 왔습니다. &lt;br /&gt;
그 결과, 국민연금․산재보험 등 4대보험에 가입되어 있는 기간제 교원의 직무상 사망(순직)의 경우에는 공무원연금법이 아니라 산재보험법상 순직인 ‘업무상 사망’에 따른 보상(유족급여, 장의비 등)이 이루어집니다. &lt;br /&gt;
답변내용에 대하여 궁금한 사항이 있으시면 연금복지과(담당자 장상만 : 전화 02- 2100-6889 또는 jsangman@korea.kr)로 문의하여 주시면 성의껏 답변하여 드리겠습니다.  &lt;br /&gt;
귀하의 무궁한 발전을 기원합니다.  끝.&lt;br /&gt;
첨부파일 첨부파일이 없습니다.</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/140729065669916984/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/140729065669916984'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/140729065669916984'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/blog-post.html' title='세월호 기간제 교사 순직처리에 대한 인사혁신처의 답변...'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-1244543524099606428</id><published>2015-07-07T09:34:00.000+09:00</published><updated>2015-07-07T09:39:43.511+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="meta"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile web"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile web app"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="웹 개발"/><title type='text'>웹 앱용 html head 부분 정리</title><content type='html'>웹 앱용 html head 부분 정리&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;white-space: pre-wrap; word-wrap: break-word;&quot;&gt;      
      
      
      
      &lt;!--[if lt IE 9]&gt;&lt;script src=&quot;http://tm.toy.interpark.com/js/shop/html5.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;&lt;!--&lt;link rel=&quot;stylesheet&quot; href=&quot;http://tm.toy.interpark.com/css/common.shop6_0520.css&quot;&gt;--&gt;&lt;!--&lt;link rel=&quot;stylesheet&quot; href=&quot;/css/common.shop_new_0520.css&quot;&gt;--&gt;&lt;!--&lt;link rel=&quot;stylesheet&quot; href=&quot;/css/mypage_0520.css&quot;&gt;--&gt;
      &lt;link href=&quot;/img/shop/common/icon_shop@2x.png&quot; rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;114x114&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;/img/shop/common/icon_shop72x72.png&quot; rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;72x72&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;/img/shop/common/icon_shop.png&quot; rel=&quot;apple-touch-icon-precomposed&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;/img/shop/common/icon_shop.png&quot; rel=&quot;apple-touch-icon&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;//www.google-analytics.com&quot; rel=&quot;dns-prefetch&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;//openimage.interpark.com&quot; rel=&quot;dns-prefetch&quot;&gt;&lt;/link&gt;
      &lt;link href=&quot;/img/shop/common/favicon.ico&quot; rel=&quot;shortcut icon&quot;&gt;&lt;/link&gt;
&lt;/pre&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/1244543524099606428/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/html-head.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1244543524099606428'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/1244543524099606428'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/html-head.html' title='웹 앱용 html head 부분 정리'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-8196485205798653347</id><published>2015-07-06T21:27:00.001+09:00</published><updated>2015-07-06T21:27:18.611+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="expression"/><category scheme="http://www.blogger.com/atom/ns#" term="단어"/><category scheme="http://www.blogger.com/atom/ns#" term="벼랑영어"/><category scheme="http://www.blogger.com/atom/ns#" term="속청"/><category scheme="http://www.blogger.com/atom/ns#" term="영어"/><title type='text'>벼랑영어 사후 학습 속청 스크랩 POEM&#39;S SIMPLE TRUTH BENEFITS FAMILY THROUGH GENERATIONS</title><content type='html'>출처:&amp;nbsp;&lt;a href=&quot;http://www.dailyenglish.com/a_home/freelisten.php&quot;&gt;http://www.dailyenglish.com/a_home/freelisten.php&lt;/a&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;POEM&#39;S SIMPLE TRUTH BENEFITS FAMILY 
THROUGH GENERATIONS&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;http://www.dailyenglish.com/_sys/_upload/archive_img/abby.jpg&quot; /&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;Script&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
DEAR ABBY: When I was growing up, my parents had a framed 
poem from your column hanging on our &lt;strong&gt;kitchen&lt;/strong&gt; wall. None of us 
kids could miss it because it was right next to the telephone. Before we moved 
out to start families of our own, Mom gave each of us framed copies of it to 
remind us of family values.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;Won&#39;t you please run it again for your readers? The title 
of the poem was &quot;Success.&quot; Young couples today would find it as beneficial as my 
parents did. It worked for my sisters and brothers and me. -- MIMI IN LOS 
ANGELES&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;Today&#39;s 
Expression&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: #cc3333;&quot;&gt;kitchen&lt;/span&gt;&lt;/strong&gt;: Here’s a saying: If you can’t stand the 
heat, get out of the kitchen. This is used as a way to tell someone that they 
should either stop complaining about a difficult or unpleasant activity, or stop 
doing it.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;What Abby Has To 
Say&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;DEAR MIMI: I&#39;m glad to oblige. The poem, which was penned 
by Martin Buxbaum, is included in my &quot;Keepers&quot; booklet, which is a collection of 
favorite letters, poems and essays that have appeared in this column over the 
years. It was assembled because so many readers said the items were meaningful 
to them, and requested that they be compiled as a booklet. &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;SUCCESS&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;You can use most any measure&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;When you&#39;re speaking of success.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;You can measure it in fancy home,&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;Expensive car or dress.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;But the measure of your real success&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;Is the one you cannot spend.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;It&#39;s the way your kids describe you&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;When they&#39;re talking to a friend.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;The booklet is titled &quot;Keepers&quot; because so many Dear Abby 
readers kept the poems, essays and letters to re-read. It can be ordered by 
sending your name and mailing address, plus check or money order for 
$6.&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Words &amp;amp; 
Expressions&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;frame 액자로 만들다&lt;br /&gt;poem 시&lt;br /&gt;hang on ~에 걸다&lt;br /&gt;miss 놓치다 
&lt;br /&gt;move out 이사 가다&lt;br /&gt;remind of 상기시키다&lt;br /&gt;family values 가훈&lt;br /&gt;beneficial 유익한, 
이로운&lt;br /&gt;oblige ~의 소원을 들어주다 &lt;br /&gt;assemble 모으다 &lt;br /&gt;compile 편집하다, 수집하다 &lt;br /&gt;money 
order 우편환&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Translation&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;시에서 읽은 간단한 진실이 한 가족의 여러 세대에게 도움을 줍니다.  
&lt;/strong&gt;     &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;애비에게&lt;/strong&gt; &lt;br /&gt;제가 어렸을 때, 저희 부모님은 애비의 컬럼에서 소개 된 
시 한 편을 액자로 만들어 부엌 벽에 걸어 두었어요. 그 액자는 전화기 바로 옆에 있었기 때문에 우리 형제 중 누구도 그 시를 읽지 않을 수 
없었어요. 각자의 가정을 꾸리기 위해 분가하기 전에 어머니께서 우리 모두에게 우리 집 가훈을 상기시켜주기 위해 그 시의 복사본을 액자에 넣어 
주셨어요. &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;독자들을 위해 그 시를 한 번 더 낭독해주시지 않겠어요? 시의 제목은 “성공”이었어요. 우리 부모님이 
그러셨던 것처럼 오늘날의 젊은 부부들도 이 시를 보고 많은 도움을 얻을 거에요. 여동생들과 남동생들, 그리고 저에게도 매우 유익했어요&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
로스앤젤러스에서 미미가 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;미미에게&lt;/strong&gt; &lt;br /&gt;이런 부탁을 들어 주게 되어 기뻐요. 마틴 북스바움이 쓴 
이 시는 “킵퍼스”라는 책자에 실려 있어요. 지난 몇 년간 컬럼에 소개된 좋은 편지, 시, 에세이 등을 모아 놓은 책자에요. 모아서 책자로 
만들어 둔 이유는 이 작품들이 많은 독자들에게 매우 의미 있다는 이야기를 들었고, 하나의 책자로 편집해 달라는 요청을 받았기 때문이에요.  
&lt;/div&gt;
&lt;span style=&quot;line-height: 160%;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;

&lt;/span&gt;&lt;/b&gt;






















&lt;/span&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;“킵퍼스”라는 이름을 붙인 이유는 많은 디어 애비 독자들이 여기에 실린 시, 에세이, 편지 등을 다시 
읽으려고 보관해 두었기 때문이에요. 성함과 주소를 적어 보내시면 책을 주문하실 수 있어요. 수표나 우편환으로 6달러 입니다.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/8196485205798653347/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/poems-simple-truth-benefits-family.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8196485205798653347'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/8196485205798653347'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/poems-simple-truth-benefits-family.html' title='벼랑영어 사후 학습 속청 스크랩 POEM&#39;S SIMPLE TRUTH BENEFITS FAMILY THROUGH GENERATIONS'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-751119345488973593</id><published>2015-07-06T21:26:00.001+09:00</published><updated>2015-07-06T21:26:06.862+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="expression"/><category scheme="http://www.blogger.com/atom/ns#" term="단어"/><category scheme="http://www.blogger.com/atom/ns#" term="벼랑영어"/><category scheme="http://www.blogger.com/atom/ns#" term="스크랩"/><category scheme="http://www.blogger.com/atom/ns#" term="영어"/><title type='text'>벼랑영어 사후 학습 속청 스크랩 CRUISING WITH OLD DATE MAY CAUSE FRICTION WITH &#39;MR. NEW&#39; </title><content type='html'>&lt;div align=&quot;justify&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;출처:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://www.dailyenglish.com/a_home/freelisten.php&quot;&gt;http://www.dailyenglish.com/a_home/freelisten.php&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;CRUISING WITH OLD DATE MAY CAUSE 
FRICTION WITH &#39;MR. NEW&#39;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;305&quot; src=&quot;http://www.dailyenglish.com/_sys/_upload/archive_img/abby.jpg&quot; width=&quot;193&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;Script&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
DEAR ABBY: I am a single woman who dates and is not in a 
serious relationship right now. I&#39;m enjoying my life, having fun, but have met 
someone along the way who is becoming important. I&#39;m getting the same vibes from 
him.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
Before meeting &quot;Mr. New,&quot; I booked a Caribbean vacation with 
someone I have dated off and on for a few years. Now I&#39;m worried. What if things 
progress with Mr. New? How will I tell him, and how will he feel about my going 
on vacation with &quot;&lt;b&gt;Mr. Standby&lt;/b&gt;&quot;? I don&#39;t think lying is the answer, but I 
could say I was going with a girlfriend. But what if we become something more 
and he finds out I lied to him?&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
The trip is coming up soon and I don&#39;t know when -- or if -- 
I should tell Mr. New. Who knows? We could be over by then, although I hope not. 
Any advice would be appreciated. -- SINGLE GIRL IN PINE HILL, N.J.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;Today&#39;s 
Expression&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: #009966;&quot;&gt;Mr. 
Standby&lt;/span&gt;&lt;/strong&gt;: A standby is something which is always ready for use, 
especially if a regular one fails. Mr. Standby would be that sort of 
person.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;What Abby Has To 
Say&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;DEAR SINGLE GIRL: I&#39;m surprised you would still be 
enthusiastic about &quot;tripping&quot; with Mr. Standby while you&#39;re falling for Mr. New. 
Do not lie. The truth has a way of coming out, and if you do, it will wreck your 
credibility and the romance as well.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
I advise you to level with Standby and let him know you met 
someone. He needs to find another travel companion ASAP. There will probably be 
a penalty for assigning your pre-purchased ticket to someone else. If there is, 
offer to pay it. It&#39;s the price of being honorable.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
P.S. If Mr. New does not turn out to be Mr. Right, you can 
always take another trip with Mr. Standby next year if he is still willing to 
date you. (However, if he reads Dear Abby and recognizes that you consider him 
only &quot;Mr. Standby,&quot; he may not be.)&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;Words &amp;amp; 
Expressions&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;br /&gt;cruise 여행하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
cause friction with ~와의 마찰을 일으키다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
have fun 즐겁게 지내다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
along the way 도중에&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
vibe 분위기, 느낌&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
book ~을 예약하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
off and on 간헐적으로 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
what if ~라면 어떻게 할까?&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
find out ~을 알게 되다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
lie to sb ~에게 거짓말하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
trip 여행&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
appreciate ~을 감사하게 생각하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
be enthusiastic about ~에 열중하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
fall for ~을 좋아하게 되다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
level with sb ~에게 솔직하게 얘기하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
wreck ~을 망치다, 파괴하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
credibility 신용, 신뢰성&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
companion 동반자&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
have a way of doing ~하기 마련이다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
penalty for ~에 대한 벌금&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
the price 대가, 희생&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
honorable 명예로운, 올바른&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
turn out to be ~으로 드러나다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
be willing to do 기꺼이 ~하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
take a trip with ~와 여행하다&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;color: blue;&quot;&gt;Translation&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;오랜 데이트 
상대와의 여행 때문에 새로 만난 남성과 마찰이 일어날 수 있다&lt;/strong&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
전 미혼 여성으로 현재 데이트를 하지만 진지한 관계는 아닙니다. 전 제 삶을 즐기며 재미있게 지내고 있어요. 
그런데 그러던 도중에 제게 중요한 사람이 되어가고 있는 한 사람을 만났지요. 전 그에게서도 저와 똑같은 느낌을 받고 있어요.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
이 새로운 남자를 만나기 전에, 몇 년 동안 데이트를 가끔 했던 남자와 카리브해 휴가 여행을 예약했죠. 전 
지금 걱정이 돼요. 새로 만난 남자와 관계가 진전되면 어떻게 하나요? 제가 이 남자에게 어떻게 얘기할까요? 그리고 그는 제가 대기남과 여행 가는 
것에 대해 어떻게 생각할까요? 거짓말은 해답이 아니라고 생각해요. 여자친구와 갈 거라고 말할 수도 있어요. 하지만, 우리가 좀더 중요한 존재가 
되고 제가 그에게 거짓말을 했다는 사실을 그가 알게 되면 어떻게 하나요? &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
여행이 곧 다가오지만, 제가 새로 만난 남자에게 언제 얘기해야 할지 아니면 얘기를 해야 할지 말아야 할지 
모르겠어요. 누가 알겠어요? 제가 바라는 바는 아니지만 우리가 그 때에는 끝날 수도 있잖아요. 어떤 조언이라도 해주시면 감사하겠어요. -- 
뉴저지주 파인힐에서 싱글 여성이&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
싱글 여성께: 당신이 새로 만난 남자를 좋아하면서 아직도 대기남과의 여행에 관심을 가지고 있다는 사실이 
놀랍네요. 거짓말은 하지 마세요. 진실은 밝혀지기 마련인데, 거짓말을 하면 사랑은 물론 당신에 대한 신뢰에도 손상이 갈 거에요.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
조언을 드리자면, 대기남에게 솔직하게 얘기해서 당신이 남자를 만났다는 사실을 알도록 하세요. 그분은 여행을 
같이 갈 다른 사람을 되도록 빨리 찾아야겠지요. 미리 구입한 티켓을 다른 사람에게 양도할 경우 벌금이 있을 거에요. 그럴 경우, 그 비용을 
내겠다고 하세요. 그것이 자신의 품위를 지키는 대가에요.&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
 &lt;/div&gt;
&lt;span style=&quot;line-height: 160%;&quot;&gt;























































&lt;/span&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;
덧붙이는 말: 새로 만난 남성이 당신에게 적합한 사람이 아니게 될 경우, 내년에 그 대기남과 또 다른 여행을 
언제라도 갈 수 있습니다. 그가 당신과 아직 데이트할 의향이 있다면요. (하지만 그가 제 칼럼을 읽고 당신이 자신을 대기남으로만 여긴다는 사실을 
알게 되면, 당신과 데이트하고 싶지 않을 수도 있겠네요.)&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/751119345488973593/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/07/cruising-with-old-date-may-cause.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/751119345488973593'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/751119345488973593'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/07/cruising-with-old-date-may-cause.html' title='벼랑영어 사후 학습 속청 스크랩 CRUISING WITH OLD DATE MAY CAUSE FRICTION WITH &#39;MR. NEW&#39; '/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4839381235702124336.post-7421225541403245170</id><published>2015-06-26T13:39:00.002+09:00</published><updated>2015-06-26T13:39:09.729+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="디자인"/><category scheme="http://www.blogger.com/atom/ns#" term="포토샵"/><title type='text'>포토샵 강좌 150704 ~ 150726</title><content type='html'>포토샵 강좌 150704 ~ 150726&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;clearfix _5x46&quot; style=&quot;background-color: white; color: #141823; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 16.0799999237061px; margin-bottom: 11px; zoom: 1;&quot;&gt;
&lt;div class=&quot;_3dp _29k&quot; style=&quot;display: table-cell; vertical-align: top; width: 10000px;&quot;&gt;
&lt;div class=&quot;_6a&quot; style=&quot;display: inline-block;&quot;&gt;
&lt;div class=&quot;_6a _6b&quot; style=&quot;display: inline-block; vertical-align: middle;&quot;&gt;
&lt;h5 class=&quot;_5pbw&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;C&amp;quot;}&quot; style=&quot;font-size: 14px; font-weight: normal; line-height: 1.38; margin: 0px 0px 2px; overflow: hidden; padding: 0px 22px 0px 0px;&quot;&gt;
&lt;div class=&quot;fwn fcg&quot; style=&quot;color: #9197a3;&quot;&gt;
&lt;span class=&quot;fcg&quot;&gt;&lt;span class=&quot;fwb&quot; style=&quot;font-weight: bold;&quot;&gt;&lt;a class=&quot;profileLink&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;l&amp;quot;}&quot; data-hovercard=&quot;/ajax/hovercard/user.php?id=100001538348068&quot; href=&quot;https://www.facebook.com/yangbuk84&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot;&gt;양태호&lt;/a&gt;&lt;/span&gt;님이&amp;nbsp;&lt;a class=&quot;profileLink&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;k&amp;quot;}&quot; data-hovercard=&quot;/ajax/hovercard/page.php?id=269427689893064&quot; href=&quot;https://www.facebook.com/yesulnori&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot;&gt;예술놀이&lt;/a&gt;님의&amp;nbsp;&lt;a class=&quot;profileLink&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;E&amp;quot;}&quot; href=&quot;https://www.facebook.com/yesulnori/photos/a.272273566275143.1073741827.269427689893064/468641466638351/?type=1&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot;&gt;사진&lt;/a&gt;을 공유했습니다.&lt;/span&gt;&lt;/div&gt;
&lt;/h5&gt;
&lt;div class=&quot;_5pcp&quot; style=&quot;color: #9197a3; position: relative;&quot;&gt;
&lt;span class=&quot;fsm fwn fcg&quot;&gt;&lt;a class=&quot;_5pcq&quot; href=&quot;https://www.facebook.com/yangbuk84/posts/976541415740461&quot; style=&quot;color: #9197a3; cursor: pointer; text-decoration: none;&quot; target=&quot;&quot;&gt;55분&lt;/a&gt;&lt;/span&gt;&amp;nbsp;·&amp;nbsp;&lt;div class=&quot;_6a _43_1 _4f-9 _nws&quot; id=&quot;u_jsonp_25_7&quot; style=&quot;display: inline-block; left: -3px; margin-bottom: -4px; margin-top: -5px; position: relative;&quot;&gt;
&lt;div class=&quot;_6a uiPopover&quot; id=&quot;u_jsonp_25_8&quot; style=&quot;display: inline-block;&quot;&gt;
&lt;a aria-expanded=&quot;false&quot; aria-haspopup=&quot;true&quot; aria-label=&quot;전체 공개&quot; class=&quot;_42ft _4jy0 _55pi _5vto _55_p _2agf _p _1zg8 _4jy3 _517h _51sy _59pe&quot; data-hover=&quot;tooltip&quot; data-tooltip-alignh=&quot;right&quot; href=&quot;https://www.facebook.com/yangbuk84/posts/976541415740461?notif_t=like#&quot; id=&quot;u_jsonp_25_9&quot; rel=&quot;toggle&quot; role=&quot;button&quot; style=&quot;-webkit-box-shadow: none; -webkit-font-smoothing: antialiased; background: none 0px -21px; border-radius: 2px; border: 1px solid transparent; box-sizing: content-box; color: #627aad; cursor: pointer; display: block; font-weight: bold; line-height: 22px; max-width: 25px; padding: 0px 3px; position: relative; text-align: center; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle; white-space: nowrap; word-wrap: normal;&quot;&gt;&lt;span class=&quot;_55pe&quot; style=&quot;display: inline-block; max-width: 11px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom;&quot;&gt;&lt;i class=&quot;mrs img sp_T1ZsogA4Y5H sx_88a4cf&quot; style=&quot;background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yh/r/WjV3sPh4EQ8.png); background-position: -13px -30px; background-repeat: no-repeat; background-size: auto; bottom: 1px; display: inline-block; height: 12px; margin-right: 5px; position: relative; vertical-align: middle; width: 12px;&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;i class=&quot;_3-99 img sp_SGyckCtWV0w sx_dcf537&quot; style=&quot;background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y1/r/u26uNz_Vbvf.png); background-position: -167px -441px; background-repeat: no-repeat; background-size: auto; bottom: 1px; display: inline-block; height: 8px; margin-left: 4px; position: relative; vertical-align: middle; width: 9px;&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;_5pbx userContent&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;K&amp;quot;}&quot; style=&quot;background-color: white; color: #141823; font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 1.38; overflow: hidden;&quot;&gt;
&lt;div style=&quot;display: inline;&quot;&gt;
실무만 17년 한 능력자에게 포토샵을 배울 수 있는 기회&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #141823; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 16.0799999237061px;&quot;&gt;
&lt;div data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;H&amp;quot;}&quot;&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;_5r69&quot; style=&quot;max-width: initial;&quot;&gt;
&lt;div class=&quot;mtm&quot; style=&quot;margin-top: 10px;&quot;&gt;
&lt;div data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;H&amp;quot;}&quot;&gt;
&lt;div class=&quot;mtm&quot; style=&quot;margin-top: 10px;&quot;&gt;
&lt;div class=&quot;_5cq3&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;E&amp;quot;}&quot; style=&quot;position: relative;&quot;&gt;
&lt;a ajaxify=&quot;/yesulnori/photos/a.272273566275143.1073741827.269427689893064/468641466638351/?type=1&amp;amp;src=https%3A%2F%2Ffbcdn-sphotos-f-a.akamaihd.net%2Fhphotos-ak-xpf1%2Ft31.0-8%2F11057697_468641466638351_8240854664026201799_o.jpg&amp;amp;smallsrc=https%3A%2F%2Ffbcdn-sphotos-f-a.akamaihd.net%2Fhphotos-ak-xfp1%2Fv%2Ft1.0-9%2F11667297_468641466638351_8240854664026201799_n.jpg%3Foh%3D3fd41ba50075a34b41f36f9b643614a3%26oe%3D56249B8A%26__gda__%3D1441154051_056a0b185390f086039edc1bb31461c0&amp;amp;size=1439%2C2048&amp;amp;fbid=468641466638351&amp;amp;player_origin=story_view&quot; class=&quot;_4-eo&quot; href=&quot;https://www.facebook.com/yesulnori/photos/a.272273566275143.1073741827.269427689893064/468641466638351/?type=1&quot; rel=&quot;theater&quot; style=&quot;-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px; color: #3b5998; cursor: pointer; display: block; position: relative; text-decoration: none; width: 276px;&quot;&gt;&lt;div class=&quot;uiScaledImageContainer _4-ep&quot; id=&quot;u_jsonp_25_6&quot; style=&quot;height: 394px; overflow: hidden; position: relative; width: 276px;&quot;&gt;
&lt;img alt=&quot;예술놀이님의 사진.&quot; class=&quot;scaledImageFitHeight img&quot; height=&quot;394&quot; src=&quot;https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/s526x395/11667297_468641466638351_8240854664026201799_n.jpg?oh=74b9e244ed22105f29ba5f296f0fe8ad&amp;amp;oe=55EAA1D5&amp;amp;__gda__=1444974821_5d93c0ba1b2cfb63f95969eebba4330e&quot; style=&quot;border: 0px; height: 394px; left: 0px; min-height: 100%; position: relative; width: auto;&quot; width=&quot;277&quot; /&gt;&lt;/div&gt;
&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;mtm plm _5pcm&quot; style=&quot;border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 2px; margin-top: 10px; padding-left: 10px;&quot;&gt;
&lt;div class=&quot;mbs fwn fcg&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;C&amp;quot;}&quot; style=&quot;color: #9197a3; margin-bottom: 5px;&quot;&gt;
&lt;div class=&quot;_5pcn fwb&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;k&amp;quot;}&quot; style=&quot;font-weight: bold;&quot;&gt;
&lt;a href=&quot;https://www.facebook.com/yesulnori/photos/a.272273566275143.1073741827.269427689893064/468641466638351/?type=1&amp;amp;fref=nf&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot;&gt;예술놀이&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;mtm _5pco&quot; data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;K&amp;quot;}&quot; style=&quot;color: #666666; margin-top: 10px;&quot;&gt;
&lt;div style=&quot;margin-bottom: 1em; margin-top: 1em;&quot;&gt;
&quot;저건 포토샵으로 해서 저렇게 이쁜거야.&quot;&lt;br /&gt;　&lt;br /&gt;일을 할 때, 또 학교 과제를 할 때 항상 만났던&lt;br /&gt;&#39;내가 포토샵만 할 줄 알았더라도..!!&#39; 했던 아쉬움 가득한 순간들.&lt;br /&gt;　&lt;br /&gt;이제 그만 아쉬워하고 예술놀이와 함께 해요.&amp;nbsp;&lt;i class=&quot;_4-k1 img sp_fM-mz8spZ1b sx_5371b4&quot; style=&quot;background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yx/r/pimRBh7B6ER.png); background-position: 0px -340px; background-repeat: no-repeat; background-size: auto; display: inline-block; height: 16px; vertical-align: -3px; width: 16px;&quot;&gt;&lt;u style=&quot;left: -999999px; position: absolute;&quot;&gt;smile 이모티콘&lt;/u&gt;&lt;/i&gt;&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;&amp;lt;내가 원하던 포토샵 - 초급편 1기&amp;gt;&lt;br /&gt;　&lt;br /&gt;[함께 해요]&lt;br /&gt;- 수업, 공모전에서 발표 자료를 좀 더 멋있고 이쁘게 만들고픈 학생분들!&lt;br /&gt;- 디자이너의 부재로 온라인 디자인 툴에서 해매고 있는 스타트업 운영자분들!&lt;br /&gt;- 무조건 포토샵을 다룰 줄 알아야 하는 상황에 있는 신입사원분들!&lt;br /&gt;- 그 외 4주 만에 포토샵으로 능숙하게 작업을 하고 싶은 모든 분!&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;[일정]&lt;br /&gt;- 7월 4일(일) ~ 7월 25일(일) (총 4회)&lt;br /&gt;- 토요일 오전 11시 ~ 오후 1시&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;[장소]&lt;br /&gt;- 예술놀이 아지트(6호선 망원역 인근)&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;[수강료]&lt;br /&gt;- 10만원(4회 기준)&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;[세부 내용 및 신청서]&lt;br /&gt;- 링크:&amp;nbsp;&lt;a href=&quot;http://goo.gl/forms/Rq9pqMReiw&quot; rel=&quot;nofollow&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;http://goo.gl/forms/Rq9pqMReiw&lt;/a&gt;&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;[문의]&lt;br /&gt;- enjoy@yesulnori.com&lt;br /&gt;　&lt;br /&gt;　&lt;br /&gt;Play with Arts!&lt;br /&gt;&lt;a class=&quot;profileLink&quot; data-hovercard=&quot;/ajax/hovercard/page.php?id=269427689893064&quot; href=&quot;https://www.facebook.com/yesulnori&quot; style=&quot;color: #3b5998; cursor: pointer; text-decoration: none;&quot;&gt;예술놀이&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangbuk.blogspot.com/feeds/7421225541403245170/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangbuk.blogspot.com/2015/06/150704-150726.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/7421225541403245170'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4839381235702124336/posts/default/7421225541403245170'/><link rel='alternate' type='text/html' href='http://yangbuk.blogspot.com/2015/06/150704-150726.html' title='포토샵 강좌 150704 ~ 150726'/><author><name>양북84</name><uri>http://www.blogger.com/profile/01797854022262726338</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>