IT이야기/입코딩2017. 5. 18. 14:58

-반응형 웹 디자인이 무엇일까요?

웹 개발을 하다 보면 반응형 웹이 어쩌고 하는 이야기를 듣습니다.

저는 웹개발자이기에, 자세히는 모르지만 디자이너분들이 이야기하는 반응형 웹 디자인이 무엇인지 한번 알아보겠습니다. 앞전에 설명한 부트스트랩의 경우도 반응형 웹 디자인의 일부입니다.

부트스트랩 정의

-반응형 웹 디자인의 정의

반응형웹디자인. 영어로는 Responsive Web Design라고 하는군요.

웹 디자인 기법 중 하나로 웹(Web)에 접속하는 디바이스에 반응하는(Responsive) 디자인(Design)을 말합니다.

과거불과 몇 년전만 해도 웹사이트들은 대부분 데스크톱에서만 볼 수 있고, 또 데스크톱을 제외하면 웹(인터넷)에 접속 할 수 있는 기기가 거의 존재하지 않았습니다.

물론 피처폰 시절에도 인터넷 접속은 대다수 가능했니다만.(WAP,i-mode) 여러가지 문제로 일반적으로 사용하기에는 무리가 많았고, 설상가상으로 통신사에서 데이터 요금을 너무 비싸게 책정하는 바람에 거의 사용되지 않았습니다. 

인터넷 한두시간 사용했는데 요금 고지서에 몇십만원이 찍혀 나올 정도였으니 말이죠. 

이 데이터 요금이 현실화 된 것은 스마트폰이 대중화 되던 2010년 무렵부터였습니다. 

하지만 최근 기술의 발전으로 데스크톱 뿐만 아니라 스마트폰, 태블릿 PC, 텔레비전 등 대부분의 전자기기에서 웹에 접속 할 수 있게 되었습니다. 

하지만 이러한 전자기기들은 모두 다른 크기의 스크린을 가지고 있었고, 이를 최적화 시키기 위해 m.naver.com처럼 별도의 모바일 페이지를 제작하고 모바일 사용자일 경우 모바일 페이지로, 아닐 경우 www.naver.com처럼 기존 페이지로 이동하는 방식을 사용해왔습니다. 

그러나 이러한 방식은 문제점이 많았는데 대표적으로 당연하게도 모바일 페이지를 별도로 구현해야 한다는 점입니다.  이러한 문제점을 해결하기 위해 반응형 웹이 등장하였습니다.


넓은 의미로는 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트라는 의미가 있는데, 이는 다양한 디바이스에 대응하여 최소한의 변화로 내용 탐색을 쉽게 하여, 사이트를 최적의 형태로 제공한다는 뜻입니다. 

또한 좁은 의미로는 CSS3 Media Queries, Fluid/Hybrid Grid Layout, Flexible Media Content 등을 이용/사용하여 구현한 홈페이지를 뜻합니다.


반응형 웹 디자인의 기법으로는 미디어 쿼리(Media Query), 유동형 그리드(Fluid Grids), 반응형 레이아웃,뷰포트(viewport)가 있다고 합니다.

반응형 웹디자인의 특징으로는 

1. 하나의 웹 : 하나의 콘텐츠에 오직 하나의 HTML 소스만 있습니다. 

특정 장치에 최적화된 여러가지의 HTML이 있으면 반응형이라고 부르지 않습니다. (CSS, JS 파일은 여러가지가 존재할 수 있습니다.)

2. 하나의 URL : 특정 장치에 최적화된 페이지로 연결되는 별도의 URL이 있으면 반응형이라고 부르지 않습니다.

을 들수 있겠네요.

반응형 웹 디자인은 유연한 레이아웃에 대응하여 항상 최적의 화면을 제공함으로써 다양한 스크린 사이즈를 지닌 디바이스에 적응하게 됩니다. 

그리고 반응형 웹이 일반 웹 디자인과 다른 큰 이유 중에 하나는 이 모든 기술이 하나의 소스로 구현 가능하다는 점입니다. 

보통 일반 웹 디자인의 경우에는 PC와 태블릿, 스마트폰의 브라우저 각각에 최적화시킨 소스를 개발하여 각 디바이스 별로 산출물이 생기기 때문에 초기 제작비용뿐만 아니라 추후 유지보수 인력과 비용까지 추가로 발생하게 됩니다.

요즘에는 다양한 스마트 기기가 계속해서 개발되고 있기 때문에 각각의 디바이스와 스크린 사이즈에 맞추어 사이트를 개발한다는 것은 거의 불가능에 가깝다고 볼 수 있습니다. 

하지만 반응형 웹은 하나의 소스를 수정하면 모든 스크린 사이즈에 맞추어 컨텐츠가 최적화되기 때문에 유지보수가 효율적이고, 사용자 입장에서도 기기에 구애받지 않고 항상 최적의 화면을 경험할 수 있다는 측면에서 반응형 웹의 장점이 고스란히 나타나게 됩니다.


반면 이러한 특징때문에 발생하는 단점이 있는데, 모바일 사이트에 비해서 무겁다는 점입니다. 

이는 사이트 속도와 직결되는 문제로, 사용자 입장에서는 불편하게 느낄수도 있습니다. 

반응형 웹 디자인은 모바일 사이트보다 읽어들이는 소스가 많아서 쓸데없는 데이터를 소비할 수도 있고, 더군다나 데스크톱 사이트와 모바일 사이트의 용도가 다른 사이트의 경우 이러한 반응형 웹 디자인은 걸림돌이 될 수 있습니다. 

이 때문에 서버 사이드 스크립트를 이용해 접속 기기에 따라 디자인을 선택적으로 적용하는 RESS(Responsive Design + Server Side Components)라는 기법도 있습니다. 

한국 한정이지만 아직까지도 쓰이고 있는 구버전 인터넷 익스플로러(주로 IE8 이하)에서 와장창 깨져버린다는 단점도 있다고 하네요. 미디어 쿼리로 반응형 웹을 구성하는 경우, 그걸 씹어먹고 적용돼버려서 결국에는 모바일 버전으로 보이게 됩니다. 특히 업그레이드에 제약을 받는 관공서의 컴퓨터가 심각한 편이라고 하네요. 

제가 근무하던 공공기관들은 그냥 모바일은 간단한 공지사항 정도만 볼수 있고, 대부분의 처리는 웹에서 할게 하였는데, 장점만 있는게 아니라서 쉽게 변경을 못하는거 같네요.

현재 보고 계시는 제 블로그도 원래는 반응형 스킨을 사용했는데, 데스크탑용으로 변경하니 속도가 좀 빨라진 거 같기도 하구요.

사람들이 반응형 반응형 그러던데, 무슨뜻인지 몰라서 벙쪄있던 적도 있었는데, 정의는 그렇게 어려운것이 아니네요.  반응형 웹디자인( Responsive Web Design)에 대해서 알아보았습니다.


출처 : 나무위키, 본인생각

Posted by Joseph514
IT이야기/블로그운영2017. 5. 17. 15:17

-파워블로거란 무엇일까요?

블로그를 시작해보겠다고 하면 파워 블로거 라는 단어를 많이 듣습니다.

적당히 개인 기록 공간으로 사용하겠다 라고 생각하시는 분도 있겠지만, 

파워 블로그가 되어 하루 방문객 수만명이상들어오는 막강한 블로거가 되는 게 꿈입니다. 이렇게 제가 올린 글들이 사람들에게 읽혀졌으면 좋겠습니다. 이런 포부를 가지고 블로그를 시작해 보시는 분들도 있으시겠죠.

여기서 말하는 파워 블로거 라는 단어의 뜻이 무엇일까요? 

이 파워 블로거란 어떤것인지에 대해 좀 정리해보겠습니다.

제 짧은 영어로 이름에서 유추해 보면, 파워(Power)가 있는 블로거(blogger)가 아닐까 합니다.

인터넷에서 구글링해보면 포스팅 몇건 이상, 하루 접속자수 몇명 이상이런 사람들이 파워블로거라거나 어느 정도 규모의 독자를 확보해 미디어(매체)역할을 할 정도로 큰 규모의 블로그를 운영하는 블로거라는 이야기는 많은데, 이 단어는 2008년에서 2014년까지 '네이버' 블로그 우수자에게 주었던 호칭입니다.

네이버에서 자사 블로그를 가지고 있는 블로거들 중 여러 가지 글과 사진 그리고 유수한 정보 등을 제공하고 이에 성실히 기여한 이에게 주었던 호칭으로 매년 연말 또는 연초에 실시했습니다. 

2008년 연말부터 네이버 블로그를 운영 중인 블로거들 중 각 분야별로 네이버 측에서 임의로 선정했지만, 2011년 베비로즈 깨끄미 공동구매 사건 등 쇼핑몰을 가장한 파워블로거들로 인해 2012년 이후부터는 선정 방식이 바뀌어 파워블로거를 선정하게 수정되었습니다. 

하지만 2014년을 마지막으로 네이버 측에서 파워블로거 선정을 하지 않고 있어 폐지된거 아니냐 의혹 중이었는데 결국 2016년 4월 14일에 네이버 블로그팀 공식블로그를 통해 2014년 파워블로거를 마지막으로 네이버에서는 더이상 파워블로거를 선정하지 않는다고 발표했습니다.

블로그팀 공식 블로그

파워 블로거가 된 블로그는 네이버측에서 파워 블로그 메달을 블로그에 달아주게 되는데 네이버 블로그들 중 파워 블로그나 파워 블로거로 선정된 블로그에는 프로필 밑에 메달이 달려있으며 실제로도 유리로 된 트로피와 네이버 블로그 측의 축하 메세지가 블로거 본댁으로 전달되기도 했다고 합니다.

2010년부터는 연도별로 세분화하여 파워 블로거와 블로그를 선정했습니다.

처음에는 도움이 되는 정보를 알려주고 여러가지 인상이 남는 글과 사진 등을 전달해주는 역할을 맡아왔으나 일부에서 뒤에 이야기할 상술적인 행위와 관심종자 행위 등으로 변질되었다는 비판이 끊이지 않았으며 특히 체험단, 쇼핑몰 등 상업적으로 리뷰하는 블로거, 6개월간 블로그 활동을 하지 않거나 장기 휴면 중인 경우 블로거 자격이 박탈되었습니다.

네이버 이외의 다른 포털 사이트 블로그에서도 파워 블로거와 유사한 선정이 있습니다.

-다음 우수 블로그

초기에는 연 2회 상/하반기 나눠서 임의로 선정했고, 2014년까지 연 1회 선정했다고 합니다.

-다음 티스토리

2007년부터 매년 연말 우수한 블로그 및 블로거를 임의로 선정하고 있습니다. 초기에는 300명 선정되었으나 2014년까지 이글루스처럼 100명을 선정하고 있습니다.

-블로그 어워드 티스토리X다음 블로그

점점 쇠락의 길을 걸어가는 다음 블로그 유저와 티스토리 유저를 포함해 2015년에는 투표방식을 적용해 우수블로그를 선정해 인기투표하느냐며 논란이 되고 있으며, 이에 공정성 시비가 있었습니다. 

네이버에서 파워 블로그 선정을 폐지함에 따라 카카오측도 이를 폐지하지 않을까 조심스레 예상하고 있습니다.

-이글루스

TOP 100에 오른 블로그나 블로거들을 임의로 선정하여 트로피와 축하 메세지를 전달하고 있습니다. 

단, 2012년은 SK에서 독립하는 등의 문제로 top 100 자체가 진행되지 못했습니다.


구글링 해본 결과 원래는 '파워 블로거'라는 호칭은 '네이버' 블로그 우수자에게 주었던 호칭 이었으나 현재는 네이버 뿐 아니라 티스토리나 이글루스, 그 외 블로그들도 다 포함해서 콘텐츠가 풍부하고, 방문자수가 많은 블로그의 주인을 지칭하는 말 같네요.


기분 나쁜 일이지만 인터넷에서 블로그를 운영하는 블로거라 하면 보통 블로거지, 파워 블로거지라는 조롱을 듣습니다. 영어로 쓰면 Power Broguer(악당), Beggar(거지), Broker(브로커), Bragger(허풍선이) 등의 은어로 쓰이는군요.

근데, 이 조회수가 많고, 볼거 많고 착실히 포스팅 하는게 무엇이 문제일까요?  그 이유를 찾아 보았습니다.


이들 중 일부가 자신의 위세를 빙자해서 자신이 리뷰하는 종목의 업체에게 무리한 서비스를 요구하며 안 해주면 언플하겠다고 협박한 사실이 드러났습니다.

가게에 들어가서 포털 사이트에서 유명 블로그를 운영하고 있다고 위세를 부리면서 물건과 서비스를 공짜로 요구하는 거지의 뜻으로 뜻이 변했습니다. 

이러한 블로거들에 대해 더욱 강한 처벌과 법령 개정을 요구하는 목소리도 있습니다. 

또 블로그 포털 사이트들이 이러한 블로거들의 행각을 제재하기는 커녕 방조 혹은 묵인했기 때문에, 이들도 제재를 받아야 한다고 성토하는 이들도 있습니다.


‘파워블로거’ 행패 아직도? “고기 5점 먹었는데 제 값 받네요, 야박해”

원문보기

식당 인심이 박하다고 비난한 음식점 전문 블로거가 네티즌들로부터 뭇매를 맞고 있다. 

해당 블로거는 고기를 적게 먹었는데도 식당이 제 값을 받았기 때문이라고 주장했는데, 

네티즌들은 본인이 배가 불러 안 먹었으면서 왜 저런 글을 썼는지 이해할 수 없다는 반응이다.

...

파워블로거를 내세워 이득을 얻으려는 사람들과 A씨가 다를 바 없다는 비난도 이어졌다. 

한 네티즌은 “식당들이 파워블로거를 기피하는 데엔 이유가 있다”고 꼬집었다.


사람들이 파워 블로거 중 일부가 욕을 먹는 이유가 네 가지 정도로 추려지네요.

-동냥질

가게에 들어가서 물건이나 음식을 무료로 제공하면 이 가게의 서비스가 좋다고 블로그에 써 주겠다고 동냥질을 합니다.

-협박질

서비스나 물건을 주지 않으면 블로그에다가 욕설을 쓰겠다고 협박질을 합니다.

-공동구매

상품에 대한 자세한 정보나 고찰 없이 무리하게 공구를 추진했다가 안전성이나 기타 문제에 휘말려 큰 비판을 받기도 합니다.

-부적절한 인물선정

이건 어디까지나 좀 주관적인 견해가 많이 들어가 있네요.


이 '파워블로거'들이 한국에만 문제를 일으키느냐.. 그건 당연히 아닙니다.

주로 네이버를 포함한 한국의 사례를 다루고 있지만, 미국에서도 이쪽은 상당한 문제가 된다고 합니다.

사우스 파크 시즌 19 4화에서도 파워블로거를 신랄하게 비판합니다.


하지만 '파워 블로거'라 칭해지는 블로거 덕분에 하루에 수 만명 이상의 사람들이 블로그를 통해 맛집이나 데이트코스등의 유익하고 다양한 정보들과 깔끔하게 정리한 이미지, 가독성 있게 쓰여진 글들이 분명 네티즌들에게는 유용하게 활용 되었을겁니다.

그리고 블로그로 돈 벌이 하는거. 자본주의 사회에서 마케팅은 하나의 사업 수단이고, 협박이나 동냥질이 아닌 정당한 돈을 받고 홍보를 하든 개인의 자유로 보입니다. 

제가 그렇게 오랫동안 블로그를 해 온건 아니지만 몇 글자 쓰면서 매일매일 관리하는 것도 쉬운 일이 아니네요. 

일부 사람들에게는 '파워 블로거'란 이런 이미지가 있다는 것도 염두 해 두고, 유익한 포스팅 많이 올리는 블로그를 운영해야겠네요.

Posted by Joseph514
IT이야기/입코딩2017. 5. 17. 09:31

이전에 웹표준에 대해서 포스팅하였습니다.


이번엔 웹접근성(web accessibility)에 대한 정의를 한번 알아보겠습니다.

제법 규모가 있는 사이트들은 일년에 몇회 이상 웹 접근성 컨설팅 업체를 통해서 검사를 받습니다.


W3C의 정의에 의하면 웹 표준성은 접근성, 사생활 보호, 보안, 국제화의 측면을 고려해야 합니다. 

이 중에 접근성을 흔히 '웹접근성'이라고 하고 웹 표준성과 함께 많이 언급되는 개념입니다. 

웹접근성은 장애 여부에 상관없이 누구나 원활하게 웹페이지를 이용할 수 있어야 한다는 것을 의미합니다. 

예를 들어 시각장애인의 경우 화면을 눈으로 볼 수 없기 때문에 그렇지 않은 사람과 같은 방식으로는 웹페이지를 이용할 수 없습니다. 

그래서 '스크린 리더'라는 별도의 소프트웨어를 컴퓨터에 설치해서 인터넷을 이용합니다. 

스크린 리더는 모니터에 비춰지는 내용을 인식해서 음성, 점자로 출력해주는 역할을 합니다. 

화면에 '메뉴'라는 텍스트가 있으면 이를 인식해서 '메뉴'라는 음성이 나오는 방식이라고 합니다. 

시각장애인은 이를 이용해 눈으로 보는 대신 소리로 들으면서 웹페이지에 담긴 정보를 이해할 수 있습니다. 

하지만 스크린 리더는 소프트웨어에 불과하므로 스스로 웹페이지의 내용을 분석해서 이건 무슨 내용이고 저건 무슨 내용이다라는 걸 이해할 수 없습니다. 

특히 이미지의 경우가 그렇습니다. '메뉴'라고 텍스트로 집어 넣지 않고 메뉴라고 그려진 이미지를 사용하면 비 시각 장애인의 눈에는 똑같이 메뉴라고 보이지만 소프트웨어 입장에서는 그저 이미지일 뿐입니다. 

그 이미지 안에 그려진 내용을 인식하는 것은 불가능합니다. 

그래서 되도록 이면 이미지를 사용하지 말고 소스 코드에 내용을 그대로 담는 것이 권장되며, 부득이하게 이미지를 사용할 경우 반드시 이 이미지가 어떤 내용인지 설명을 추가해야 합니다. 


<button>메뉴</button>

<img src="images/button.jpg" alt="메뉴 버튼" />


위와 같이 메뉴 버튼을 두 가지 방식으로 구현할 수 있습니다. 

윗줄은 <button> 태그를 이용해서 구현하는 방식이고 아래 줄은 버튼 모양의 이미지를 쓰는 방식입니다. 

둘 중 어느 방식을 쓰던 버튼의 기능은 그대로 구현할 수 있습니다. 하지만 되도록이면 윗줄의 방식을 쓰는것이 권장됩니다. 

이미 <button> 태그를 쓰고 있기 때문에 스크린 리더가 메뉴라는 텍스트가 담긴 '버튼'이라는 것을 사용자에게 올바르게 전달할 수 있기 때문입니다. 

하지만 부득이하게 이미지를 쓴다면 특히 버튼 특유의 회색 그라데이션을 견딜 수 없다면 alt라는 속성을 추가한 뒤 이 이미지가 무슨 이미지인지 설명하는 텍스트를 추가해주어야 합니다. 

이렇게 할 경우 비 시각 장애인의 눈에는 alt 속성에 쓰여진 '메뉴 버튼'이라는 텍스트는 볼 수 없습니다. 

하지만 스크린 리더는 이를 '메뉴 버튼'이라는 이미지로 인식해 사용자에게 정보를 전달하게 됩니다. 

이처럼 장애가 있는 경우에도 웹페이지를 원활하게 이용할 수 있도록 지켜야 하는 사항을 웹접근성이라고 합니다.



위키피디아에 등제된 웹접근성에서 고려해야 할 사항입니다.


시각: 실명, 색각 이상, 다양한 형태의 저시력을 포함한 시각 장애

운동성: 파킨슨병, 근육병, 뇌성마비, 뇌졸중과 같은 조건으로 인한 근육 속도 저하, 근육 제어 손실로 말미암아 손을 쓰기 어렵거나 쓸 수 없는 상태

청각: 청각 장애

발작: 깜박이는 효과나 시각적인 스트로보스코프를 통해 일어나는 뇌전증성 발작

인지: 문제 해결과 논리 능력, 집중력, 기억력에 문제가 있는 정신 지체 및 발달 장애, 학습 장애 (난독증, 난산증 등)



웹접근성 지침 한글번역본

자세한 웹접근성 지침에 관한 정보들이 있습니다.


네이버에서 '널리'라는 프로젝트의 일환으로 네이버 사옥 그린팩토리 2층에 '웹접근성 체험 부스'를 오픈했습니다. 

이 곳에 방문하면 누구나 무료로 실제 장애가 있는 경우 어떤 식으로 인터넷을 이용하는지 직접 체험해 볼 수 있다고 합니다.


널리 공식 홈페이지


웹접근성 연구소 아래에 사이트에 가입하고 들어가서, 코딩한 페이지가 접근성에 맞는지 문의할 수도 있더군요.

웹접근성 연구소


웹사이트는 모두가 사용할 수 있어야 합니다. 

별거 아닌거같아 보였는데 웹사이트를 만들려면 여러가지 고려해야 할 사항들이 많네요.



출처 : 나무위키, 위키피디아

Posted by Joseph514
IT이야기/입코딩2017. 5. 16. 17:25


-웹표준에 대해 알아보겠습니다.


웹개발을 하다보면, 웹표준이니 웹접근성이니 하는 말들을 인터넷에서 많이 사용하는데요. 

우선, 웹 표준이란 무엇인지 이 포스팅에서 한번 알아보겠습니다.

월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어입니다.

보통 인터넷을 이용할 때 같은 웹페이지라면 어느 브라우저를 사용하는지 여부에 상관없이 그 웹페이지가 똑같이 보이고 정상적으로 작동해야 함을 의미합니다. 

Acid 테스트를 통해서 웹 브라우저가 웹 표준을 준수하는지 테스트할 수 있습니다. 

W3C 웹표준 설명



이전에 엑티브x(Atcivex)항목에서 포스팅 하였던 데로 한국에서는 정부나 공공기관부터가 웹 표준을 무시하고 있습니다.


웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있습니다. 

수많은 상호 의존성이 있는 표준들과 규격들 가운데 일부는 단지 월드 와이드 웹으로만 끝나는 것이 아니라, 인터넷의 관리 측면이기도 하며 이러한 표준들은 직간접적으로 웹 사이트, 웹 서비스 개발과 관리에 영향을 주고 있습니다. 

웹 표준을 완벽하게 지키려면 특정 브라우저에 의존하는 플러그인이나 코드를 완벽하게 제거해야 하는 것이 보통인데, 일반적인 브라우저에 공통적으로 제공되는 플러그인은 이 기준에서 예외가 되는 경우가 많습니다.

이러한 것들 모두 "웹 표준"이라고 부르지만 웹 표준으로 이동하는 것을 찬성하는 사람들은 사용성과 접근성에 직접 영향을 미치는 더 높은 수준의 표준에 초점을 두는 경향이 있습니다. 


더 넓은 뜻의 웹 표준은 아래를 이릅니다.


-W3C (World Wide Web Consortium) - 대표적으로 HTML과 CSS의 표준을 정한다.

-국제 인터넷 표준화 기구 (IETF)가 출판한 인터넷 표준 (STD) 문서

-국제 인터넷 표준화 기구 (IETF)가 출판한 RFC (Request for Comments) 문서

-국제표준화기구(ISO)가 출판한 표준들

-Ecma 인터내셔널 (이전 이름은 ECMA)이 출판한 표준들 - JavaScript 표준이 여기서 정해진다.

-유니코드 컨소시엄이 출판한 유니코드 표준과 다양한 유니코드 기술 보고서 (UTR)

-인터넷 할당 번호 기관 (IANA)이 운영하는 이름과 번호 레지스트리



-웹 표준이 중요한 이유는 무엇일까요?

산업표준이 왜 존재하는지, 도량형이 왜 존재하는지 생각해 보면 이유가 명확해집니다. 

산업현장에서 부품들의 표준화가 돼 있지 않으면 업체마다 서로 호환이 되지 않고, 같은 업체에서 생산하는 부품도 품질보장이 되질 않을 것입니다. 

웹 환경은 본질적으로 '통신'이기 때문에 더욱 더 표준화가 중요해집니다. 

비표준 '부품'이야 자기네 제품에만 독점적으로 사용할 거라면 크게 상관없지만 웹은 누가 어떤 장치를 어떤 방식으로 사용할지를 제공자가 통제할 수 없기 때문입니다.


2016년 기준으로 인터넷 사용 인구는 30억명을 훌쩍 넘어 갔습니다. 

사실상 전인류의 절반이 인터넷을 사용하고 있고 인터넷 트래픽의 거의 전부를 차지하는 게 웹 트래픽입니다. 

사용하는 사람이 많아지면 표준화는 반드시 해결해야 할 과제가 됩니다. 그것이 일개 개인의 프로젝트에서 시작되었든(월드 와이드 웹), 국제 연합 수준의 극대규모 프로젝트(미터법)였던 말입니다.


웹 표준이 없던 90년대 말 ~ 2000년대 초반에는 웹 사이트 개발자는 사실상 두 개의 사이트를 만들어야 했습니다. 

인터넷 익스플로러용과 넷스케이프용의 두 개로 말이죠. 

실질적으로는 각종 핵과 브라우저 판별 코드를 삽입해야 해서 3배의 노동이 들어갔다고 합니다. 

표준이 없으면 이렇게 더 많은 노동력과 시간이 듭니다. 사회 전체적인 비용이 증가하는 것입니다. 

시간과 예산이 빠듯한 상황에서 웹 개발자는 결국 하나만을 선택하고 나머지를 버릴 수밖에 없어지며 이는 정보 제공에 차별을 발생시킵니다.


인터넷에 정보는 차별없이 제공되어야 합니다. 


물론 이상과 현실은 다릅니다. 

드넓은 PC모니터 화면과 좁디좁은 스마트워치 화면에서 동일한 정보를 제공하는 건 말도 안 되는 소리이고 동영상 스트리밍 사이트가 맹인을 고려해야 한다는 말도 어불성설입니다. 

하지만 이상을 추구해야 하는 것은 맞습니다. 


즉 "이 사이트는 인터넷 익스플로러 6, 1024x768해상도에서만 이용하실 수 있습니다." 같은 말들은 횡포일 뿐입니다. 

본인이 갑이 아닌데도 불구하고 이런 횡포를 부린다면, 그건 장사하기 싫단 소리밖엔 안 됩니다. 


제가 처음 웹이랍시고 홈페이지를 만들어본게 2000년대 초반입니다.

지금와서 보면 포토샵이랑 나모웹에디터로 찍찍 그려서 제로보드 적용시켜 뚝딱 만들고 했었던게 기억나네요. 

그 당시에는 저처럼 웹표준이란 개념도 없이 자바스크립트로 도배하거나, 플래쉬로 도배된 사이트들도 많았습니다.

위에서 언급한데로, 어떤 해상도에 어떤 웹브라우저에서 최적화 되었습니다 라는 문구가 씌어진 사이트들이 많았습니다. 그리고 제 컴퓨터에서는 아주 잘 나오는데, 이게 학교 컴퓨터나 다른 사람들 피씨에서는 어긋나게 나오는 경우를 왕왕 보았습니다. 익스플로러에서만 나온다는 건, 윈도우 운영체제를 깔아야 한다는 전제로 하는데. 한국에서야 윈도우에 익스플로러 사용자들이 엄청나게 많고 예전엔 더 많았지만, 현재는 크롬 파이어폭스 사파리도 많은 점유율을 차지 하고 있습니다.


나무위키에 등재된 2000년도 초반의 웹표준을 무시한 홈페이지들의 특징을 말씀드려보겠습니다.


-대문이 단순히 '들어가기' 형태로 된 홈페이지들이 많았습니다. 

사이트에 관한 내용을 간단히 보여주는 오늘날의 대문과는 차이가 있었습니다. 

리뉴얼 전 NTX(구 엔젤하이로)나 사유화 사태 전 리그베다 위키의 대문도 개인 홈페이지로 출발하던 시절의 전통이 그대로 유지됐는지 이 방식을 쓰고 있었다고 합니다.

-프레임 구조를 채용한 홈페이지들이 많았습니다. 

지금은 CSS나 jQuery 등의 보급과 W3C의 프레임 구조 채용 지양 권고로 인해 프레임 구조를 채용하지 않는 추세이지만 그 당시에는 프레임 구조의 장점이 많았기 때문에 높은 확률로 프레임을 쓴 것입니다.

header, menu, main, footer 이런식으로 프레임을 나눠서 사용했던 기억이 나네요.

-배경음악을 깔아놓은 홈페이지들을 많이 볼 수 있었습니다. 

바로 앞의 '프레임 구조'의 특징을 활용해서 끊김없는 재생을 구현하면 금상첨화였습니다. 

당시 회선 환경상 MP3를 넣으면 용량의 압박이 심했던지라 MIDI가 대세였습니다. 

인터버드라는 사이트에서 대규모로 MIDI 음악 자료실을 제공해서 인기가 있었지만, 안타깝게도 2001년 가을을 즈음하여 저작권 문제로 문을 닫았습니다. 

나중에 WMA 같은 압축 스트리밍 파일이 보급돼 배경음악으로 쓰이기도 했습니다.

-알록달록한 글꼴 색상과 효과, 화려한 클립아트와 애니메이션 GIF 등이 많이 쓰였습니다. 

이러한 풍조는 웹표준 보급 이후 다소 사그라들었다고 합니다.

-표를 그릴 때 쓰는 <table> 태그로 디자인을 하는 홈페이지들이 있었습니다. 

아직 CSS가 보급되기 전인지라 지금은 어지간하면 CSS로 넣는 디자인적인 요소까지 당시에는 죄다 HTML 문서 안에 때려박을 수밖에 없었고 그래서 <table> 태그가 그나마 레이아웃 잡는데 안성맞춤이었던 태그였습니다. 

웹표준의 개념이 알려지고 HTML5와 CSS3가 널리 보급된 현재는 레이아웃용 태그와 <div> 태그를 쓰고 <table> 태그를 레이아웃용으로 쓰는 경우는 찾아보기 어려워졌습니다.

-초창기에는 자바 애플릿을 넣는 홈페이지들을 꽤 볼 수 있었습니다. 

하지만 자바 가상 머신이 필요하다는 문제점이 있었고 매크로미디어 플래시가 보급된 이후 점차적으로 자바 애플릿 중 일부가 플래시로 대체되었습니다. 

물론 플래시를 보기 위해서도 매크로미디어 플래시 플레이어 플러그인을 깔아야 했다는 점은 똑같습니다. 

현재는 자바 애플릿이 이미 사양길로 들어선 상태고 플래시도 사정은 비슷합니다. 다만, 둘 다 HTML5로 대체할 수 있다고 합니다.

-게시판이나 방명록은 높은 확률로 홈페이지 서비스에서 함께 제공하는 게시판이 달려 있었습니다.


지금와서 아카이브로 박제된 90~2000년대 초반 홈페이지들을 보면 이질감이 느껴집니다.

그만큼 사람들은 웹 표준에 익숙해 졌기 때문 일수도 있겠죠.


민원24같은 전자정부 사이트는 갑의 요건을 일부 충족하기 때문에 아직도 영업이 가능한 면이 있지만 이것도 시대를 역행한다고 볼수 있죠. 내년까진 다 갈아엎는다고 들었습니다.


지금까지 웹표준에 대한 정의를 알아보았습니다.



출처 : 나무위키, 본인 생각

Posted by Joseph514
IT이야기/블로그운영2017. 5. 16. 10:20

-바이럴 마케팅이란 무엇일까요?


[블로그운영노하우정리]블로그(BLOG)란 무엇일까요?

에서 언급한 바이럴 마케팅에 정의를 한번 알아보겠습니다.

포스팅하기 전에 말씀드리자면, 저는 바이럴 마케팅을 하지는 않지만, 딱히 부정적으로 인식하고 있지는 않습니다. 

블로그 운영에 있어서 제외하고 말할수는 없는 항목이라. 정의가 무엇이고, 어떤 장단점이 있는지를 간단히 정리해볼 목적으로 포스팅한 것입니다.

긍정적인 면도 있고 저부터가 뭔가 재미좀 볼수 있을까 하고 티스토리에 블로그를 운영하고 있는 중이구요.

개인적으로는 바이럴 마케팅에 몸담아 본 적이 없기에 딱히 바이럴 마케팅을 권하지도, 부정하지도 않습니다.

다만 인터넷 블로그 등이나, 무분별하게 블로그 관리비법 같은 제목으로 책을 통해서까지 출처를 알수 없는 블로그 양산법이 퍼지고 있습니다. 그리고 블로그를 이용한 홍보가 웬만한 광고보다 낫다면서 악성 홍보 블로그를 만들기를 부추기기에 이 단어를 보는 사람에 따라서는 이미지가 나쁠 수도 있습니다.

바이럴 마케팅이란, 마케팅 방법의 일종입니다.

바이럴(Viral)은 바이러스(Virus)의 형용사형으로, '감염시키는, 전이되는' 등의 의미가 있습니다. 

바이러스가 전염되듯이 소비자들 사이에 소문을 타고 물건에 대한 홍보성 정보가 끊임없이 전달되도록 하는 마케팅 기법을 의미합니다.

하지만 국내에서 아래에 서술할 단점과 폐해 때문에 대부분 바이럴 마케팅이 기만 마케팅이란 뜻으로 잘못 알고 있습니다. 비교적 저비용 고효율이며 초기에 제대로만 셋업이 되면 꽤 긴 시간동안 지속적으로 효과를 발휘하기도 합니다.

흔히 말하는 '파워 블로거'를 이용한 마케팅도 바이럴 마케팅의 일종입니다. 주변에 관리하는 블로그의 이웃이나, 지인들 중에서도 부업으로 바이럴 마케팅을 하시는 분 들이 좀 있으시더군요.

한국의 경우엔 인터넷을 통한 입소문으로 퍼지는 효과가 크므로 연관검색어, 실시간검색어의 장악, 네이버 카페의 이용자로 가장한 컨텐츠 포스팅과 블로그, 지식in 포스팅이 주를 이룹니다. 

2010년대 이후 페이스북, 트위터 등 SNS 매체에서도 많이 찾아볼 수 있습니다.

바이럴 마케팅에 장점입니다.

우선 첫번째로 적은 비용대비 큰 효과를 볼수 있습니다. 바이럴마케팅은 말그대로 입소문에 의한 마케팅입니다. 

이 마케팅을 하는 주체가 바이럴이 될 만한 컨텐츠를 만들어 내놓고 그것이 입소문을 타기 시작한다면, 빠르게 널리 확산되는 입소문의 특성 상 그 효과가 기하급수적으로 커질 수 있습니다. 

즉, 마케팅의 주체(주로 기업)는 바이럴이 될 만한 컨텐츠 제작 이후에는 다른 마케팅 기법에 비하여 확산에 큰 관여를 하지 않아도 퍼져나가는 효과가 크므로 적은 비용대비 큰 효과를 거둘 수 있다고 할 수 있습니다.

출처-유정은(2012), 창의적 마케팅 전략에 대한 연구 : 바이럴 마케팅을 중심으로, 숙명여자대학교, 학위논문(석사) p.13-14 참조


두번째로는 양방향 커뮤니케이션 가능합니다. 일방적으로 전달하는 방식의 전통적 마케팅과 달리 바이럴마케팅은 마케팅을 하는 주체와 대상이 서로 커뮤니케이션이 가능합니다. 

이것은 특히 SNS서비스의 발달로 인해 더욱 부각된 장점입니다. 마케팅 컨텐츠나 마케팅하고자하는 제품 등에 대해서 소비자들이 어떠한 의견을 기업에 바로 표시하는 것이 어려웠던 전통적마케팅에 비해, 바이럴마케팅은 소비자들 사이의 구전을 기업이 그대로 모니터링할 수 있기 때문에 피드백이 빠릅니다.

사업을 하시는 분이 직접 페이스북과 네이버 블로그, 카카오 스토리를 하면서 글을 올리고, 손님들의 평가를 보고 수정할점 등을 받아들이는 경우도 있지요.

출처-유정은(2012), 창의적 마케팅 전략에 대한 연구 : 바이럴 마케팅을 중심으로, 숙명여자대학교, 학위논문(석사) p.13-14 참조


세번째로는 소비자 입장에서 보다 신뢰성 있는 정보습득을 할수 있습니다. 바이럴 마케팅은 구전효과를 이용한 마케팅으로써 지인들끼리의 정보확산을 유도합니다. 또는 인터넷의 발달로 영향력이 큰 소위 '파워블로그'등을 통해 자신들의 제품을 홍보합니다. 

소비자는 엄청난 양의 정보 속에서 선택을 해야하기 때문에 믿을 만한 정보원과의 교류를 통하여 신뢰할 수 있는 정보를 얻기 위해 노력합니다. 

바이럴 마케팅은 소비자의 정보탐색에 도움이 될만한 정보를 제공함으로써 소비자의 구매결정을 돕습니다.

출처-윤상진(2009), 블로그의 콘텐츠 작성의도가 구전효과에 미치는 영향에 관한 연구, 한국방송통신대학교, 석사학위논문 P.46-48 참조

후술하겠지만, 파워블로거라 하더라도, 신뢰할수 있는지에 대해서는 이견이 좀 많습니다.


바이럴 마케팅에 단점입니다.

첫번째로, 전문성이 부족한 작업자가 대중에게 정보를 잘 못 전달하여 오해가 생기는 경우가 많습니다. 

두번째로, 일정한 시간과 비용을 투자했다 해서 성과를 장담할 수 없습니다.

세번째로, 만일 사전에 바이럴 마케팅을 하려고 일부러 조작된 글을 작성했다라는 증거가 포착되면 해당 마케팅은 마케팅에 쏟아부은 돈과 노력의 규모에 상관없이 폭삭 망해 버립니다. 

예를 들면, 예전에 KT&G의 담배 바이럴 마케팅 증거가 밝혀지고 난 후, 많은 사람들이 전부 주작을 비난하는 쪽으로 돌아섰습니다. 따라서 바이럴 마케팅은 광고가 아닌 척 더욱더 정교하게 작성되게 되는데, 이로 인한 폐혜가 너무 심각해지자 블로그 바이럴 마케팅용 포스팅 작성시 대가성이 있는 상품이나 돈을 받았다고 표현하는 문장이 강제적으로 표현되도록 법이 바뀌었습니다.

장점이 될수도 있고 단점이 될수도 있는데, 경우에 따라서 바이럴 마케팅은 통제가 불가능해 질 수가 있습니다.

바이럴 메세지, 즉 기업에서 퍼트리기 원하는 것에 대한 제어가 힘듭니다. 

예를 들면 A를 퍼트리고자 했는데 전혀 다른 부분에서 이슈가 되어 B라는 내용이 퍼지거나 하는 경우가 발생합니다.

-잘 풀리는 경우

넷상에서 흔히 "필수요소"취급 받는 것들의 상당수가 이런 식으로 처음의 홍보의도와는 다르게 퍼진 것들입니다. 

이런 일이 발생했을 때 해당 광고주가 그러한 상황을 재빨리 캐치해서 마케팅에 잘 이용한다면 훌륭한 바이럴마케팅의 사례가 됩니다. 

꼭 그렇지 않더라도 별 손해 없이 많은 인지도를 불러오는 경우가 있습니다. ex)파맛 첵스 사건.

-안 풀리는 경우

전혀 이득이 되지 않는 방향으로 이슈가 되어 버려서 수습할 수 없는 단계까지 가 버리기도 합니다. ex)민국엄마.


이런 장단점들이 있습니다. 

모든 바이럴 마케팅이 사람들에게 피해를 끼치는 건 아니겠지만, 폐해의 예시로는 어떤것 들이 있을까요?

대부분 포털사이트의 블로그 서비스로 이루어지는 바이럴 마케팅, 파워블로거 들은 블로그 지수, 방문자 수를 늘리기 위해 실시간 검색어, 연관검색어 등에 뜨는 이슈가 마구잡이로 올립니다. 

그러면서 이슈에 연관된 사진을 돌려쓰거나 키워드를 반복적으로 했던말 또하고 또하고 하는식으로 기입하는 등 사용자에게 혼란을 야기하는 garbage data 들이 마구 넘쳐나고 있습니다. 

블로그 부문에 이런 경향이 많았습니다. 예를 들면 화제가 되고있는 키워드를 검색하면 포스트에 안녕하세요! ~입니다. 오늘은 ~에 대해 알아보고자 합니다. 같은 작문을 들수 있겠죠.

물론 저부터가 블로그 운영 방법을 구글링했을때, 익힌 기술입니다. 어느정도 네이버나 구글, 다음같은 검색엔진에 잘 공개되기 위해서 검색봇이 찾기 쉽게 하려고 저렇게 적는게 유리하긴 합니다.

뉴스 항목을 통한 마케팅이 개척되고 네이버의 핫토픽 키워드나 펀업 키워드 서비스가 도입되면서 뉴스 부문에서 이런 경향이 요새 더 강해지고 있습니다. '최근 한 온라인 커뮤니티 게시판에는' 같은 것들이 대표적입니다. 자기들은 인터넷 커뮤니티에서 긁어온 정보를 뉴스 기사 저작권으로 지킨다는 참..

그리고 장점에는 정보를 얻는데 도움이 된다고 했는데 잘못하면 오히려, 사용자가 정확한 정보를 얻는데 방해가 될 수도 있습니다. 

예를 들면 신촌 맛집이란 키워드로 검색을 했을때 어떤 블로거가 신촌에 있는 어떤 식당에 갔었던 경험에 의해 쓴 포스트와 신촌 지역의 한 식당 홍보 포스트가 있다면 당연히 전자의 포스트를 볼 것입니다. 

후자의 홍보글은 당연히 그 식당의 좋은 점만 부각해서 쓸것으로 추측되기 때문이죠. 

그러나 바이럴 마케팅은 전자와 같이 경험에 의한 글을 흉내내어 홍보하기 때문에 사용자가 낚일 수도 있고 광고인지 아닌지 긴가민가 하며 혼란이 올 수도 있습니다.

심지어는 어뷰징 등 편법을 사용해 정상적인 블로그인 것처럼 꾸미면서, 상위노출 등 최적화가 이뤄지면 여러 회사 등으로 팔려가는 블로그도 많이 보입니다.

2010년대 이후 블로그 등이 상업주의로 물들면서 상업성을 추구하지 않으며 참신한 글을 쓰는 파워블로거는 거의 드문 실정이 되었으며, 사기꾼/업자를 막론하고 블로그 매매를 유도하는 등의 스팸글을 보내는 경우도 부쩍 늘어났습니다.  파워 블로그도 아닌 고작해야 하루에 몇십 몇백명 정도에 그치는 제 블로그도 심심하면 구매하겠다는 쪽지나 메일이 옵니다. 그리고 십여년 전에 잠시 관리하던 카페를 구매하겠다는 연락들도 받구요.

이러한 어뷰징을 막기 위한 저품질 블로그 등의 검색 로직도 더욱 강화되었는데, 그로 인해 정상적으로 포스팅을 하는 사람들의 블로그가 저품질화되어 피해를 입는 일도 나타났다고 합니다.

네이버는 이러한 바이럴 마케팅을 오히려 방관 정도가 아니고 아예 네이버 서치 마케팅(NSM)이라는 자회사를 통해 네이버에 키워드 마케팅이 되는 것을 장려하고 있다는 이야기까지 있네요. 

이건 어디까지나 카드라 출처입니다만 건대 돈까스 & 떡볶이 전문점 사건의 사장 해명글이 사실이라는 가정한다면, 연관검색어 한달에 120만원, 해당 검색어 상위노출 한달에 100만원이상이라고 합니다. 


이상으로 바이럴 마케팅에 대해서 알아 보았습니다. 저는 수박 겉햝기 식으로 이런게 있다 정보만 알아본 거지, 진짜 깊이 있는 지식을 가진 것은 아니기에, 본인이 판단하기 나름입니다. 

오늘도 즐거운 포스팅 이어가겠습니다.


출처 : 나무위키, 본인생각

Posted by Joseph514
IT이야기/입코딩2017. 5. 12. 15:13

-cms가 무엇일까요?


웹에서 흔히 쓰이는 표현으로 cms 솔루션이라는 말이 있습니다. 

여기서 cms가 무엇인지 알아보겠습니다.

제가 쓰고 있었지만 확실히 개념을 정리하지 못한 탓 인지, 사람들에게 이야기하기가 어렵더군요.

일단 구글에 cms라고 쳐봅니다. 위키피디아에 나오는 뜻을 봅니다.


CMS

자금관리서비스(Cash Management Service)의 약자이다.

Cash Management System의 약자이다.

Color Management System의 약자이다.

저작물 관리 시스템(Content Management System)의 약자이다.

컴퓨터 지도 제작 시스템(Computer Mapping System)의 약자이다.

Creative Music System의 약자이다.

Molecular Sieving Carbon의 약자이다. 정확히는 MSC이고, 제조 메이커의 상표명인 CMS로 널리 알려졌다.


참 사람 헷갈리게, 동일한 이름의 여러가지 다른 약자들이 많습니다.

금융쪽에서는 Cash Management System 라는 의미로 많이 쓰이는데, 웹에서는 보통 Contents Management System 콘텐츠 관리 시스템으로 쓰입니다.


-CMS(Contents Management System)

게시판 솔루션이나 레이아웃, 모듈과 같은 기능을 모아둔 솔루션입니다. CMS를 사용하면 클릭 한번으로 사이트를 만들 수 있습니다.게시판 관련 기능 같은 기본적인 작업을 자동화시키기 때문에 웹사이트 제작에 드는 시간이 많이 감소되며, 그만큼 개발속도로 빨라집니다. 기본적으로 파일/썸네일/캐시/등 프레임워크단위의 도구가 있기때문에 새로운 기능을 만들때도 간단하게 구현이 가능합니다.


뭐 말이 어려운데, 웹만들어보신 분들이라면 한번쯤은 들어본 제로보드라는 프로그램이 있습니다. 

제로보드4의 경우는 그냥 게시판만 만들기 때문에 CMS라 보기 어렵지만 제로보드XE부터는 확실히 CMS 같습니다.

그리고 그누보드의 경우도 웹빌더를 사용하면 CMS 비슷할정도의 기능을 합니다.


국산 cms의 경우는 XpressEngine,텍스트큐브,그누보드,킴스큐 정도 있습니다.

그리고 jsp용으로 만든 콘텐츠와이즈라는 솔루션업체의 유료 CMS 솔루션도 사용해본적이 있습니다.

해외 cms의 경우는 ocPortal, WordPress, WebGUI, Drupal, Rubedo, Ghost, Joomla 가 유명합니다.



근데 무슨 cms 라 함은 블로그 관리하고 만드는 설치형 블로그 같은 느낌이 드는군요. 제가 블로그 운영 노하우를 정리하는 포스팅도 몇개 끄적였었는데, 거기에 설명한 설치형 블로그들이 있네요.

실제로 워드프레스 같은것도 블로그 제작및 관리 운영에서 많이 사용되구요. 


-그러면 개인 블로그 만드는 프로그램들이 cms일까요?

물론 개인 블로그 설치용으로 사람들이 많이 사용합니다.

하지만 개인 블로그 외에도 커뮤니티 사이트나 쇼핑몰과 같은 사이트의 운영이 가능합니다.

공공 기관이나 기업, 뉴스 같은곳 에서도 워드프레스를 사용하는 곳이 제법 됩니다.


서울시 홈페이지, 워드프레스로 바꾼다

원문보기

서울시가 기존 홈페이지를 완전히 새롭게 뜯어고친다. 대공사다. 집으로 치면 가구와 살림만 남겨놓고 집을 통째로 허물고 다시 짓는 것과 마찬가지다.

이번 개편의 핵심은 홈페이지를 ‘워드프레스‘ 기반으로 바꾸는 데 있다. 워드프레스는 오픈소스 기반으로 제작된 블로그 저작도구다. ‘블로그 저작도구’라고는 하지만, 일반 웹사이트처럼 꾸미는 데는 아무런 제약이 없다. 오픈소스 기반이란 점도 큰 장점이다. 전세계 개발자들이 재능을 기여해 만든, 수많은 확장기능이나 테마를 아무런 비용 부담 없이 가져다 쓸 수 있다.

이 뿐 아니다. 철마다 공식 행사처럼 치르던 웹사이트 개편이나 판올림 작업을 하기에도 훨씬 편리하다. 홈페이지 콘셉트에 맞춰 테마만 바꾸거나 필요한 기능을 확장기능으로 붙이거나 빼면 된다. 특정 메뉴나 항목의 글꼴이나 폭, 여백 등을 조정할 때도 케스케이드 스타일시트(CSS)라 불리는 스타일 정의 파일만 고쳐주면 손쉽게 적용된다.

확장성도 뛰어나다. 워드프레스 다중이용자판인 ‘워드프레스MU‘를 이용하면 내 홈페이지(블로그)를 만들 뿐 아니라, 다른 이용자나 부처, 직원 등에게 블로그를 분양해줄 수 있다. 네이버 블로그나 티스토리 같은 블로그 서비스를 힘 안 들이고 자체 구축할 수 있는 것이다.

이렇게 블로그 기반으로 구축한 웹사이트는 검색엔진에서도 잘 노출된다. 국내 공공기관 홈페이지가 대부분 검색로봇의 접근을 막아뒀거나 ‘꼭꼭 숨기는 검색 능력’을 자랑하는 것과 비교해보자. 서울시의 결정이 얼마나 큰 변화인지 짐작할 수 있다.


 

구글에서 워드프레스로 만든 사이트라고 치면 제법 많습니다.

그리고 구직란에 php 개발자를 보면 거의가 워드프레스로 하는 프로젝트입니다.

사람들이 url 경로나 화면 같은걸 보면 어느정도 어떤 솔루션으로 만들었는지 감은 옵니다. 개발자 도구로 주석을 보든지요. 완전히 마개조 해버리면 이게 원래 어떤 솔루션을 기반으로 만들었는지 조차 알수없게 독자적인 사이트가 되겠지요.


제가 cms라고 하면 그누보드 5, 워드프레스, 제로보드 xe 정도 밖에 사용해 보지 않았지만 특징을 정리하면 아래와 같습니다.


-편리성

cms를 사용하는 이유는, 손쉽게 여러가지 페이지들을 만들수 있다는것이 첫번째 이유일거같습니다.

하드코딩으로 화면 하나 하나 찍어내는것보단 공통의 플렛폼에 제목 정도 바꾸어 주고, 몇가지 게시판 유형을 만들어 커스텀하는것이 훨씬 유지보수 및 제작에 용이할 것입니다.

-보안문제

예전엔 오픈소스였기에 경로나 db구조를 다른 사람들이 어느정도 유추가 가능했고, 관리자화면으로 가능 경로도 동일해서 '/ wp-admin' 이렇게 접근해서 공격 들어올수도 있겠죠. 보안상으로 취약한 문제도 있었지만 주기적으로 계속 업데이트가 되어가고 있으므로, 큰 문제 없이 관리가 가능합니다.

물론, 올라오는 보안 업데이트는 계속 받아주는 것이 좋겠죠. 아에 버전이 달라지면 기존에 만들어서 관리하던 사이트들이 호환되지 않는 문제도 생기는것 같습니다.(제로보드4->제로보드xe)

이럴 경우, 계속 이전 버전을 쓰면서 자체 보완 하던가, 아니면 다른 대체 솔루션으로 갈아타야 될것입니다.


특징이라면 이 오픈소스로 무료로 제공되는 국내, 해외 cms 솔루션들은 대부분 php입니다. jsp는 사실 호스팅 구하기도 어렵구 비싸죠. 


그런데 오픈소스라 하더라도, 기본 엔진 말고 그 외에 스킨이나 레이아웃들, 그리고 cms 엔진으로 만든 빌더들은 제작자들이 따로 저작권을 가지는 것 같습니다. 

그래서 그누보드나 제로보드 같은 솔루션으로 홈페이지를 제작해서 판매할 때 라이센스 문제에 유의해야 합니다.


여러 사람들의 피와 땀이 배여있는 소스코드여서 받아놓고 참고해보면 유익하고 재미있습니다. 

디비구조도 비효율적인것은 자신이 쓰기 적합하게 커스텀 하고, 자체 제작해보기도 하면 재미있을거 같네요.


제가 잘못 알고 잇는건지는 모르겠는데, 한국에서 보통 워드프레스 등의 cms를 통해서 사이트를 개발하고 관리하는 사람들은 퍼블리셔 분들이 많다고 들었거든요. 그만큼 내부의 기능이나 구조보다는 디자인에 더 투자할 수 있는 것이 아닌가 합니다.


출처 : 나무위키, 위키피디아, 본인생각



Posted by Joseph514
IT이야기/블로그운영2017. 5. 12. 10:20

-[블로그운영노하우정리]블로그(BLOG)란 무엇일까요?


사실, 저는 티스토리를 쓰기전에도 네이버 블로그나 예전에 싸이월드 블로그. 다음 블로그. 이글루스, 구글 블로거 같은 여러가지 블로그를 사용했습니다.

페이스북이나 트위터같은 마이크로 블로그도 사용해왔었네요.

저는 개인적인 자료 저장소 역할로 십여년 넘게 블로그를 사용해왔으나, 공개된 포스팅으로 남들에게 보여주기 위한 포스팅을 한지는 몇개월 되지 않습니다.

음악을 만들거나 녹음한곡들, 동영상들은 다른곳에 첨부시키는 용도로 많이 썻던거 같네요. 


요즘은 각자 블로그들이 동영상 업로드나 사진업로드가 자연스럽게 되지 않고, 사운드클라우드나 유튜브를 이용한 링크도 가능합니다. 무엇보다 중요한건 이글루스 같은데서는 외부 링크를 아에 막아버렸습니다. 그 사람들도 땅파서 장사는것도 아닌데, 트래픽만 당겨다 쓰니깐요.


그럼 여기서는 블로그를 시작하기 전에, 블로그가 무엇이며, 어떤 종류가 있는지 한번 알아보도록 하겠습니다.



블로그의 뜻은 web + log = blog 라고 합니다.

소셜 네트워크 서비스의 일종으로, 개인이 운영하는 웹사이트를 말합니다.


블로그에 역사를 살펴보면 1980년대 뉴스그룹 시절부터 블로그의 개념에 해당하는 페이지는 존재했다고 합니다. 

현재의 블로그와 같은 형태를 가지게 된 것은 2000년대 들어서 개인 일기장 역할이나 하던 웹사이트들이 상호간 교류를 트기 시작하면서 각종 의사소통의 장이 된 것에서 기인한다고 합니다.

이유가 어찌되었든 2000년도 이후로 10~30대에게는 다수가 이용하는 개인 홈페이지에 가깝습니다. 

초기에는 설치형 블로그만 존재하였기에 IT 분야 종사자 등에서 한정적으로 사용했다가 서비스형 블로그의 등장으로 복잡한 설치과정 없이 클릭 한 번으로 블로그를 열 수 있게 되었고, 더불어 디지털 카메라 가격이 폭락하면서 포스팅할 거리가 많아지면서 차츰 싸이월드 이상으로 인기를 끌기 시작했습니다.


자기 생각이나 견해없이, 혹은 위장용으로 몇 개만 대충 올려놓고 나머지는 특정 기업이나 상점의 상품광고에 할애하는 광고용 블로그도 범람하고 있습니다. 

특정 상품을 홍보하고 리베이트를 받는 블로그도 있으며, 기업 자체가 영리 목적으로 블로그를 개설해 뛰어드는 사례도 어렵지 않게 찾아볼 수 있습니다.

블로그에서 행해지는 이러한 변칙적 광고행위는 광고가 아닌 일상적인 포스팅으로 여겨지는 일이 많아 소비자들에게 다가가기 쉽다는 강점을 가지고 있고, 특히 식료품이나 가전제품, 화장품, 의류, 보험 영역에서 매우 자주 나타나고 있습니다.


인터넷에서 흔히 듣는 바이럴 마케팅이라는 단어도 있지요. 바이럴 마케팅에 대해서는 한번 따로 포스팅하겠습니다.


바이럴 마케팅이란 무엇일까요?


'이런 건 자기 블로그에 쓰세요'라고 할 정도로 블로그가 자신의 생각을 자유롭게 서술할 수 있는 대표적인 사이버 공간 중 하나라는 의미입니다. ex)'일기는 일기장에'


트랙백이나 핑, 링크 등의 시스템을 통하여, 블로그에 블로그를 타고 넘어가면서 순식간에 인터넷 전반에 자신의 의견을 피력할 수 있습니다. 

또한 마음에 드는 블로그는 RSS Feed를 통하여 거의 실시간으로 업데이트 사항을 체크할 수 있는 등, 인터넷 상에서의 의사소통에 최적이라고 할 수 있습니다.


블로그 문화의 확산과 함께 등장한 것이 스타급 블로거입니다. 이들은 하루 접속자수가 수만명 수준이기 때문에 이들이 올리는 포스팅은 하나하나 무서운 힘을 갖습니다. 

이를 중립적인 입장에서 잘 쓰면 괜찮은데, 악용해서 개인의 이익을 취한다든지 다른 사람을 무시하는 경우가 잦다고 합니다. 

급속한 블로그의 확산으로 인한 아노미 현상이라고 할 수 있겠죠. 


서비스 안 줬다고 맛없는 집이라 낙인 찍는다든지, 틀린 점을 지적하는 댓글을 삭제하고 접근 차단한다든지 등을 볼수 있습니다.


블로그는 기본적으로 블로거의 홈그라운드와 같기 때문에 글쓰는 주제에 대해 노터치가 예의입니다만 이를 악용하여 자신의 망상이나 욕망을 찌끄리고 다니는 블로그가 증가하는 추세에 있습니다. 

이런 곳은 '태클 금지'를 내세우며 스팸 방지를 목적으로 하는 댓글 검열제, 사전 등록제를 악용하여, 자신의 입맛에 맞는 의견만을 취사선택함으로써 자신의 찌질함을 드러내는 경우가 많습니다.


그러나 법원에서 「블로그는 사적 공간이 아니다」란 판결을 내놓았다고 합니다. 


블로그에 올린 비방 글 "사적 공간 아니다" 유죄

원문보기


법조계에선 소셜네트워크서비스에 남긴 글을 다수 이용자가 손쉽게 공유할 수 있는 만큼 공적인 공간으로 봐야한다는 의견이 우세합니다.

특히 범위를 제한해 남을 비방하는 글을 올리더라도 다른 사람을 거치면서 퍼질 수 있기때문에 명예훼손이 성립할 가능성이 커진다고 조언합니다.

[설현천/ 변호사 : 트위터나 페이스북이라고 하더라도 타인의 명예를 훼손하거나 모욕적인 내용이 포함된 경우에는 빠르고 급속하게 전파가 되기 때문에 형사처벌을 받을 수 있습니다.]

청주지법은 오늘 지난 6.2 지방선거 기간 특정 후보 비방글을 블로그에 올린 40대 남성에게 유죄 판결을 내리면서 "블로그를 순수한 개인공간으로 보기 어렵다"고 판시했습니다.


애초에 노출도가 매우 높은 블로그라는 컨텐츠를 지극히 사적인 배출구로 쓰니 문제가 발생하는 건 어찌보면 당연한 일이겠지요.

그리고 서비스형 블로그는 모두 회사가 운영하는 체제이기 때문에 정부나 법무기관이 쉽게 게시물을 단속할 수 있는 단점이 있습니다. 

일례로 2009년 7월 저작권법 개정안이 발효됐을 때, 정부의 처벌이 무서워 포스트를 비공개로 돌리고 사실상 블로그를 폐쇄하는 블로거가 많았으며, 2007년 11월에는 모 법무법인이 합의금 뜯어내기 작전을 실행하였는데, 네이버 블로그나 이글루스같은 블로그에서 주로 이루어졌다고 합니다.

일부 블로거들은 블로고스피어가 점차 계급화되고 있다며 슬퍼합니다. 

예를 들면 티스토리같은 경우 초창기와는 달리 이젠 베스트에 일부 블로거만 계속 왔다갔다하는 모습을 보여줍니다. 

기발한 포스팅들이 그 베스트의 한 축에 드는 것은 절대 무리라고 합니다. 

이런식의 빈익빈 부익부 현상은 앞으로도 심해질 것이라는 의견이 나오기 시작했습니다. 

그렇다고 개인 홈페이지를 만들어서 운영하면 사람이 많이 오는 것도 아닙니다.


2010년대 들어 부는 트위터, 페이스북의 유행 때문에 블로그는 서서히 소강세에 접어들고 있다고 합니다. 

아직 SNS 중 블로그 외에는 카테고리별로 글을 분류하는 기능을 가지고 있는 다른 서비스가 없지만, 저 두 서비스의 기능으로도 어느정도 대체할 수 있게 되었기 때문으로 보여집니다. 


사실 위에서 언급한 SNS(Social Network Service)에는 마이크로 블로그 외에도 일반 블로그도 포함하는 개념인거 같습니다 한국에서는 마이크로 블로그를 의미합니다.


-마이크로블로그(microblog)란?

"

자신의 생각이나 뉴스, 잡담 등을 실시간으로 작성해 공개하는 블로그입니다. 

보통 글자 수 제한을 두는 점이 특이한데, 이유는 휴대전화와 연동하여 문자를 써서 바로 올릴 수 있게 하기 위해서입니다. 

트위터 개발자에 따르면 사람은 무언가 제한이 있을 때 보다 효율적인 결과를 위해 고민한다고도 합니다.

트위터 이후 우후죽순처럼 늘어났고 지금은 국가별로 2개 이상의 서비스를 발견할 수 있습니다. 

웹 서버를 가지고 있거나 호스팅을 받은 사람이 서버에 설치해 자체적으로 마이크로블로그 서비스를 할 수 있게 만든 소프트웨어들도 있습니다.

"


네이버 블로그는 네이버 검색 등에서는 블로그 검색 결과가 상단에 뜨는 경우가 많고, 여러가지 정보를 하나의 글로 한 번에 전달할 수 있기 때문에 포털사이트 등에서는 블로그 포스팅을 많이 밀어주는 편입니다. 

물론 이는 포털 사이트에서 점유율을 높이기 위한 수단이기도 합니다. 


그래서 한국에서는 네이버 블로그를 개발자들이 보기엔 고인 물, 닫힌 공간이라 표현하지만 일상생활이나 맛집, 여행명소, 영화리뷰 같은 것들이 활성화 되는것 같네요. 



보통 블로그라 불리는 애들은 서비스형 블로그와 설치형 블로그가 있습니다.

-서비스형 블로그

'가입형 블로그'로 불리우며 국내에서 일반적으로 사용되는 블로그는 대부분 서비스형 블로그라고 보면 됩니다. 

집으로 비유하면 아파트와 같습니다.

사용이 쉽지만, 자신만의 블로그 주소를 가질 수 없고, 디자인도 주어진 선택 사항 중에서 골라야 하며, 블로그 용량에도 제한이 있는 경우가 많습니다. 그리고 블로그에 올려놓은 글의 소유권이 애매하기 때문에 백업도 힘들며, 경우에 따라서는 회사의 횡포로 인해 사용자에게 통보없이 글이 삭제되거나 사용자의 강퇴로 인해 블로그 자체가 사라지는 경우도 있습니다. 예전에 싸이월드가 없어진다는 떡밥이 돌때, 사진첩 자료들 백업하려고 개고생했던 기억이 나네요.

즉, 설치형 블로그에 비해 자유가 없습니다. 틀이 고만고만한데 그안에서 유료스킨을 사거나 하는것으로 차별을 둘수는 있겠죠.

티스토리 같은 경우 서비스형 블로그 치고는 나름 좀 자유도가 높지만, 다른 블로그로 이전할 경우 자료를 백업할수가 없기에 엄청난 고생이 예상됩니다.


-설치형 블로그

블로그를 써 나갈 수 있는 블로그 소프트웨어(cms)를 자신의 웹 계정에 설치해 사용하는 블로그를 말합니다. 

집으로 비유하면 단독주택이라 볼 수 있겠죠. 

자신이 직접 설치해 사용하기 때문에 모든 면에서 자유롭다는 점이 설치형 블로그의 가장 큰 특징입니다.

국내에서는 사용이 쉬운 서비스형 블로그에 비해서 그다지 많이 사용되지는 않는 방식의 블로그입니다. 

그 이유인 즉슨 유지관리가 어렵기 때문입니다. 

설치부터 데이터 관리까지 사용자가 직접 손을 대야 하기 때문에, 관련 지식이 없다면 짜증을 느낄 수도 있다고 합니다. 어렵다고 하지만 사실 어느정도 로컬에서 아파치 서버 구축해서 제로보드만들던 정도의 지식만 있으면 어렵진 않습니다. 다만, 블로그 cms프로그램에서 요구하는 사항과 호스팅에 php버전이나 mysql 버전같은 것들이 제공해주는것과 안 맞을수도 있습니다. 그리고 상대적으로 서비스형 블로그에 비해 메타블로그에 노출되기 힘들다는 점이 있어 찾아오는 방문객이 극히 드물다는 단점이 있습니다.

그리고 무엇보다 호스팅비, 도메인비가 지속적으로 나갑니다. 아마 이게 대부분의 사람들이 서비스형 블로그를 하는 제일 큰 이유일거 같네요.

운좋게 무료 호스팅을 얻더라도 1년제약 이라던지, 용량이나 트래픽문제, 보안문제 등등 신경써야 할게 태산입니다.

jsp로나 다른 언어로 블로그 만드는것도 가능하나, 보통 설치형 프로그램은 php로 만들어지는것 같더군요.


PHP란 무엇일까요?


JSP란 무엇일까요?


참고로 말씀드리면 워드프레스의 경우, 설치형으로 제공되기도 하고, 서비스형으로 워드프레스 닷컴에서 제공되기도 합니다.


아래는 현재 운영중이거나, 유명한 국내외 서비스형 블로그와 설치형 블로그의 종류입니다.


-국내 서비스형 블로그

네이버 블로그

티스토리

다음 블로그

이글루스

미디어몹

빙글

포스타입


-국외 서비스형 블로그

Blogger

워드프레스 닷컴(wordpress.com)

exblog(exblog.jp)(일본)

fc2 blog(blog.fc2.com)(일본)

Ameba

쥬겜블로그(jugem.jp)(일본)

텀블러



-설치형 블로그

워드프레스

텍스트큐브

텍스타일(textyle.kr)

b2evolution

Jekyll

무버블 타입

아파치 롤러


마이크로 블로그는 제외하고 한국에서 통상적으로 블로그라 불리는 블로그들입니다.

이 포스팅에서 블로그는 무엇이며, 블로그 종류에는 어떤것들이 있는지 알아보았습니다.



출처 : 나무위키, 본인생각, SBS 뉴스



Posted by Joseph514
IT이야기/입코딩2017. 5. 8. 21:14


인터넷에서 많이 쓰이는 호스팅이라는 용어에 대해서 알아보겠습니다.


전 처음 블로그를 시작하려고 했을때, 나름 웹개발자라서 AWS 서버 구축해서 직접 제작한 블로그를 쓰던가 못해도 워드프레스 같은 cms 를 직접 제작해서 관리해보려는 생각을했습니다.

그러다 무료 호스팅을 신청해서 1년정도 개인홈페이지나 블로그도 만들어봤구요.

그런데, 느껴진게 귀차니즘의 압박으로 네이버 블로그나 티스토리 블로그로 갈아탔네요. 언젠가 가능하다면 개인 호스팅에 사이트를 운영해 보고싶기도 합니다.

일단 호스팅(hosting)이란 뜻을 정의해보면, 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해 주는 서비스를 말합니다.

co.kr 이나 .net 같은 도메인과는 좀 개념이 다릅니다. 도메인(domain)이란 문자로 표시한 인터넷 주소입니다. 모를 때는 카페24같은 호스팅업체에서 도메인도 서비스하기에 같은 개념인줄알았습니다.

집에서 아무리 만들고 가지고 놀아도 외부에서 사람들이 보려면 본인의 컴퓨터를 서버로 쓰거나 간단한 작업정도는 쓸수 있겠지만 호스팅이 있어야 겠지요.

인터넷에 연결된 웹 사이트를 운영하기 위해서는 1일 24시간, 1년 365일 항상 인터넷에 연결된 서버 컴퓨터를 운영해야 합니다. 

학부생 시절에 동아리방 구석에 모니터와 키보드 없이 본체만 켜져있는 리눅스 서버를 돌려서 푸티로 접속하고 가지고 놀았던 기억이 있는데요.

만약 집에서 했다면 전기세, 인터넷 트레픽 때문에 눈치가 이만저만 아니겠지요. 개인학습이나 소수 인원이 쓰기엔 노는 데스크탑이나 노트북으로 서버환경 구성해서 사용해도 문제는 안됩니다만, 회원이 몇십명만 넘어가도 부화가 걸려서 버벅거리는게 느껴지더군요.

개인이나 기업 또는 단체가 이런 서버 컴퓨터를 독자적으로 구축하여 운영하기 위해서는 막대한 비용이 필요로 합니다.

이러한 문제를 해결하기 위해 전문 호스팅 업체가 미리 여러 대의 서버 컴퓨터를 구축한 뒤, 그 공간 중 일정 부분을 이용자들에게 임대해 주고 그 대가를 받는 서비스가 생겨났는데, 그것이 호스팅 서비스입니다.

유명한 카페24나 phpschool 같은 경우는 단돈몇백원에 한달의 호스팅을 제공해 주기도 합니다. 물론 사이트의 규모가 커지면 사용자수도 늘어나고 용량도 늘어나서 유지비가 많이 들겠죠.

호스팅 서비스에는 웹 호스팅과 서버 호스팅, 메일 호스팅 등 다양한 종류가 있습니다. 

-웹 호스팅 혹은 공유 호스팅(shared hosting)

개별 홈페이지를 운영하는 사용자를 위해 서버 컴퓨터의 일부 공간을 임대해 주는 서비스입니다. 

웹호스팅은 하나의 서버에서 여러 사용자의 사이트를 띄워주기 때문에 한 사용자가 서버자원을 과도하게 사용하게 되면 서버내 다른 사용자 페이지 처리속도에 영향을 끼쳐 업체마다 정해진 조치를 취합니다. 

물론 사용자측에서는 서버부하가 보이는 것도 아니고, 억울할 수도 있으나 아무래도 다른 서비스에 비해 저렴한 서비스라 감수해야하고, 조금 더 비싼 단독웹 호스팅은 어차피 혼자쓰기 때문에 중요한 사이트라면 돈을 더 내더라도 단독웹이나 서버호스팅을 쓰는게 낫다고 합니다. 

장점

저렴한 가격도 있지만 서버관리에 대해 신경쓸 필요가 없다는게 큰 장점입니다. 

단독웹 호스팅과 서버호스팅은 혼자쓴다는 점은 같지만, 웹호스팅은 서버에 손 댈 필요가 없습니다. 서버 호스팅에는 가상 서버(virtual private server) 호스팅과 단독 서버(dedicated server) 호스팅으로 나뉘는데, 가상 서버 호스팅은 서버의 일정한 공간을 KVM, Xen, OpenVZ 등의 가상화 기술을 이용하여 한대의 서버처럼 나눠주는 서비스이며 단독 서버 호스팅은 서버 한대를 전부 임대해 주는 서비스로서 일정 비용을 납부해야 합니다. 


-메일 호스팅

이메일 혹은 웹메일 계정과 공간을 임대해 주는 서비스입니다. 

기타 이외에도 쇼핑몰 호스팅, 리셀러 호스팅 등이 있습니다. 웹호스팅을 구매하면 해당 옵션에 메일 몇개씩 메일 호스팅은 기본으로 포함되어 있더군요.

호스팅 서비스는 스토리지에 따라서 SSD, HDD로 나뉘고, 운영체제에 따라서 리눅스(Linux) 호스팅, 윈도우즈(Windows) 호스팅로 나누기도 합니다.

하지만 해당 호스팅이 웹 호스팅일경우, 혹은 꼭 웹 호스팅이 아니라도 그냥 저렴한 리눅스 호스팅을 쓰는게 나은 경우가 있습니다.

많은 사람이 간과하는 부분이 있는데, 일부 호스팅 업체는 서버에 부담을 준다는 이유로 검색엔진 봇(구글봇, 네이버 봇 등)을 막아버리는 경우가 있습니다. 개인 자료관리용이라면 상관없겠으나 그렇지 않은 경우라면 아무리 열심히 홈페이지를 운영해도 방문자가 들어오지 않을수 있습니다. 검색에 민감한 홈페이지를 운영할 계획이라면 호스팅을 신청하기 전 검색엔진 봇을 차단해 두는지 여부 등을 미리 물어보도록 하거나 안전하게 단독형 호스팅을 사용하는 게 좋다고 합니다.


호스팅을 구매하기전 팁

워드프레스 같은 CMS 도구나 미디어위키같은 위키엔진을 설치하고자 할 경우, 서버 환경이 UTF-8기반에 PHP와 MySQL 버전이 최신으로 세팅 되어 있는지 꼭 확인하는게 좋습니다. 

PHP, Mysql 양쪽다 5 이상이면 괜찮다습니다. 단, 워드프레스나 미디어위키, XE 최신버전은 PHP 5.3 이상을 요구합니다. 

SSH 지원 여부도 중요한데. 호스팅에 따라 SSH가 지원되지 않는 경우가 생기면 홈페이지 관리가 불편해집니다.

제 실력이 짧아서 그런지 모르겠지만 php 라라벨 프레임워크 같은경우는 설정을 안해주면 아에 하지를 못하는경우가 생기더군요.

SSH가 지원되는 호스팅을 고르고 그렇지 않다면 cPanel 같은 관리자 툴이 제공되는지 꼭 알아보아야 할것입니다.

마지막으로 가장 중요한 것은 역시 비용입니다. 한국을 포함한 아시아권 서버의 비용은 전반적으로 비싼 반면 구미권 서버비는 상당히 싸다고 합니다. 저는 한국것만 써봤는데, 영어를 더 익혀서 북미에 미국호스팅이나 캐나다 호스팅도 한번 사용해봐야겠군요.


출처 : 나무위키, 본인생각

Posted by Joseph514
IT이야기/입코딩2017. 5. 8. 13:40

웹브라우저란 무엇일까요?


웹개발자라면 당연히 알아야 할 웹브라우저에 정의에 대해서 한번 알아보았습니다.

웹브라우저란 HTML 문서와 그림, 멀티미디어 파일등 월드 와이드 웹을 기반으로 한 인터넷의 컨텐츠를 검색 및 열람하기 위한 응용 프로그램의 총칭입니다.

현재는 사람들이 흔히 사용하는 익스플로러, 구글 크롬, 파이어폭스 등이 있습니다.

세계 최초의 웹 브라우저는 팀 버너스 리가 NeXTSTEP용으로 개발한 'WorldWideWeb'이라고 합니다. 

그후 크로스 플랫폼으로 된 line-mode browser가 CERN에서 개발되었으며, 1993년 '모자이크'라는 이름의 브라우저가 최초로 이미지를 바로 표시할 수 있는 기능을 넣고 월드 와이드 웹 붐을 타면서 큰 성공을 거두게 됩니다. 

이후 넷스케이프 네비게이터 등의 웹 브라우저가 만들어졌고, 넷스케이프의 점유율이 한때 86%를 넘는 시절도 있었으나 넷스케이프의 개발이 늦어진 틈을 타서 마이크로소프트의 전략(윈도우즈 98에 인터넷 익스플로러 4를 내장)과 인터넷의 폭발적 전파가 맞물려 넷스케이프는 급속도로 침몰, 인터넷 익스플로러(IE)가 전 세계 웹 브라우저 시장을 독점했습니다. 

(IE는 2003년에는 약 95%에 이르는 점유율을 기록했다고 하는군요.)

2000년 중반 인터넷 익스플로러(IE)가 기술적으로 계속 정체되어 몇 년째 IE6에 머무르고 있는 틈을 타서 모질라 파이어폭스가 점유율을 잠식하기 시작합니다. 

2008년 후반에는 구글 크롬등 새로운 웹 브라우저도 등장해 현재는 모질라 파이어폭스나 구글 크롬, 사파리, 오페라 등 다른 웹 브라우저가 서서히 점유율을 늘리고 있는 중입니다.

웹 브라우저의 점유는 곧 인터넷의 점유(혹은 지배)라고 해도 과언이 아닌데, 인터넷 자체가 다양한 문서의 집합체인 만큼 '특정한 프로그램'으로만 그것들을 온전히 열람할 수 있다고 한다는 것은 곧 인터넷 전체가 특정 프로그램에 종속된다는 것을 의미하는 것입니다. 

넷스케이프가 시장을 장악했을 때나, 이후 IE가 시장을 장악하였을 때 이러한 현상이 매우 심각하게 나타납니다. 

수많은 사람들이 이를 경고했고, 웹 표준을 지키자는 캠페인이 진행되었으며, 수많은 웹 브라우저들이 개발되었습니다.


웹브라우저가 하는일을 그린 만화

출처 Deviantart 

-인터넷 익스플로러(IE)의 독점이 장기화 되면서 발생되는 문제점

액티브X나 MS DOM 등 독자적인 기술이 마치 표준인 양 이용되면서 다른 브라우저들을 제대로 이용하지 못하는 악순환이 벌어지기도 하였고(국내는 아직도 이 문제가 심각합니다.), 

경쟁이 사라지면서 IE의 버전업이 늦어지기도 하였고(파이어폭스가 주목을 받기 전에는 IE7의 계획 자체가 없었습니다. 심지어 MS의 브라우저 팀이 해체됐을 정도였다고 하네요), 

이로 인해 사용자들이 신기술을 체험하는데 방해가 되기도 하였습니다.

그로 인해 마이크로소프트는 악의 근원이며, 인터넷 익스플로러는 그들의 무기라고 인식하는 사람들이 은근히 늘어나고 있습니다. 

물론 마이크로소프트가 인터넷 익스플로러의 높은 점유율을 이용해 일부 고압적인 정책을 편 것은 사실이나, 그보다 더 큰 책임은 무책임하게 비표준 기술을 남용한 일부 개발자나 웹 디자이너, 혹은 높으신 분들에게 있을 것입니다.

전 세계적으로 인터넷 익스플로러(IE)의 시장 점유율은 약 30%대로, 2012년 5월을 기점으로 점유율이 크롬에 의해 따라 잡혔으며 지속적으로 하락하고 있습니다. 유럽에서는 파이어폭스와 비등하며 러시아나 독일 등의 일부 국가에서는 오페라나 모질라 파이어폭스의 점유율이 높은 국가도 있습니다. 

전 세계적으로 보았을 때 점유율 탑 3는 인터넷 익스플로러, 모질라 파이어폭스, 구글 크롬이며 점유율 비는 4:3:2 정도이며 나머지 1을 오페라나 사파리 등의 브라우저가 점유하고 있습니다.

대한민국에서는 아직까지도 IE를 기준으로 만들어진 홈페이지가 아직 많이 있고, 많은 금융기관 및 정부 공공기관의 보안 체계가 액티브X로 되어 있어 현재까지도 시장 점유율이 70%대 정도 유지하고 있다. 파이어폭스나 크롬을 주 웹 브라우저로 쓰는 사람들도 금융 결제 때문이라도 IE를 완전히 버릴 수 없는 상황이다.

제 경험으로는 개발자가 웹표준에 맞추어 하면 그래도 상관이없는데, 예전부터 만들어져오던 사이트들의 경우 웹표준 따윈 개나 주는 상황이라서, 유지보수 업무로 프로젝트에 들어갔는데 싹 뜯어고치는 일이 생기더군요.

최근까지도 공공기관 사이트들 부터 엑티브엑스에 공인인증서 로그인을 해야되는 곳들이 많습니다.

고인물은 썩는다고, 다른 웹브라우저들에도 정상적으로 적용되는 스크립트와 css를 먹여야 겠지요.

사용하는 웹 브라우저가 웹 표준을 잘 지키는지, 즉 표준을 지키면서 개발되었다는 전제 하에 웹페이지를 개발자의 의도대로 표시할 수 있는지를 Acid 테스트에서 확인할 수도 있습니다.

황당하게도 하나의 애플리케이션에 불과했던 웹브라우저가 HTML5 등의 기술 발달로 거의 모든 애플리케이션을 잠식하고 있습니다.

이를테면 iPhoto 같은 데스크톱 애플리케이션이 담당했던 사진 관리를 지금은 Flickr나 구글 플러스 사진 등의 서비스가 대체해 나가고 있고 오피스 역시 구글 드라이브와 같은 웹 오피스의 도전이 거세졌습니다. 

아예 기존의 강자였던 MS와 애플이 웹 오피스 버전을 내놓는 지경이라고 합니다. 

웹브라우저의 성능과 하드웨어의 발전이 맞물려 나가면 앞으로 웹이 해 나갈 수 있는 일은 더욱 많아질 것입니다. 

게임이나 유틸리티 등등 웹만으로 구현하지 못하는게 없을 정도로 다양한 기능들이 있더군요. 그래서 웹 개발만으로도 향후 몇년은 더 먹고 살수 있을거같다는 생각이 듭니다.


출처 : 나무위키, 본인생각

Posted by Joseph514
IT이야기/입코딩2017. 5. 7. 15:22

-부트스트랩 프레임워크(Bootstrap Framework)에 대해서 알아보겠습니다.

요즘 웹에서 유행하고 있는 부트스트랩 프레임워크에 대해서 한번 알아보겠습니다. 

일단 부트스트랩 프레임워크는 트위터에서 시작된 HTML5 기반의 오픈 소스 웹 디자인 프레임워크입니다. 

시작은 디자이너 하나와 트위터의 한 개발자였지만 지금은 트위터에서 주도적으로 개발하고 있지는 않다고 합니다.

일단 부트스트랩의 장점들을 한번 알아보겠습니다.

트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JavaScript로 만들어 놓은 것이라고합니다. 

웹 디자이너나 개발자 사이에서는 웹 디자인의 혁명이라고 불릴 정도로 폭발적인 반응을 얻는 프레임워크입니다.

그 이유는, 글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘 등의 자잘한 것 뿐만이 아니라, 드롭다운 메뉴, 버튼, 탭, 리스트, 메뉴바, 페이지 이동 바, 알림 메시지, 썸네일, 진행 바 등의 웹 페이지에서 많이 쓰이는 요소를 거의 전부 내장하고 있기 때문입니다. 이 때문에 웬만한 웹 페이지는 부트스트랩의 CSS와 JavaScript, 관련 이미지만 설치하고 미리 지정된 CSS 클래스나 JavaScript 함수만 불러오면 트위터에서 쓰는 것과 엇비슷한 디자인이 뚝딱 만들어집니다. 거기다 PC용 디자인 뿐만 아니라 태블릿이나 스마트폰 같은 모바일용 디자인도 지원합니다. 

이 때문에 디자인을 할 시간이 크게 줄어들고, 여러 웹 브라우저를 지원하기 위한 크로스 브라우징에 골머리를 썩일 필요가 없습니다. 

크로스 브라우징을 위한 각종 핵도 들어 있기 때문이라고 합니다. 거기다 웹 브라우저 크기에 따라 자동으로 정렬되는 "그리드 시스템"을 채용하고 있기 때문에 하나의 웹 페이지를 데스크탑, 태블릿, 스마트폰 모두에서 무리없이 보게 만들 수 있습니다. 즉 반응형 웹 디자인을 지원한다는 의미입니다.

다들 아시겠지만 반응형 웹이란 웹 디자인 기법 중 하나로 웹(Web)에 접속하는 디바이스에 반응하는(Responsive) 디자인(Design)을 말합니다. 모바일 페이지를 따로 만들필요없이, 웹페이지 하나로 다 나온다는 이야기군요.

거기다 이게 오픈소스입니다. GPL은 아니고 MIT 허가서를 사용하는데, 재배포 면에서는 GPL보다 휠씬 자유로운 라이선스입니다. 

단 같이 들어 있는 아이콘은 CCL BY 3.0을 사용하므로 출처를 밝혀야 한다고 합니다. 소스까지 오픈되어있다 보니 여기서 파생된 프로젝트만 해도 수백 개를 넘어가더군요.

그렇다면 부트스트랩의 단점들은 어떤것이 있는지 알아보겠습니다.

단점은 디자인이 정형화 되어 있다 보니 비슷한 디자인의 페이지가 양산될 수 있다는 것입니다. 대게 부트스트랩으로 만든 사이트들은 모양이 고만고만합니다. 그러나 이건 오픈소스의 힘으로 극복이 가능하다고 합니다. 오픈소스이다 보니 사용자가 커스터마이징 하는 것도 자유롭고, 이 커스터마이징 한 것을 재배포해도 됩니다. 심지어는 상업적으로 판매하는 것도 허용한다고 합니다. 

하지만 우리나라에서는 심플한 디자인보다는 이미지를 많이 쓰는 화려한 디자인을 선호하는지라 부트스트랩으로 만드려면 소스를 처음부터 뜯어 고치다시피 코딩을 해야하다보니 인기가 없다고 합니다. 이것 이외에는 HTML5에 맞춰져 있다 보니 구형 브라우저 지원이 미흡하다고 합니다. 이 때문에 HTML5가 제대로 지원되지 않는 IE7,8의 경우에는 강제로 HTML5를 인식시키는 JavaScript 코드가 필요하고, 가뜩이나 JavaScript 해석이 느린 IE 구버전을 더 느려지게 하는 주범이 됩니다. 결국 이 때문인지 3.0에서는 IE8부터 정식 지원합니다.

부트스트랩이 적용된 사이트로는 나무위키, 리그베다위키, 리브레 위키, 티비플, 위키닷, XpressEngine 공식홈페이지 등이 있다고 합니다.

디자인에 크게 신경쓰지 않고 사이트를 뚝딱만들수 있어서 참 유용했는데, 웹디자인 프레임워크 치고는 좀 불편하다는 이야기도 있더군요.


출처 : 나무위키, 본인생각

Posted by Joseph514