메뉴 바로가기 본문 바로가기
ìƒë‹¨ìœ¼ë¡œ ì´ë™

웹ì—ì´ì „시

Experience successful project with us

ëª¨ë°”ì¼ í™ˆíŽ˜ì´ì§€

서비스 소개_
특정 분야를 제외하고는 ëª¨ë°”ì¼ ê¸°ê¸°ë¥¼ ì´ìš©í•œ 홈페ì´ì§€ ë°©ë¬¸ì´ ì´ë¯¸ PC ì´ìš©ìžë¥¼ 넘어서고 있습니다. ëª¨ë°”ì¼ ê¸°ê¸°ëŠ” 화면 í¬ê¸°ê°€ 작고 í•´ìƒë„ê°€ 매우 다양하기 ë•Œë¬¸ì— ê³ ê°ì˜ ì‚¬ìš©ì„±ì„ ë†’ì´ê¸° 위해서는 다양한 노하우가 필요합니다.

차별성_
ë§‘ìŒì€ ëª¨ë°”ì¼ í™ˆíŽ˜ì´ì§€, ë°˜ì‘형 홈페ì´ì§€ 등 ëª¨ë°”ì¼ í™˜ê²½ì„ ì§€ì›í•˜ëŠ” 다양한 프로ì íЏ 수행 ê²½í—˜ì´ í’부하여 ì™„ì„±ë„ ë†’ì€ ëª¨ë°”ì¼ í™ˆíŽ˜ì´ì§€ë¥¼ 제작할 수 있습니다.

ëª¨ë°”ì¼ í™ˆíŽ˜ì´ì§€ í¬íЏí´ë¦¬ì˜¤

관련 기술

보안서버ì¸ì¦. https
SSL

ë°ì´í„°ì˜ 안전 ì „ì†¡ì„ ìœ„í•œ ì¸í„°ë„· 통신 규약 프로토콜

READ MORE

웹 브ë¼ìš°ì €ì™€ 웹 ì„œë²„ê°„ì— ë°ì´í„°ë¥¼ 안전하고 주고받기 위한 업계 표준 프로토콜 입니다. 웹 ë¿ë§Œì´ 아닌 íŒŒì¼ ì „ì†¡ 규악(FTP), TCP/IP 애플리케ì´ì…˜ì— ì ìš©ë  수 있으며 ì¸ì¦ ì•”í˜¸í™”ì˜ ê¸°ëŠ¥ë„ ê°–ì¶”ê³  있습니다. ì¸ì¦ ì•”í˜¸í™”ì˜ ê¸°ëŠ¥ì„ í†µí•´ 해킹 ë“±ì˜ ìœ„í—˜ì„±ì„ ì¤„ì¼ ìˆ˜ 있습니다.


안전한 ë°ì´í„° 전송

3단계 절차를 통한 안전한 í…Œì´í„° 전송

1. ì§€ì› ê°€ëŠ¥í•œ 알고리즘 êµí™˜ 

2. 키 êµí™˜, ì¸ì¦
3. 대칭키 암호로 암호화 ë° ë©”ì‹œì§€ ì¸ì¦

 

웹접근성ì¸ì¦ë§ˆí¬ì˜ˆì‹œ
웹접근성

모든 사용ìžë“¤ì´ ì†ì‰½ê²Œ 웹사ì´íŠ¸ë¥¼ ì´ìš©í•  권리 보장

READ MORE
웹접근성닫기

웹접근성(Web Accessibility)ì€ ìž¥ì• ì˜ ì—¬ë¶€ì™€ ìƒê´€ì—†ì´ 모든 사용ìžë“¤ì´ ë™ì¼í•˜ê²Œ 웹사ì´íŠ¸ì— ì ‘ì†í•˜ì—¬ ë™ì¼í•œ 콘í…츠를 ì´ìš©í•  수 있게 하는 형ì‹ìž…니다. ì›¹ì ‘ê·¼ì„±ì„ ì¤€ìˆ˜í•œ 웹사ì´íŠ¸ë¥¼ 제작하려면 장애우를 배려하여 웹사ì´íŠ¸ë¥¼ 설계해야 하며 웹표준 준수부터 시작ë©ë‹ˆë‹¤. 소수를 위한 배려가 모ë‘를 위해 ë” íŽ¸ë¦¬í•œ ì¸í„°ë„· 세ìƒì„ 만든다는 ê²ƒì´ ë§‘ìŒì´ ìƒê°í•˜ëŠ” 웹 ì ‘ê·¼ì„±ì˜ ê¸°ë³¸ìž…ë‹ˆë‹¤.

 

다양한 보조기술

스í¬ë¦° 리ë”, 화면확대 ë„구, ìŒì„±ì¸ì‹, 키보드 ì˜¤ë²„ë ˆì´ ë“± 다양한 보조기술 사용

Application Programming Interface
API

ì‘ìš© 프로그램 í”„ë¡œê·¸ëž˜ë° ì¸í„°íŽ˜ì´ìФ

READ MORE

API (Application Programming Interface)는 ì‘ìš© 프로그램ì—서 사용 가능하ë„ë¡, ìš´ì˜ ì²´ì œë‚˜ í”„ë¡œê·¸ëž˜ë° ì–¸ì–´ê°€ 제공하는 ê¸°ëŠ¥ì„ ì œì–´í•  수 있는 ì¸í„°íŽ˜ì´ìФ 입니다. 

구글 ë§µ, 네ì´ë²„ ë§µ 등 다양한 오픈 API를 ê³ ê°ì´ 사용할 수 있ë„ë¡ ì—°ë™í•´ 드립니다.

 

프로그램언어

웹 플랫í¼ì— 최ì í™”ëœ ë‹¤ì–‘í•œ 개발 언어(Java , JQuery, PHP 등) ë° ì„œë²„ 프로그램(C, C++, .NET, JAVA 등)ì„ ì´ìš©í•œ API 구현 ë° ì„œë¹„ìŠ¤ ì—°ë™

 

오픈 API

다양한 오픈 API를 사용ìžì˜ ìš”êµ¬ì— ë§žì¶° 커스텀마ì´ì§•ì„ í†µí•œ 최ì í™”ëœ í”„ë¡œê·¸ëž¨ì„ ì œê³µ.

 

html5
HTML5

웹 문서를 제작하는 í”„ë¡œê·¸ëž˜ë° ì–¸ì–´ì˜ ìµœì‹  버전

READ MORE

HTML5는 HTMLì˜ ê³ ë„í™”ëœ 5번째 버전으로 월드 와ì´ë“œ 웹(World Wide Web)ì˜ ëŒ€í‘œì ì¸ 마í¬ì—… 언어 입니다. W3C(World Wide Web Consortium)ì—서 2014ë…„ 10ì›”28ì¼ì— HTML5를 표준안으로 확정하여 발표했으며 2016ë…„ 11ì›”1ì¼ HTML5.1ì´ ìµœì‹  표준안으로 지정ë˜ì—ˆìŠµë‹ˆë‹¤.

 

비디오, 오디오 등 다양한 최신 멀티미디어 ì €ìž‘ë¬¼ë“¤ì„ ì•¡í‹°ë¸ŒX(ActiveX) ì—†ì´ ì›¹ë¸Œë¼ìš°ì €ì—서 쉽게 ë³¼ 수 ìžˆì„ ë¿ ë§Œ ì•„ë‹ˆë¼ í”Œëž˜ì‹œ(Flash), 실버ë¼ì´íЏ(Silverlight), ìžë°”FX(JAVA FX) ì—†ì´ë„ 웹브ë¼ìš°ì €ì—서 화려한 그래픽 효과를 구현합니다.

 

간단한 문법구성

ê°„ì ‘ì  ê¸°ëŠ¥ì„ ì •ì‹ ì—˜ë¦¬ë¨¼íŠ¸ë¡œ 편입하여 문법개선

 

ê²€ìƒ‰ë…¸ì¶œì˜ ìš©ì´

시맨틱 태그를 사용한 검색 노출 ìš©ì´ì„±


cascading style sheets
CSS

다양한 스타ì¼ì˜ 웹 문서를 작성하는 기술

READ MORE

CSS(Cascading Style Sheets)는 웹 ë¬¸ì„œì˜ ìŠ¤íƒ€ì¼ì„ 미리 저장해 ë‘” 스타ì¼ì‹œíЏ 입니다. 문서 ì „ì²´ì˜ ìŠ¤íƒ€ì¼ì„ 저장하여 ì¼ê´€ì„± 있는 웹사ì´íЏ 제작과 특정 페ì´ì§€ì˜ 스타ì¼ì‹œíŠ¸ë¥¼ 작성할 ê²½ìš°ì— íŠ¹ì • 페ì´ì§€ì˜ 스타ì¼ì„ 간편하게 제작, ë³€ê²½ì´ ê°€ëŠ¥í•œ ê²ƒì´ íŠ¹ì§•ìž…ë‹ˆë‹¤.

 

편리한 사용성

HTMLì—서 ì¼ì¼ì´ 지정하지 않고 í•˜ë‚˜ì˜ í†µí•©ëœ ìŠ¤íƒ€ì¼ì‹œíŠ¸ë¥¼ 활용하여 누구나 쉽게 ì‚¬ìš©ì´ ê°€ëŠ¥

 

페ì´ì§€ 통ì¼ì„±

ê³µí†µëœ ìŠ¤íƒ€ì¼ì‹œíЏ 문서를 활용하기 ë•Œë¬¸ì— íŽ˜ì´ì§€ì˜ 통ì¼ì„±ì„ 유지 í•  수 있ìŒ

 

ìœ ì§€ë³´ìˆ˜ì˜ ê°„íŽ¸í™”

저장ë˜ì–´ 있는 문서를 활용하여 유지보수를 간편하게 í•  수 있ìŒ

 

ë””ìžì¸ 완성ë„

다양한 스타ì¼ì„ 활용하여 페ì´ì§€ ë””ìžì¸ 완성ë„를 ë†’ì¼ ìˆ˜ 있ìŒ

 

 

 

구글 ì• ë„리틱스(웹로그 ë¶„ì„ íˆ´)
웹로그분ì„

구글 ì• ë„리틱스를 활용한 웹로그 ë¶„ì„ íˆ´ ì ìš©

READ MORE
웹로그분ì„닫기

웹로그 ë¶„ì„ì„ ìœ„í•´ Google Analytics를 웹사ì´íŠ¸ì— ì ìš©í•˜ì—¬ 웹사ì´íŠ¸ì˜ ì ‘ì† í†µê³„ ë° ê°€ë™í˜„í™©ì„ ì‹¤ì‹œê°„ìœ¼ë¡œ ëª¨ë‹ˆí„°ë§ í•  수 있습니다. ìˆ˜ì§‘ëœ í†µê³„ ë°ì´í„°ëŠ” 웹사ì´íЏ ìš´ì˜ê³¼ í™ë³´ & ë§ˆì¼€íŒ…ì— íš¨ìœ¨ì ìœ¼ë¡œ 활용할 수 있습니다. 

 

 


 

 

 

웹표준
웹표준 개발

웹 표준화 ê¸°êµ¬ì¸ W3Cê°€ 승ì¸í•œ 개방형 ì¸í„°ë„· 표준

READ MORE
웹표준 개발닫기

대표ì ì¸ 웹 표준화 ê¸°êµ¬ì¸ W3C(World Wide Web Consortium)ê°€ 승ì¸í•œ 개방형 ì¸í„°ë„· í‘œì¤€ì„ ì¤€ìˆ˜í•˜ì—¬ 모든 웹 브ë¼ìš°ì €ì—서 ì •ìƒì ì¸ ìž‘ë™ì„ 보장합니다.

 

 


 

        

준수사항

XHTML 1.0 Strict 1.0 기준
정확한 DTD(Document Type Definition) 선언
table ë ˆì´ì•„웃 지양
ì´ë¯¸ì§€ì— alt ì†ì„± 부여
UTF-8 ì¸ì½”딩
hrefì— ìžë°”스í¬ë¦½íŠ¸ë¥¼ 사용할 경우 onclick ì´ë²¤íЏ ì†ì„± ì ìš©

 

 

제한사항

ì ‘ê·¼ì„±ì€ ì›¹ 표준 준수로 80~90% í™•ë³´ë  ìˆ˜ 있습니다.
모든 웹 브ë¼ìš°ì €ì—서 ì •ìƒì ì¸ ìž‘ë™ì„ 보장합니다.
Internet Explorer 10+, Chrome, Safari 5+, Fire Fox 3+

 

검색엔진최ì í™”(SEO)
검색엔진최ì í™”(SEO)

ê²€ìƒ‰ë¡œë´‡ì´ ì •ë³´ë¥¼ 잘 수집할 수 있ë„ë¡ í•˜ëŠ” 작업

READ MORE
검색엔진최ì í™”(SEO)닫기

검색 엔진 최ì í™” (Search Engine Optimization, SEO)는 ê²€ìƒ‰ì—”ì§„ì˜ ê²€ìƒ‰ë¡œë´‡ì´ ì›¹ì‚¬ì´íŠ¸ì— í¬í•¨ëœ ìžë£Œë¥¼ ì›í™œí•˜ê²Œ 수집하게 하고 검색사ì´íŠ¸ì˜ ë…¸ì¶œ 순위를 정하는 ì•Œê³ ë¦¬ì¦˜ì— ë§žê²Œ 웹사ì´íŠ¸ë¥¼ 최ì í™”하여 목표 키워드로 검색 시 해당 웹사ì´íŠ¸ê°€ 검색결과 리스트 ìƒìœ„ì— ë…¸ì¶œë˜ê²Œ 하는 ìž‘ì—…ì„ ë§í•©ë‹ˆë‹¤. 

 

검색결과 페ì´ì§€ ìƒë‹¨ì— 노출ë˜ë©´ ìœ ìž…ì´ í¬ê²Œ ì¦ê°€í•˜ì—¬ 목표 ê³ ê°ì˜ ìœ ìž…ì´ ëŠ˜ì–´ë‚˜ê²Œ ë©ë‹ˆë‹¤. 장기ì ìœ¼ë¡œ 기업과 제품 ë˜ëŠ” ì„œë¹„ìŠ¤ì˜ ë¸Œëžœë”© 효과까지 ì–»ì„ ìˆ˜ 있어 í™ë³´ë§ˆì¼€íŒ…ì— ë„ì›€ì´ ë©ë‹ˆë‹¤. ë˜í•œ  유료 키워드 ê´‘ê³ ë¹„ìš©ì„ ì¤„ì¼ ìˆ˜ 있어 ì§ì ‘ì ì¸ 경제효과를 기대할 수 있습니다. ì¼ë°˜ì ìœ¼ë¡œ 웹사ì´íŠ¸ì— í¬í•¨ëœ 콘í…ì¸ ì— ê°•ì¡°í•  키워드가 ì ì ˆí•˜ê²Œ í¬í•¨í•´ì•¼ 하고 다른 웹사ì´íŠ¸ì™€ ë§Žì€ ë§í¬ê°€ ë˜ì–´ì•¼ 효과ì ìœ¼ë¡œ 노출ë©ë‹ˆë‹¤. 

 

ë§‘ìŒì€ 웹사ì´íЏ 제작 시 SEO를 고려하여 웹사ì´íŠ¸ë¥¼ 제작하고 있어 기본ì ì¸ 효과를 ì–»ì„ ìˆ˜ 있으나 ì™„ì„±ë„ ë†’ì€ SEO를 진행하기 위해서는 별ë„ì˜ ì „ë¬¸ ì»¨ì„¤íŒ…ì´ í¬í•¨ëœ SEO 프로ì íŠ¸ë¡œ 수행해야 합니다. 

 

 

구글ì—서 ‘웹ì—ì´ì „시’, '디지털ì—ì´ì „시', 'ë””ìžì¸ì—ì´ì „시'를 검색하면 ë§‘ìŒ ë””ì§€í„¸ì—ì´ì „시가 ìƒë‹¨ì— 노출 ë©ë‹ˆë‹¤. SEO를 다루는 ì‚°ì—…êµ° 키워드ì—서 최ìƒë‹¨ì— 노출할 수 있다는 ê²ƒì€ ë§‘ìŒì´ SEO를 효율ì ìœ¼ë¡œ 활용할 수 있는 ì„ ë‘ ê¸°ì—…ì´ë¼ëŠ” ê²ƒì„ ì˜ë¯¸í•©ë‹ˆë‹¤. 

 

구글, 네ì´ë²„, 다ìŒ, ë°”ì´ë‘(중국), 야후(ì¼ë³¸) 등 검색사ì´íŠ¸ë§ˆë‹¤ SEOì •ì±…ì´ ë‹¬ë¼ ë…¸ì¶œì„ ì›í•˜ëŠ” ê²€ìƒ‰ì—”ì§„ì˜ íŠ¹ì„±ì„ ê³ ë ¤í•˜ì—¬ 웹사ì´íŠ¸ë¥¼ 개발해야 하며 SEOì„¤ì •ì„ ë‹¬ë¦¬í•  필요가 있습니다. 

 

 

 

ë§‘ìŒ ê²½ìŸë ¥

ë§‘ìŒ ìŠ¤íƒ€ì¼

ë§‘ìŒì€ 모든 프로ì íŠ¸ë¥¼ ë§‘ìŒ ìŠ¤íƒ€ì¼ë¡œ ê°„ê²°í•˜ë©´ì„œë„ ì •ë³´ ì „ë‹¬ì´ ìš°ìˆ˜í•œ 웹사ì´íŠ¸ë¥¼ 제작합니다.

ë§‘ìŒ ìŠ¤íƒ€ì¼ë‹«ê¸°

ë§‘ìŒì€ 모든 ìž‘í’ˆë“¤ì€ ë§‘ìŒ ìŠ¤íƒ€ì¼(Malgum Style)로 ê°„ê²°í•˜ë©´ì„œë„ ì •ë³´ ì „ë‹¬ì´ ìš°ìˆ˜í•˜ë„ë¡ ì œìž‘í•©ë‹ˆë‹¤.
ë˜í•œ, 멀티 디바ì´ìФì—서 활용할 수 있ë„ë¡ ë””ìžì¸ê³¼ ì‚¬ìš©ì„±ì„ ì‹ ì¤‘í•˜ê²Œ 고려하여 제작합니다.

편리한 사용성

ë§‘ìŒì€ 복잡하지 않고 ì‚¬ìš©ì„±ì´ ë›°ì–´ë‚œ ë””ìžì¸ì„ 추구합니다. 사용ìžì˜ UX / UI를 고려한 ë””ìžì¸ì„ 개발합니다.

ë†’ì€ ì •ë³´ 전달력

콘í…츠를 간결하게 정리하고 ê°•ì¡°ê°€ 필요한 ë¶€ë¶„ì€ ì„ ëª…í•œ ì´ë¯¸ì§€ ë˜ëŠ” ì¸í¬ê·¸ëž˜í”½ìФ(Infographics)를 활용하여 ì •ë³´ ì „ë‹¬ë ¥ì„ ë†’ì´ê³  있습니다.

ì™„ì„±ë„ ìžˆëŠ” 작업

ì „ì²´ì ì¸ ë””ìžì¸ì˜ 발런스를 조율하고 콘í…ì¸ ì˜ íš¨ìœ¨ì ì¸ êµ¬ì„±ì„ í•˜ê³  있으며 웹사ì´íŠ¸ì˜ ìž˜ ë³´ì´ì§€ ì•Šì€ ê³³ê¹Œì§€ ì™„ì„±ë„ ìžˆê²Œ 마무리 합니다.

고급 í¼ë¸”리싱 ë° í”„ë¡œê·¸ëž¨ ì ìš©

ë§‘ìŒì€ ë†’ì€ ìˆ˜ì¤€ì˜ í¼ë¸”리싱 ë° í”„ë¡œê·¸ëž¨ì„ ì§„í–‰í•©ë‹ˆë‹¤.
웹사ì´íЏ 방문ìžëŠ” 개발 소스를 ë³¼ 수 없지만 ê°€ë™ íš¨ìœ¨ê³¼ í¼í¬ë¨¼ìФì—서 ê·¸ ìš°ìˆ˜ì„±ì„ ëŠë‚„ 수 있습니다.

구축 프로세스

프로ì íŠ¸ëŠ” ë§‘ìŒ ê°œë°œ ë°©ë²•ë¡ ì— ì •ì˜ëœ 구축 í”„ë¡œì„¸ìŠ¤ì— ì˜í•´ 정확한 ì¼ì •ê³¼ 투입ì¸ë ¥ ê´€ë¦¬í•˜ì— ì§„í–‰í•©ë‹ˆë‹¤.

구축 프로세스닫기

ì—…ê²©í•˜ê²Œê·œì •ëœ ì²´ê³„ì ì¸ 개발 프로세스와 개발 ë°©ë²•ë¡ ì„ ì ìš©í•˜ì—¬ 효율ì ìœ¼ë¡œ 프로ì íŠ¸ë¥¼ 수행합

  • 준비

  • 설계

  • 제작

  • 검수

  • 완료

품질관리 시스템

수준 ë†’ì€ ê²°ê³¼ë¬¼ ì œìž‘ì„ ìœ„í•´ ë””ìžì¸, 기능 등 모든 ë¶€ë¬¸ì— ê±¸ì³ í’ˆì§ˆ 관리를 진행하는 품질관리 ì‹œìŠ¤í…œì„ ìš´ì˜í•˜ê³  있습니다.

품질관리 시스템닫기

ë§‘ìŒ ìŠ¤í…Œì´ì…˜ì„ 활용하여 철저하고 체계ì ìœ¼ë¡œ 프로ì íŠ¸ë¥¼ 수행합니다.
품질관리는 철저한 ê³„íš ìˆ˜ë¦½ê³¼ 정확한 ìˆ˜í–‰ê³¼ì •ì„ ëª¨ë‹ˆí„°ë§í•´ì•¼ 가능합니다.
프로ì íЏ ì§„í–‰ ê³¼ì •ì€ ì£¼ê¸°ì ìœ¼ë¡œ 보고를 진행하고 있으며 ê³ ê°ê³¼ 실시간으로 ëª¨ë‹ˆí„°ë§ í•  ìˆ˜ë„ ìžˆìŠµë‹ˆë‹¤.

융합 프로ì íЏ 수행

ê¸°ì—…ì˜ ì•„ì´ë´í‹°í‹°ë¥¼ 유지하고 효율ì ì¸ í™ë³´&마케팅 ë„구로 í™œìš©ë  ìˆ˜ 있ë„ë¡ ë§ˆì¼€í„°ì™€ 그래픽디ìžì´ë„ˆê°€ 프로ì íŠ¸ì— ì°¸ì—¬í•©ë‹ˆë‹¤.

융합 프로ì íЏ 수행닫기

ë§‘ìŒì˜ 모든 ê²°ê³¼ë¬¼ì´ íš¨ìœ¨ì ì¸ í™ë³´ & 마케팅ë„구로 개발하기 위해마케터가프로ì íŠ¸ì— ì°¸ì—¬í•©ë‹ˆë‹¤.
그리고 그래픽 ë””ìžì´ë„ˆê°€ 참여하여 ê¸°ì—…ì˜ ì•„ì´ë´í‹°í‹° ë˜ëŠ” 브랜드 ì•„ì´ë´í‹°í‹°(BI) ì •ì±…ì´ ì›¹ì‚¬ì´íЏì—서 정확하게 지켜지ë„ë¡ í•˜ì—¬
온-오프ë¼ì¸ ì €ìž‘ë¬¼ë“¤ê°„ì— ë””ìžì¸ì ì¸ 통ì¼ì„±ì´ 있ë„ë¡ í”„ë¡œì íŠ¸ë¥¼ 수행합니다.

ê¸°ì—…ì˜ í™ë³´ & ë§ˆì¼€íŒ…ì— í•„ìš”í•œ 모든 프로ì íŠ¸ë¥¼ 통합 수행합니다. 차별ì ì¸ 비즈니스 ì „ëžµ 수립과 디지털 디바ì´ìŠ¤ì— ìµœì í™”ëœ ì›¹ì‚¬ì´íЏ 개발, 안정ì ì¸ 유지관리, 그래픽디ìžì¸ì—서ì¸ì‡„, 온-오프ë¼ì¸ í™ë³´ & 마케팅 수행까지 통합 프로ì íŠ¸ë¥¼ 수행하여 ê¸°ì—…ì˜ ì„±ê³µì„ ë§Œë“¤ì–´ 냅니다.