본문 바로가기

IT와 생활109

ID와 class를 제어하는 CSS의 # 과 . 에 대하여 ID는 class 둘 모두 스타일을 정의하는 부분입니다 DIV, IMG, TABLE 등 홈페이지에 사용되는 각종 요소들을 객체라고 합니다. 이 객체들에게 각자의 이름을 붙여주면 그 모양을 한꺼번에 조절할 수가 있어서 편리합니다. 심지어 DIV가 여러 개면 각각에게 또 다른 이름을 붙여서 다른 객체로 취급할 수도 있습니다. 홈페이지를 제작할 때 마법사가 되었다고 상상합니다. 이 것들은 두가지 과정을 거칩니다. 미리 style 정의 부분에서 선언하기 사이에 아래와 같이 적으면 됩니다. 또는 CSS파일에 아래의 내용을 입력해 놓아도 됩니다. #부분은 HTML문서에서 ID=title이라고 되어 있는 객체의 글자색을 붉은 색으로 적용합니다. .부분은 HTML문서에서 CLASS=contents라고 되어 있는 객체의.. 2015. 1. 28.
삼성의 갤럭시A 시리즈 - 갤럭시A5, 갤럭시A7 출시 [삼성의 갤럭시A 시리즈 - 갤럭시A5, 갤럭시A7 출시] 풀메탈 스마트폰 갤럭시A5, 갤럭시A7 2015년 1월 말에 삼성전자는 보급형 스마트폰인 갤럭시A5와 갤럭시A7을 출시합니다. 삼성전자의 저가 라인업은 갤럭시E와 갤럭시J가 있으며 중가 라인업으로 갤럭시A시리즈를 판매하는 중입니다 . 갤럭시A 시리즈는 삼성전자가 처음으로 몸체 전체를 메탈로 제작한 스마트폰입니다. 갤럭시A 시리즈는 갤럭시 알파시리즈를 승계한 디자인으로 출시되고 있는데, 갤럭시A 시리즈의 최하위 모델로는 갤럭시A3가 있으며 2014년에 공개되었습니다. 갤럭시A3는 퀄컴 스냅드래곤 410을 장착하였으며 1G의 램과 16G의 내장메모리를 탑재하였습니다. 디스플레이는 슈퍼아몰레이드로서 4.5인치입니다. 전면 500만 화소, 후면 800만.. 2015. 1. 23.
카메라로 번역하고 말로 통역한다 -구글 번역앱 업데이트 소식 [카메라로 번역하고 말로 통역한다 -구글 번역앱 업데이트 소식] 더욱 편리해지고 놀라워진 구글번역앱 구글 번역은 워낙 유명합니다. 웹페이지의 구글 번역도 사용자가 매우 많습니다. 구글에서는 번역앱도 제작하여 배포하고 있는데, 구글 번역이 유명하다보니 구글 번역앱도 많이 사용하고 있습니다. 구글은 새로이 구글 번역앱을 업데이트하였습니다. 이전의 구글번역앱과 업데이트된 구글번역앱의 차이점이라면... 이전의 구글번역앱은 텍스트를 입력하고 번역 명령을 보내면 번역된 내용이 표시되는 텍스트 위주의 번역서비스를 해 주는 형태였습니다. 새로 업데이트한 구글의 번역앱은 더욱 편리한 기능을 더했습니다. 바로 입력 없이 카메라를 이용한 텍스트 번역과 마이크를 이용한 음성번역입니다. 이런 기술이 계속 발전한다면 향후에는 외.. 2015. 1. 22.
기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그" [기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그"] 태그로 이미지를 삽입하는 기본태그 요즘은 홈페이지를 만들 때 홈페이지 저작도구 프로그램을 사용하기 때문에 아이콘을 눌러서 이미지를 삽입합니다. 블로그에 글을 쓸 때도 마찬가지이고 게시판에 글을 쓸 때도 마찬가지입니다. 그래서 초보자들도 인터넷을 쉽게 활용할 수 있는 세상이 되었는데, 원래는 일일이 이미지태그로 이미지를 삽입하는 것이 기본방식입니다. 그러므로 아직도 홈페이지를 정밀하게 제작한다든지 블로그 글에 정밀하게 이미지를 삽입할 때는 태그를 이용해서 사진과 그림을 삽입하고 있습니다. 또한, 글쓰기 에디터를 지원하지 않는 게시판등에서는 태그(html)을 직접 입력하여 이미지를 삽입합니다. 기본 태그는 아래와 같습니다. 위의 태그를 기본으로 .. 2015. 1. 22.
공짜폰 효과 노렸던 중고폰 선보상제 종료 [공짜폰 효과 노렸던 중고폰 선보상제 종료] 30여 만원에 달했던 추가 지원 할인 단통법 시행이후 신규 휴대폰 가입자가 줄어들자 이통사들이 만들어낸 새로운 상품제도가 바로 중고폰 선보상제였습니다. 2014년 10월 LG유플러스가 제로클럽이란 이름으로 시작한 이 중고폰 선보상제도는 SKT와 KT도 비슷한 상품제도를 내 놓으면서 단통법으로 얼붙은 시장에 잠시나마 활기를 불어 넣는가 싶었었습니다. 중고폰 선보상제도라는 것은 휴대폰 신규약정을 하면서 18개월 후에 스마트폰을 반납하는 조건으로, 반납될 스마트폰의 중고매가만큼 미리 할인해 주는 것입니다. 이통사에서 지원금이 줄어들어 소비자의 폰구입비용이 높아졌던 것을 겨냥한 이 중고폰 선보상제 약정제도는 결과적으로는 이통사의 지원금액을 높이는 효과가 있었습니다. .. 2015. 1. 20.
DIV의 투명도 효과 조절 - opacity (브라우저 버전에 따른 CSS적용) [DIV의 투명도 효과 조절 - opacity (브라우저 버전에 따른 CSS적용)] 인터넷 사이트를 다니다 보면 글자가 반투명이라 글자 뒤의 사진이 글자에 비치는 효과를 낸 것을 볼 수가 있습니다. 이건 어떻게 하는 것일까요? 사진에 바로 포토샵으로 글자를 쓴 것이라면 레이어의 투명도를 조절해서 넣은 것이겠지만, 회원이 올린 사진에 자동으로 글자 반투명 효과가 적용되는 것은 어떻게 하는 것일까요? 아래 내용은 세가지 문제점에 대한 설명입니다. 첫째, DIV를 투명하게 또는 반투명하게 할 수 있는가? 둘째, DIV 내부의 DIV까지 투명 지정에 영향을 받는 것을 어떻게 해결할 것인가? 세째, 브라우저마다 지원을 하는 것도 안하는 것도 있는데 어떻게 해결할 것인가? DIV의 투명도 조절에 대한 기본 opac.. 2015. 1. 19.
네이버 트렌드 - 검색 동향을 파악하는 키워드 통계 서비스 [네이버 트렌드 - 검색 동향을 파악하는 키워드 통계 서비스] 네이버 트렌드는 무엇을 보여주나? 요즘 사람들은 어떤 것에 관심이 있었을까하는 의문이 들 때 도움이 되는 통계서비스입니다. 어떤 키워드로 광고를 하면 효과가 있을까하고 키워드를 분석하려는 인터넷 마케팅에도 도움이 되는 서비스입니다. 그때는 어떤 검색어가 인기가 있었을까하고 특정 시점의 검색어 이슈를 알고 싶을 때도 도움이 되는 통계서비스입니다. 네이버 트렌드는 현재 "네이버 데이터랩"으로 이름을 바꿔서 서비스 중입니다. 네이버 데이터랩https://datalab.naver.com/ 네이버 데이터랩의 주소 URL은 위와 같습니다. 네이버 트렌드는 2007년부터 서비스를 하기 시작하였습니다. PC를 통한 검색 트렌드를 살펴보도록 2007년 1월부.. 2015. 1. 18.
"null이거나 객체가 아닙니다" 에러 해결 방법 - javascript 사용의 경우 ["null이거나 객체가 아닙니다" 에러 해결 방법 - javascript 사용의 경우] 자바스크립트나 자바스크립트가 포함된 파일을 사용할 경우 이런 메세지가 나오는 경우가 있습니다. "null이거나 객체가 아닙니다", "document.body 는 null입니다" 또는 메세지가 나오지 않더라도 기능이 작동되지 않으면서 브라우저 왼쪽 하단에 오류가 있다는 안내가 뜹니다. null 에러의 원인 일반적으로는 HTML을 처음 배울 때 javascript 소스를 사이에 넣으라고 배웁니다. 그런데 이게 항상 맞는 말은 아니라는 것에 있습니다. 페이지가 시작될 때부터 적용되어야 할 효과도 있지만, 페이지가 완전히 로딩된 다음에야 적용할 수 있는 효과도 있기 때문입니다. 예를들어 문장을 복사하는 기능을 자바스크립트로.. 2015. 1. 17.
짝퉁 샤오미가 짝퉁 샤오미를 사지말라고 부탁하다 [짝퉁 샤오미가 짝퉁 샤오미를 사지 말라고 부탁하다] 샤오미 부탁은 웃음을 주었다 중국의 샤오미는 애플 제품을 베껴서 짝퉁을 만들어 판매하는 스마트폰 제조사라는 평가를 자주 받았습니다. 네티즌들은 너무 대놓고 똑같이 만들어서 무안할 정도라고 표현하기도 합니다. 해외의 IT전문미디어 BGR의 보도에서, 샤오미의 최고경영자가 공식적인 자리에서 샤오미를 모방한 짝퉁을 사지 말아달라고 했다고 합니다. 샤오미는 온라인에서만 자사 스마트폰을 판매합니다. 그런데 샤오미의 제품을 흉내 내서 제품을 만드는 회사들이 또 생겨났고 이를 스마트폰 대리점에서 판매했습니다. 이를 두고 샤오미의 최고경영자는 대리점에서 파는 샤오미는 사면 안 된다며 짝퉁 샤오미에 속지 말도록 당부했다는 것입니다. 진짜 샤오미는 온라인으로만 판매한다.. 2015. 1. 16.
인클루드 사용 방법 - include와 require 구별해 쓰기 [인클루드 사용 방법 - include와 require 구별해 쓰기] 객체지향 프로그래밍은 C프로그래밍, PHP웹프로그래밍, ASP웹프로그래밍 등 여러 방면에서 널리 사용하는 기법입니다. 인클루드를 이용해서 제작을 하면 반복을 피할 수 있고 소스와 파일들을 조립할 수 있기 때문에 제작시간이 대폭 단축되며 유지보수가 매우 쉬워집니다. 대신, 제작할 때의 기획이 매우 정밀하고 계획적이야 하겠습니다. include, require의 사용에 대해 알아보도록 하겠습니다. 인클루드의 기본 개념 문장으로 설명해 보자면... "나는 학생이다", "나는 한국인이다"를 만들 경우 "나는"과 "이다."는 계속 반복되는데 계속 다시 입력하자면 귀찮기도 합니다. 그런데 이게 두 문장이 아니라 100개가 넘는 문장들이 있다고 합.. 2015. 1. 13.
표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드 [표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드] 웹브라우저는 익스플로러 외에도 크롬, 파이어복스, 싸파리 등등 매우 많습니다. 만드는 제작 업체마다 여러가지 기능을 넣다보니 각각의 표현방법이 달라집니다. 그러다 보니 같은 홈페이지라도 어떤 브라우저에서는 잘 보이고 어떤 브라우저에서는 깨져 보이는 현상이 발생합니다. 이를 극복하기 위한 표준화 방법이 DTD인 것입니다. DTD와 쿼크모드 DOCTYPE를 규정하는 말입니다. 어떤 방식의 언어로 제작되었는가를 알려주는 것입니다. 물론 DTD선언을 하지 않고 홈페이지를 만들어도 됩니다. 그런 것을 쿼크 모드(Quirks mode)라고 하는데, 선언을 하지 않고 홈페이지를 만들면 코드입력을 조금 실수하거나 꼭 필요한 요소를 다 입력하지 않아도.. 2015. 1. 12.
카카오톡으로 받은 동영상을 저장하고 싶을 때는 공유기능을! [카카오톡으로 받은 동영상을 저장하고 싶을 때는 공유기능을!] 카카오톡으로 동영상이 왔다. 저장은? 국민 대부분이 사용하는 메신저는 카카오톡... 최근에 정부 검열감시 문제 때문에 카카오톡이 된서리를 맞았지만 그래도 가장 많이 사용하는 메신저라는 것은 아직 마찬가집니다. 카카오톡의 유용성은 문자를 즉석에서 보내고 바로 받으면서 대화를 할 수 있다는 것 외에도 사진을 찍어서 바로 전송할 수 있다는 장점도 있습니다. 그러나... 카카오톡으로 받은 사진을 저장하는 것에는 문제가 없지만 동영상의 경우에는 문제가 생깁니다. 용량 때문인지 카카오톡 회사로부터 동영상 다운로드해서 저장할 수가 없기 때문입니다. 동영상은 아니지만, 음성을 저장해서 카카오톡으로 보냈을 때도 마찬가지 입니다. 음성파일도 동영상과 마찬가지로.. 2015. 1. 11.

티스토리툴바