php, asp, jsp, JAVA,  c, c++, c#, object c, JAVA

네이버모바일에서 pc로 가지는경우

네이버모바일에서 pc로 가지는경우

 

 

네이버모바일에서 pc로 가지는경우

네이버모바일에서 pc로 가지는경우

네이버모바일에서 pc로 가지는경우 모바일 버전에서 상자안에 있는 메뉴를 클릭했을 때, 모바일 페이지가 아닌 pc 페이지로 넘어가는 경우가 있습니다.

예를 들어 여기 상자 안의 [YOONHO] 페이지를 클릭해볼까요?

네이버모바일에서 pc로 가지는경우

이렇게 pc페이지로 뜨네요..

다시 모바일 페이지로 뜨게 하기 위해서는

/www/pages/sub1-1.php ~ /www/pages/sub4-4.php 페이지 10번째 줄 아래부분
() 까지 자바스크립트 추가

document.location='/m/sub01.html'; 부분을 해당 페이지로 경로 이동시킴

/www/bbs/board.php 10~18번째 줄 부분 추가

모바일로 접속시 $bo_table 이 notice 인경우와 gallery 인 경우 다른 게시판으로 이동시킴

그러면 아래 그림처럼 모바일 페이지가 뜨게 됩니다

네이버모바일에서 pc로 가지는경우

네이버모바일에서 pc로 가지는경우 이렇듯 소스를 직접 수정해줘야하며 네이버하고는 아무런 관련이 없습니다.

seo검색엔진최적화

검색엔진최적화

seo검색엔진최적화 개요

1. 개요

  • 기존 웹사이트
    ( html ~ /html )
  • → 네이버 키워드광고
  • → 파워블로그 제휴 마케팅

what to do -> SPEND MONY

사이트 개설 초기에 수익보다 광고비가 더 많이 발생, 사업의 리스크가 큽니다

  • seo 웹사이트
    ( html xml:lang="ko" ~ /html )
  • → 전세계 15개 검색로봇에 ping
  • → 네이버, 빙, 구글에 sitemap 제출, 검색 인덱스 생성

what to do -> Building SEO Website

사이트맵으로 제출된 페이지들의 코드가 SEO가 잘 되었는지 체크, 이후의 마케팅은 검색엔진이 평생 무료로 해줍니다.
(seo검색엔진세팅) seo검색엔진최적화

2.서비스 일람 ( seo검색엔진최적화)

서비스명 설명 비용
SEO 변환작업 기존의 웹사이트에 접근하여, 코드를 변경함으로써, 검색엔진이 수집하기 좋게 변경하는 작업입니다. 컨텐츠 구성에 따라 차등.하나의 CMS로 구성된 프로그램의 경우,200만원부터..
사이트맵 제작 및웹 마스터툴 관리핑 서비스 등록 네이버, 빙, 구글 검색엔진에 사이트맵과 핑을 별도로 제작하여 등록, 그리고 이를 관리합니다. 100 만원부터..
키워드 유입 늘리기 위한별도 프로그램 작업 사업의 잠재고객이 입력하는 키워드에 전략적으로 노출되게끔 간단한 프로그램을 개발합니다. 100 만원부터..
통합 패키지 솔루션 SEO 와 관련된 모든 가능한 기술적 지원을 제공합니다. 300 만원부터…

모바일개발

모바일의 정의

통신이 되는곳에는 시간과 장소에 구애없이 어디든 데이터 전송이 가능한 모바일(Mobile)

 

모바일이란

모바일은 「이동성이 있는」이란 의미의 형용사이다. 그러나 최근에 와서는 가정이나 회사 이외의 장소에서 휴대용 정보 단말기를 가지고 다니면서 인터넷이나 전화 회선을 통해 정보를 주고받는 것을 말하며, 휴대용 정보 단말기 자체를 모바일이라고도 한다.

-[네이버 지식백과] 모바일 [MOBILE] (컴퓨터인터넷IT용어대사전, 2011.1.20, 일진사)

 

모바일의 필요한 요소

HTML5 + CSS3

-HTML5를 활용하여 구조적인 Markup을 설계할 수 있습니다.

-CSS를 활용한 디자인 설계 및 유지보수할 수 있습니다.

-CSS3 Animation을 활용한 Dynamic 콘텐츠를 제작할 수 있습니다.

-모바일 및 다양한 Device를 위한 One Web을 구현할 수 있습니다.

javaScript

JavaScript의 특징적인 문법을 효과적으로 학습하여 개발자라면 반드시 숙지해야 될 JavaScript 핵심을 실무에 활용한다.

-JavaScript식으로 생각할 수 있는 힘을 갖는다.

-JavaScript 객체 지향 프로그래밍 기법으로 Client Side 뿐만 아니라 Server Side 어플리케이션을 개발할 수 있다.

-단위테스트와 디버깅 기법을 익혀 대규모 JavaScript 기반 애플리케이션을 개발할 수 있다.

-HTML5, CSS3, JavaScript Framework(JQuery), WebApp 등 관련 차세대 기술을 쉽게 습득할 수 있다.

-Document 내의 요소에 접근하고 요소를 생성하고 조작할 수 있다.

-AJAX 기법을 이용해 서버와 통신할 수 있다.

jQuery

-JQuery UI 이용해 빠르게 복잡한 화면 UI를 생성할 수 있다.

-JQuery Effect로 다양한 화면 효과를 처리할 수 있다.

-JQuery Event를 이용해 이벤트 처리를 효과적으로 할 수 있다.

-JQuery를 이용해 HTML 요소를 조작할 수 있다.

-JQuery Selector를 이용해 Document 내의 요소들을 빠르게 찾을 수 있다.

-JQuery의 Ajax 기능을 이용해 서버와 통신할 수 있다.

-다양한 JQuery Plugin을 찾아서 이용할 수 있다.

-웹사이트, webapp, 모바일 웹까지 효과적으로 개발할 수 있다.

 

모바일 웹사이트

1. 현대백화점

www.ehyundai.com

3. 29cm

www.29cm.co.kr

jsp개발

jsp 개발 : JSP 정의

JSP 프로그램

자바 서버 페이지(JavaServer Pages, JSP)는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. Java EE 스펙 중 일부로 웹 애플리케이션 서버에서 동작한다.

자바 서버 페이지는 실행시에는 자바 서블릿으로 변환된 후 실행되므로 서블릿과 거의 유사하다고 볼 수 있다. 하지만, 서블릿과는 달리 HTML 표준에 따라 작성되므로 웹 디자인하기에 편리하다. 이와 같은 기능을 하는 프로그램으로 PHP, ASP, ASP.NET 등도 있다. 아파치 스트럿츠나 자카르타 프로젝트의 JSTL 등의 JSP 태그 라이브러리를 사용하는 경우에는 자바 코딩없이 태그만으로 간략히 기술이 가능하므로 생산성을 높일 수 있다.

– 위키피디아에서 발췌

JSP 특징

– ASJAVA의 장점을 그대로 사용

– 다양한 servlet 간의 데이터 공유

– 많은 사용자의 원활한 접속처리

– 세계적인 업체의 강력한 지원

– Servlet, EJB 등의 기술과 융합

JSP 단점

제작시간이 상당히 많이 걸리고 ASP에 비해 코드용량이 1.5배가량 되며 디비를 오라클하고 많이 쓰이며, 오라클 역시 MSSSQL처럼 런닝게런티의 비용이 들어갑니다.

JSP 특성

JSP는 HTML, DHTML 그리고 XML 에 구현되어 Web컨텐트를 동적으로 처리하는 어플리케이션을 만들기 위한 Java플랫폼 기술입니다. JSP를 사용하여 Java 언어와 몇 가지의 전용 태그를 통해 강력하면서 모든 플랫폼에 적용될 수 있는 동적 컨텐트를 쉽게 만들 수 있습니다.

 

JSP 웹사이트 예시

1. 코리아나화장품

http://www.coreana.com/kor/

3. 서울시청

www.seoul.go.kr

,

영카트구매대행 사이트 만들기

[영카트] 구매대행사이트 만들기

플랫폼 : 영카트

-영문 : youngcart

-국문 : 영카트 대표적인 한국 쇼핑몰솔루션 http://sir.co.kr/main/yc5/

-호환 : 그누보드5하고 완벽하게 호환되는 장점

-특징 : 구매대행을 통해서 물건을 구매하는 젊은 소비자층이 많이 늘었났다. 영카트 솔루션을 이용해서 구매대행사이트 예제를 보여준다.

-데이타 : 상품개수가 5만개 이상일 때 속도가 현저하게 느려짐이 발생함으로 디비(MySQL)를 튜닝해야 합니다.

영카트의 단점중에 디비 레코드 하나가 늘 때마다 디비 무게가 무거워지는 문제가 있습니다. 반면 워드프레스는 비교적 무게가 덜 무거워지는 장점이 있습니다.

-URL : http://www.mall112.com

-가격 : 오픈소스 OPEN SOURCE (무료)

랭귀지코드

랭귀지코드

다국어 개발시 참조

-개발 :

-영문 : Language code

-국문 : 랭귀지코드 , 다국어개발시 참조 랭귀지코드 language code

-호환 :

-특징 : Windows Language Code Identifier Reference.

-URL : http://msdn.microsoft.com/en-us/library/ms533052(v=vs.85).aspx

-가격 :

 

Afrikaans sq Albanian
ar-sa Arabic (Saudi Arabia) ar-iq Arabic (Iraq)
ar-eg Arabic (Egypt) ar-ly Arabic (Libya)
ar-dz Arabic (Algeria) ar-ma Arabic (Morocco)
ar-tn Arabic (Tunisia) ar-om Arabic (Oman)
ar-ye Arabic (Yemen) ar-sy Arabic (Syria)
ar-jo Arabic (Jordan) ar-lb Arabic (Lebanon)
ar-kw Arabic (Kuwait) ar-ae Arabic (U.A.E.)
ar-bh Arabic (Bahrain) ar-qa Arabic (Qatar)
eu Basque (Basque) bg Bulgarian
be Belarusian ca Catalan
zh-tw Chinese (Taiwan) zh-cn Chinese (PRC)
zh-hk Chinese (Hong Kong SAR) zh-sg Chinese (Singapore)
hr Croatian cs Czech
da Danish nl Dutch (Standard)
nl-be Dutch (Belgium) en English
en-us English (United States) en-gb English (United Kingdom)
en-au English (Australia) en-ca English (Canada)
en-nz English (New Zealand) en-ie English (Ireland)
en-za English (South Africa) en-jm English (Jamaica)
en English (Caribbean) en-bz English (Belize)
en-tt English (Trinidad) et Estonian
fo Faeroese fa Farsi
fi Finnish fr French (Standard)
fr-be French (Belgium) fr-ca French (Canada)
fr-ch French (Switzerland) fr-lu French (Luxembourg)
gd Gaelic (Scotland) ga Irish
de German (Standard) de-ch German (Switzerland)
de-at German (Austria) de-lu German (Luxembourg)
de-li German (Liechtenstein) el Greek
he Hebrew hi Hindi
hu Hungarian is Icelandic
id Indonesian it Italian (Standard)
it-ch Italian (Switzerland) ja Japanese
ko Korean ko Korean (Johab)
lv Latvian lt Lithuanian
mk Macedonian (FYROM) ms Malaysian
mt Maltese no Norwegian (Bokmal)
no Norwegian (Nynorsk) pl Polish
pt-br Portuguese (Brazil) pt Portuguese (Portugal)
rm Rhaeto-Romanic ro Romanian
ro-mo Romanian (Republic of Moldova) ru Russian
ru-mo Russian (Republic of Moldova) sz Sami (Lappish)
sr Serbian (Cyrillic) sr Serbian (Latin)
sk Slovak sl Slovenian
sb Sorbian es Spanish (Spain)
es-mx Spanish (Mexico) es-gt Spanish (Guatemala)
es-cr Spanish (Costa Rica) es-pa Spanish (Panama)
es-do Spanish (Dominican Republic) es-ve Spanish (Venezuela)
es-co Spanish (Colombia) es-pe Spanish (Peru)
es-ar Spanish (Argentina) es-ec Spanish (Ecuador)
es-cl Spanish (Chile) es-uy Spanish (Uruguay)
es-py Spanish (Paraguay) es-bo Spanish (Bolivia)
es-sv Spanish (El Salvador) es-hn Spanish (Honduras)
es-ni Spanish (Nicaragua) es-pr Spanish (Puerto Rico)
sx Sutu sv Swedish
sv-fi Swedish (Finland) th Thai
ts Tsonga tn Tswana
tr Turkish uk Ukrainian
ur Urdu ve Venda
vi Vietnamese xh Xhosa
ji Yiddish zu Zulu
,

poedit사용법

POEDIT사용법

다국어 개발시 참조

-개발 : POEDIT

-영문 : Language code

-국문 : POEDIT사용법 , 다국어개발시 참조 랭귀지코드 language code

-호환 :

-특징 : Windows Language Code Identifier Reference.

-URL : http://poedit.net/poedit

-가격 :

poedit 사용방법

[워드프레스 POEDIT]

http://poedit.net/wordpress

웹접근성

웹접근성

웹접근성의 정의

웹접근성이란

쉽게 말하면 장애인과 비장애인을 이어 주는 징검다리 역할을 하는 것입니다. 장애인, 노인 등 정보취약계층이 인터넷 상에서 차별 없이 다른 사용자와 동등하게 정보에 접근하고 이해할 수 있도록 보장하는 것으로 웹 접근성의 주 목적은 웹 콘텐츠를 이용하는 데에 어떠한 상황 이나 환경에 구애받지 않고 접근할 수 있도록 하는 것입니다.

 

웹접근성에 대해서

1. 적절한 웹접근성

대체텍스트

: 화면을 볼 수 없는 시각장애인을 위해 모든 이미지에는 대체텍스트를 제공해야 합니다. 이미지 없이 대체텍스트 정보만으로도 이미지 정보와 동일한 내용으로 이해할 수 있도 록 제공해야 합니다.

자막 및 화면해설 제공

: 청각장애인과 고령자를 위해서는 모든 음성지원 콘텐츠에 실시간 자막 또는 음성정보와 동일한 내용의 텍스트 정보를 제공해야 하며, 시각장애인 과 고령자를 위해 소리 없이 화면으로만 진행되거 나 자막 등으로만 정보를 제공하는 경우 별도의 텍스트나 음성으로 해당정보를 제공해야 합니다.

명확한 색상대비

: 시력이 좋지 않은 고령자나 시각장애인을 위해 글자와 배경간의 명도대비와 폰트크기를 충분히 제공해야 합니다. (명도대비 4.5:1이상)

키보드만 이용

: 마우스 사용이 불가능 하거나 불편한 상지지체 장애인 및 시각장애인 등을 위해 마우스가 없는 상태에서 키보드만으로도 모든 정보 확인 및 기능을 이용할 수 있도록 구현해야 합니다.

2. 관련법제도

ㆍ국가정보화기본법

ㆍ장애인차별금지 및 권리구제 등에 관한 법률

ㆍ장애인차별금지 및 권리구제 등에 관한 법률 시행령

ㆍ단계적 범위

국ㆍ공ㆍ사립 특수학교 / 특수학급이 설치된 국ㆍ공립학교 / 국ㆍ공립유치원 중 특수반이 설치된 유치원 / 장애아전담 보육시설 / 국공립 문화예술기관 / 국공립(대학)박물관,미술관 국립중앙도서관, 공공도서관 / 일반병원 / 치과 한방병원 / 체육관련행위자

ㆍ장애인차별금지법 권리구제절차

3. 웹접근성의 실태 조사

2008년 4월 11일부터 시행된 ‘장애인차별금지 및 권리구제 등에 관한 법률’에 의거하여 공공 및 민간 웹 사이트의 웹 접근성 준수가 의무화되었다. 7년에 걸쳐 단계적으로 의무기관이 확대 적용되고 있으나 2009년 4월부터 의무 적용대상인 공공 기관을 보면 중앙행정기관을 제외하고는 아직까지 접근성이 제대로 지켜지지 않고 있는 실정이다. 물론 매년 조금씩 향상되고는 있으나 좀 더 적극적인 개선이 이뤄졌으면 하는 바램을 가져본다.

2009년 공공기관, 교육기관, 문화예술기관, 의료기관, 공사/공단 사이트의 웹접근성 실태를 조사한 결과

-공공기관의 평균 준수율은 78.5점

-교육기관 58.7점

-문화예술기관 68.8점

-의료기관 61점

-공사/공단 74.5

의무대상인 공공기관조차 웹접근성 준수 실태가 아직 부족한 것으로 나타났다.

 

웹접근성 웹사이트 ( 웹접근성제작, 웹접근성제작업체)

1. 현대 hyundai pr

http://pr.hyundai.com/

2. SK TLELINK

http://www.sktelink.com/

4. 빙그레

http://www.bing.co.kr/

5. 파밀리아 출장뷔페

http://www.dgfamilia.kr/

6. CJ visionCloud

http://www.visioncloud.co.kr/

반응형웹제작

반응형웹

반응형웹

반응형웹의 정의

반응형웹이란 – 반응형웹제작

PCㆍTABLET PCㆍMOBILE의 화면 해상도에 따라 화면이 자동으로 반응해서 사용자들한테 최적의 사이즈로 보여주게 하는 것입니다.

 

반응형웹의 기법

1. Fluid Grid

가변성 있는 그리드를 이용해서 해상도를 최적화 시키면 됩니다.
예) 가로(width)값을 픽셀이 아닌 퍼센트(90%) 로 제작해 가로의 크기에 따라서 레이아웃이 변형됩니다.

2. Flexible images

보통 이미지가 가로세로 픽스된 pixel단위로 했지만 퍼센트(%)개념으로 적용되며,
이미지의 가로픽셀값을 기준으로해서 세로가 자동으로 조정되는 기법입니다.

3. Media Queries

미디어쿼리는 각 상황에 맞게 보여줄 때 사용하는 것으로
CSS처리를 다르게 하여 다양한 상황에 최적화할 수 있는 기법입니다.

 

반응형웹 사이트

6. 파리바게트

http://www.paris.co.kr