목록2018/09 (17)
키스세븐
[검색창 코드 소스와 검색창에 미리 입력된 검색어 - placeholder] 검색창 코드 소스 검색을 지원하는 사이트를 다니다 보면 검색창에 "검색어를 입력해 주세요" 같은 단어가 미리 입력되어 있는 것을 보게 됩니다. 이것은 placeholder 속성을 이용한 임시 검색어입니다. placeholder란 "간단한 힌트"라는 의미의 코드인데, 이것을 검색창 코드 소스에 사용하면 손 쉽게 미리 검색어를 입력해 놓을 수 있습니다. 그런데 사실은 검색창에 미리 검색어를 입력하는 과정보다 검색창을 만드는 것이 먼저 이루어져야 하므로 검색창 코드 소스를 먼저 작성하겠습니다. HTML이나 PHP 파일 등의 필요한 부분에 먼저 아래의 검색창 코드 소스를 입력해 봅시다. // 검색을 처리할 페이지로 검색어를 보내는 기능..
[윈도우10 정품인증 안 하면? - 윈도우10 설치 후 개인설정 팁] PC를 교체하거나 처음으로 윈10을 설치할 경우 정품 윈도우10을 설치하지 않으면 어떻게 되는지를 궁금해합니다. 그래서인지 연관검색어에는 "윈도우10 정품인증 안 하면?"이라는 검색어가 계속 랭크되고 있습니다. 윈도우10을 정품인증하지 않고 써도 될지에 대한 궁금증과 개인설정 제약에 대한 팁을 공유합니다. [엮인 글]윈도우10 배경화면 경로 위치 - 정품인증을 안하고 변경 불법 윈도우10을 구할 필요가 없다 소프트웨어의 정품 사용하기가 어느 정도 안착되면서 PC업체들은 가격을 낮추기 위해 '프리 도스'버전으로 판매합니다. 프리 도스란 까만 화면에 명령어만 입력이 가능한 구형 프로그램입니다. 만약 처음부터 윈도우10 설치가 되어 있길 원..
[네아로 - 네이버 개발자센터의 네이버 로그인 연동 신청 방법]최근에는 개인정보처리 등의 법률에 의해 회원가입을 받는 것도 사이트 관리의 부담입니다. 보안부터 각종 규정을 지켜야 하고 어떤 경우에는 비용도 꽤 많이 발생합니다. 그래서 사용하는 것 중에서 네아로는 네이버 개발자센터에서 제공하는 외부 로그인 서비스입니다. 흔히 네이버 로그인 연동 서비스라고 부르는데, 이미 네이버에 가입했다면 나의 홈페이지에 새로 가입하지 않고 네이버 아이디로 로그인을 할 수 있습니다. 네이버 로그인 네아로 신청 방법에 대한 설명입니다. [엮인 글]네이버 포스트와 블로그의 차이 - 네이버 포스트쓰기와 사용방법 네아로 네이버 로그인 신청방법 네이로는 네이버 API서비스이므로 네이버에서 신청해야 합니다. 즉, 네이버 로그인 연동..
[일본, 바람의 전화 - 죽은 자와의 통화를 한다는 명소]일본에서 바람의 전화라는 것이 화제가 됐었습니다. 죽은 자와 통화를 할 수 있다는 이 전화는 마치 한편의 애니메이션의 줄거리 같은 소재입니다. 처음 전화를 설치한 사람이나, 그곳을 찾는 사람이나 각각의 사연이 배어 있습니다. 일본 바람의 전화는 소리 소문 없이 명소가 된 듯합니다. [엮인 글]영화 너의 이름은, 줄거리 결말과 국내개봉, OST 등 정보 - 신카이 마코토 작품일본 바람의 전화일본의 정치는 과거의 잘못을 반성하지 못하는 나쁜 습성을 지녔지만, 개인들은 의외로 풋풋하고 애틋한 감성을 중요하게 생각하곤 합니다. 아마도 그래서 명작 애니메이션에 일본 작품이 많은가 봅니다. '너의 이름은', '언어의 정원', '초속 5센티미터' 같은 ..
[스크롤 때 상단 고정 코드 - 상단 고정 레이어 스크립트] 스크롤 때 상단 고정 코드 준비하기 요즘은 메뉴 등의 일부가 스크롤해도 상단에 고정되는 CSS가 많이 쓰이고 있습니다.웹브라우저에서의 상단 고정 레이어는 DIV나 nav 요소가 브라우저의 상단에 닿으면 먼춰 서서 계속 보이게 합니다.상단 고정 레이어 CSS는 PC에서 뿐만 아니라 모바일 홈페이지를 만들 때도 아주 유용하게 사용할 수 있습니다. 상단에 고정되는 레이어를 제작하기 위해서는 준비물 1개와 HTML, PHP 파일과 CSS파일, 이렇게 두 가지가 필요합니다. 스크롤 상단 고정 레이어 CSS를 시작하기 전에 먼저 준비해야 할 것이 있습니다. 그것은 jquery입니다. 제작 중에 사이트 내에 jquery파일을 업로드 하거나 웹링크로 불러온 ..
[애쉬튼 커쳐 - 쌍둥이 동생에 얽힌 자살 일화] 자신의 잘못이 아니더라도, 내 가족의 고통은 가슴이 아픕니다. 더구나 쌍둥이라면 더할 것입니다. 영화배우 애쉬튼 커쳐와 쌍둥이 동생 마이클 커쳐와의 사연이 그렇습니다. 애쉬튼 커쳐는 동생을 위해 자살까지 시도할 정도로 안쓰러움이 컸다고 합니다. 데미 무어의 남편 애쉬튼 커쳐로도 알려진 그의 일화를 뒤쫓아가 봅니다. [엮인 글] 영화 오즈의 마법사, 도로시 - 주디 갈란드의 비참한 인생 애쉬튼 커쳐 동생 마이클 커쳐 영화배우 '애쉬튼 커쳐'는 "나비효과", "발렌타인데이", "잡스" 등에 출연한 배우입니다. 우리에게는 1990년대를 휘어잡았던 데미 무어의 남편 애쉬튼 커쳐로 더 많이 알려져 있습니다. 애쉬튼 커쳐의 쌍둥이 동생은 장애우로 태어났습니다. 애쉬..
[게시판 목록 리스트 글자 크기, 본문 글자 크기 CSS로 조절하기 - 스킨 수정] 그누보드 스킨 수정 경로 한동안 한국의 사이트들은 작은 글씨, 오밀조밀한 배치가 유행했었습니다. 지금 보면 눈이 아파서 어떻게 사용했을까 할 정도로 촘촘하고 글자도 작습니다.물론 당시엔 모니터 해상도가 낮아서 지금보다 상대적으로 글자가 컸던 이유도 있습니다.그러나 그런 점을 감안하더라도 현재의 사이트들은 글자 크기가 많이 커졌습니다. 대부분의 게시판 목록과 본문 글자 크기는 CSS를 사용하여 한 번에 조절하고 있습니다.그누보드의 경우에도 마찬가지 입니다. 특정 부분에 CSS를 적용하는 것은 굳이 그누보드가 아니더라도 다 같으니, 스킨에 대해서 알아보도록 합시다. 그누보드에서 기본으로 적용된 스킨은 "그누보드5"를 기준으로..
[특정 페이지에서만 코딩 내용이 작동하는 if문] 특정 페이지에서만 코딩 내용이 작동하는 if문 다른 페이지에서는 모두 일관되게 작동해야 하지만, 특정 페이지에서만 다르게 작동하도록 해야 할 때가 있습니다. 예를 들자면, 메인페이지에서만 다른 동작을 하게 만든다거나, 특정 페이지마다 각각 특정한 이미지를 불러오게 한다거나, 특정 페이지마다 각각 다른 파일을 인클루드하는 등의 경우입니다. 이럴 때는 그 페이지의 주소URL와 현재 페이지의 파일명을 비교하도록 하면 됩니다. 일단 변수 $에 현재 URL주소를 담은 후 IF문을 통해서 같은지 검사합니다. 그리고 같은 파일명을 사용하는 주소URL이라면 { } 사이에 삽입된 코딩 내용을 실행하도록 하는 것입니다. 아래는 그 예문입니다. 여기서 중요한 것은 $PHP_..
[신과함께 죄와벌 - 신과 함께 1편, 줄거리와 결말]영화 신과함께 죄와벌은 웹툰을 원작으로 하고 있지만 내용이 꽤 다릅니다. 신과함께 1편은 웹툰 내용 중 지옥편이 신과함께의 줄거리입니다. 신과함께 2편 인과 연은 1편의 죄에 대한 주제 대신 인연에 대한 주제를 가지고 있습니다. 결과적으로 신과함께 결말은 해피엔딩이지만 가슴 뭉클한 부모의 사랑도 느끼게 해주는 줄거리를 가지고 있습니다. (스포일러 글임) [엮인 글]영화 부산행 줄거리 결말, 좀비 원인 - 공유, 정유미, 마동석신과함께 줄거리의 시작'불설수생경'에는 인간이 죽은 후 49일 동안까지의 지옥을 돌며 죄를 심판받고, 무사히 통과하면 환생한다는 얘기가 있습니다. 영화 신과함께의 줄거리는 나태지옥, 불의지옥, 폭력지옥, 살인지옥, 배신지옥..
[영화 아이캔스피크 줄거리와 아이캔스피크 실화] 영화 아이캔스피크는 위안부 할머니를 소재로 한 영화입니다. 아이캔스피크의 줄거리는 한 공무원과 다량 민원을 발생시키는 할머니의 티격태격하는 내용에서 출발하여 미국 의회에서의 증언까지 이어집니다. 이 부분은 아이캔스피크 실화였던 이용수, 김군자 할머니 이야기를 모티브로 하였다고 합니다. [엮인 글]영화 군함도 실화의 진실과 생존자 - 세계문화유산 논란 하시마섬 영화 아이캔스피크 줄거리 명진 구청에는 "도깨비 할머니"라고 불리는 민원의 달인 '옥분' 할머니가 있었습니다. 흔히 오지랖이 넓다는 표현을 쓰는 데, 이 할머니도 사사건건 참견하며 거의 매일 구청에 민원을 넣었기 때문에 구청 직원들에게는 공포의 대상이었습니다. 그런데 어느 날, 새로 부임한 9급 공무원..
[댄스 마라톤 - 1930년대 춤 경연대회의 마라톤 댄스] 대공황의 시기인 1930년대, 댄스 마라톤은 황당한 대회였습니다. 수백 시간이나 계속 서서 춤을 춘다는 경이로운 기록을 남긴 마라톤 댄스는 대회에 참가한 커플들의 인내심과 정신력을 시험하는 이벤트이기도 했습니다. 당시에는 그럴 수밖에 없었던 사연도 있지만, 세상이 달라져도 간간이 댄스 마라톤은 유지되었습니다. 대신 금전적인 목적이 어려운 사람을 돕는 자선 마라톤 댄스 대회로 발전하게 되었습니다. [엮인 글]세계대공황 원인 1 - 보호무역과 보복관세 전쟁의 이유 1930년대 댄스 마라톤 대회 제1차 세계대전이 끝난 뒤 전 세계는 '대공황'으로 매우 우울한 시대를 맞았습니다. 1930년대 미국 역시 마찬가지로 어려운 경제 사정 때문에 돈을 번다면 ..
[수염 난 여자 모델 - 다낭성 난소증후군이란 뜻] 수염은 남자만의 전유물이 아닐 수도 있습니다. 얼마 전 수염 난 여자 모델이 세계적인 화젯거리가 됐었지만, 수염이 난 여자는 그녀뿐이 아닙니다. 다낭성 난소증후군에 걸린 여성은 호르몬의 문제로 인해 남성화되는 현상을 겪기 때문입니다. 신기한 일이긴 해도 비난받을 일이 아닌데, 이를 두고 비웃는 사람들이 있으니 크게 잘못된 행동입니다. [엮인 글]스키니진, 여자 몸에 너무도 안좋다는 스키니진에 대해 수염 난 여자 모델과 당당한 여자 2016년 '런던 패션 위크'에서 수염 난 여자 모델이 워킹을 하면서 세계적인 관심을 받았습니다. 그녀의 이름은 '하남 카우르(Harnaam Kaur)'인데, 런던의 "턱수염 섬머셋 하우스" 사진 전시회에서 수염이 난 여자로 ..
[풍선아저씨 비행 - 풍선을 타고 하늘을 나는 것이 가능할까?] 영화 UP은 집에 풍선을 매달고 하늘로 날아오르는 장면이 나옵니다. 풍선을 타고 하늘을 나는 꿈은 어릴 적부터 꾸어오는 단골 메뉴입니다. 실제로 브라질, 미국, 캐나다, 일본엔 풍선아저씨가 풍선을 타고 날아오르는 도전을 했었습니다. 과연 풍선을 타고 하늘을 나는 것이 가능할까요? 여러 가지 자료를 통해서 알아봅니다. [엮인 글]영화 업 실화와 줄거리 - 애니메이션 업(UP)의 배경 미국, 브라질, 일본의 풍선아저씨들 영화 '업(UP)'에서 풍선을 타고 날아가는 모습은 참으로 인상적이었습니다. 기발한 아이디어가 아니지만 사람들의 인상에 남은 것은 누구나 한 번쯤은 "가능할까?"하고 궁금해했던 것이기 때문입니다. 그런데 실제로 그 꿈을 도전한 ..
[영화 코코 라 요로나와 코코 줄거리 - 멕시코 죽은 자의 날] 미국 픽사의 애니메이션 영화 코코는 멕시코의 명절인 죽은 자의 날을 배경으로 하고 있습니다. 사용된 코코의 라 요로나는 멕시코 전통음악으로 흐느끼는 여인이라는 가사를 담고 있습니다. 영화 코코의 줄거리는 산 자와 죽은 자가 전혀 다른 것이 아니라 인연으로 연결된 것이라는 얘기를 담고 있습니다. [엮인 글]영화 업 실화와 줄거리 - 애니메이션 업(UP)의 배경 영화 코코 주제가 라 요로나의 전설 2018년 '픽사'는 '골든글로브상'과 '아카데미상'의 애니메이션 부문에서 모두 수상을 하며 깜짝 놀라게 하였습니다. 애니메이션 영화 코코는 그해 아카데미상 주제가상도 받았습니다. 영화 코코의 주제가 "기억해 줘"는 창작된 곡이지만, 또 다른 코코의 ..
[이야기꾼 전기수 - 조선시대 소설을 읽어주는 낭독가] 지금은 TV와 스마트폰 등으로 볼거리가 넘쳐나지만 옛날에는 그렇지 못했습니다. 조선시대에는 소설을 읽어주는 전기수라는 직업도 있었습니다. 이야기꾼 전기수는 몇십 년 전까지만 해도 실제로 존재했는데, 지금은 내레이터나 동화구연가가 그 역할을 하고 있는 셈입니다. [엮인 글] - 지식을 읽어주는 동영상엿 먹어라 유래, 뜻 - 1965년 무즙파동과 입시문제 소설을 읽어주는 전기수 우리는 심청가, 흥부가 등의 판소리에서 '아니리'를 하거나, 무성영화에서 '변사'가 대사를 읽는 것을 알고 있습니다. 아니리는 "판소리" 중간에 말로 설명을 하는 부분이고, 변사는 영화 내용을 감정을 실어서 읽어 주는 사람이었습니다. 이런 직업으로 지금도 다큐멘터리 등에서 설명을..
[머리카락과 노든 조준기 - 시계, 폭격기의 머리카락 역사]흔한 머리카락, 그래서 많은 사람들은 머리카락 재활용이라고 하면 가발 정도나 생각할 뿐입니다. 하지만 머리카락은 첨단 정밀산업에서 중요한 역할을 할 때도 있었습니다. 머리카락은 노든 조준기에 쓰였고 시계 제조에도 사용되었었다고 합니다. 머리카락만큼 가늘다는 뜻은 그만큼 정밀함을 말하는 것이기도 합니다. [엮인 글]비키니와 인터넷은 핵무기로 인한 핵문화머리카락 노든 조준기 개발 지금의 폭탄들은 높은 하늘에서 떨어트려도 오차가 13m일 정도로 정밀합니다. 현대전에서 '정밀유도폭탄'의 비율은 90%에 가까울 정도입니다. 서양의 제2차 세계대전은 1939년부터 1945년까지 있었습니다. 이때는 폭탄 투하의 오차가 컸으니 오차를 줄이는 것은 첨단기술을..
[남송 유복공주 - 송 고종 시대 가짜 공주 사기 사건]남송은 송나라가 북방민족에게 망하고 다시 세운 나라입니다. 그런데 그 와중에 가짜 공주 사기사건이 있었으니, 남송의 유복공주 사건입니다. 러시아가 망한 후 아나스탸샤 공주 사기 사건이 있었고, 청나라가 망한 후 창핑 공주 사기 사건이 있었던 것처럼 말입니다. 다만, 송나라의 유복공주 사건은 사실이었다는 주장이 아직 존재하므로 약간의 차이가 있습니다. [엮인 글] 정화 함대, 중국이 대항해시대를 처음 시작했었다 송나라의 가짜 공주 사기극 수, 당 이후 오대십국 시대를 통일한 송나라는 경제력과 국방력에서 최고의 전성기를 이루었었습니다. 그러나 지도층이 오판을 하고 북방에 강력한 민족들이 생기면서 운 나쁘게도 계속 시달려야 했습니다. 마침내 1126년 금..