그냥 개발자 블로그

웹 용어 쉽게 이해하기 (퍼블리싱,웹표준,크로스브라우징,반응형,서버 등) 본문

IT소식&팁

웹 용어 쉽게 이해하기 (퍼블리싱,웹표준,크로스브라우징,반응형,서버 등)

마음이파파 2015. 10. 1. 02:30

온라인 쇼핑몰을 준비하시는 분들 중에는 웹에 대한 전문 지식을  가지고 계시는 분들보다 사업에 더욱 전문적이신 분들이 많은데요.

 

비용과 시간을 줄이기 위해 프리랜서 또는 웹에이전시를 찾아가 쇼핑몰제작 또는 수정 의뢰를 하시는분들이 많으실꺼에요.

 

그래서 견적을 알아보고 전문가들과 상담을 하시다보면 웹표준, 크로스브라우징, 반응형, 서버 등과 같이 생소한 용어들이 전문가 입에서 술술 나와서 갸우뚱하게 되고요.

 

알고보면 쉬운 아리송한 IT용어(웹용어)에 대해서 최대한 이해하기 쉽게 심플하게 알려 드리고자해요

 

moon_and_james-39




 

 

 

 

 

웹표준 :

수많은 문서들이 모여 사이트를 이루는데요. 이 문서를 작성하는 방법 및 규칙을 말하는거에요. 규칙을 만든곳은 W3CIETFISO,ECMA, IANA, 유니코드 컨소시엄 이있어요.

 


 

 

웹접근성 :

누구나 사이트를 열어볼수 있어야 한다는 말이에요. 일반적으로 장애를 가진분들이 컴퓨터 또는 보조기구를 이용하여 웹 사이트를 이용할 수 있느냐 없느냐를 말하는데요. 큰 의미로 스마트폰에서 또는 인터넷 환경이 나쁜곳에서도 이용할 수 있는지를 의미하기도 해요.

 

 


 

반응형 :

우리가 사용하는 모니터 크기는 매우 다양한데 그러한 다양한 화면 사이즈에 맞춰 사이트가 적절하게 보이는지를 말하며 꼭 사이트 모양이 변하는것만을 반응형이라고 하지 않아요. 반응형으로 사이트를 만들때는 모든 화면 사이즈에 맞출수 없기때문에 일반적으로 모바일, 태블릿, 컴퓨터 이렇게 3가지 타입을 기준으로 삼아요.

 

 

 


HTML태그 :

작성되는 문서내에 언어(?)라고 보시면 되는데요. <img >, <div>, <body> 등과 같은것들을 뜻해요. 이는 컴퓨터만 이해 할수 있고 이러한 html태그를 작성하기 위한 규칙이 별도로 있어요.(웹표준) 최근엔 html5를 많이 사용하죠.

 


 

 

자바스크립트/제이쿼리 :

사이트내에서 페이지가 깜박거리며 바뀌지 않고 어떠한 일을 수행할수 있도록 하는 클라이언트 개발언어의 종류라고 할게요. 예를 들면 버튼을 클릭해서 버튼이 위치를 이동하거나 배너가 이동되거나 하는것들이 있겠네요. 

 


 

 

스타일시트/CSS :

과거엔 쇼핑몰을 만들때에 이미지를 많이 사용했지만 최근에는 이미지가 꼭 필요한 곳을 제외하고는 코드를 작성해서 라인을 그려주거나 색을 입히거나 하는데요. 이러한 기능을 수행하는 코드를 말해요. 보통 .css 라는 확장자를 가지는 파일에 정리되어 따로 관리 되곤 해요. 최근엔 html5와 함께 css3를 널리 사용되고 있어요.

 

 


 

웹퍼블리싱 :

본래 출판하는 행위를 퍼블리싱이라고 뜻하고 있으나 웹도 문서로 작성하는것과 비슷하기에 이를 웹퍼블리싱이라하고 웹표준에 준하여 문서를 작성하는 사람들을 퍼블리셔라고 해요.

 



파비콘 :

주소창 앞에 보여지는 작은 로고 이미지를 말하고요. 원하는 이미지를 만들어 문서에서 설정해주면 변경 할수 있어요. 아무설정 안했다면 보통은 익스플로러에서 문서 모양으로 보여질꺼에요.



 

PG :

쇼핑몰을 한다면 인터넷을 통한 전자결제서비스가 꼭 필요한데요. 신용카드 결제, 가상계좌 결제와 같은 서비스를 지원해주는것을 말하며 이러한 서비스를 해주는 업체(이니시스,올앳,lg전자결제 등)와 계약을 통해서 이용가능해요. 아! 계약하기 이전에 반드시 사업자와 통신판매신고부터 되어 있어야하고 사이트도 어느정도 만들어져 있어야해요.

 



웹브라우저 

인터넷 사이트를 열어볼수 있게 만드는 소프트웨어를 말해요. 대표적으로 익스플로러크롬, 사파리, 파이어폭스가 있고요. 그 밖에도 수 많은 브라우저가 생겼다가 없어져요.

익스플로러, 크롬은 윈도우에서 많이 사용되고요. 사파리는 맥, 파이어폭스는 리눅스에서 주로 사용되요.

 

 


IE(익스플로러) :

마이크로소프트에서 만든 웹브라우저로 윈도우 설치하면 기본적으로 설치되어 있는 소프트웨어에요. 현재 사람들이 사용하는 익스플로러는 버전8부터 버전 11까지이며 앞으로 윈도우10에서 스파르탄이라는 새로운 브라우저가 추가될거에요. 추후에는 이용자가 상위 버전으로 점차 이동하게 되겠죠. 현재 ie8~9까지는 최신 기술인 html5나 css3를 정상적으로 이용할수 없고요. 버전 10부터는 95%정도 사용가능해요. (익스플로러는 버전에 따라 사이트가 정상적으로 보여지기도 안보이기도 함.)

 


 

 

크롬 :

우리가 아는 그 구글에서 만든 브라우저에요. 비교적 웹표준으로 만들어진 문서를 잘 표현하려고 노력하여 만든 브라우저라 버전에따라 보이고 안보이고 하는 사이트가 없어서 사실 버전은 잘 모르겠어요. 심플하면서도 빠른 성능으로 최근 익스플로러와 양대 산맥을 이루는 브라우저에요.

 


 

 

크로스브라우징 :

익스플로러와 크롬, 사파리, 파이어폭스 등 에서 사이트가 유사하게 보이게 만드는 기술을 말해요. 일반적으로 크롬에 맞춰서 작업을 하면 익스플로러 10, 익스플로러 11, 사파리, 파이어폭스에도 유사하게 보여요. 단 익스플로러9 이하는 버전마다 심하게 다르게 보여요. 극단적인 예로 ie9 이하 버전을 이용하신다면 work6.kr을 가보세요.

막깨지거나 동작을 안할꺼에요. 그러고 ie11로 설치후 다시 접속하면 정상적으로 동작하고요. 제 홈페이지인데 ie10 이상부터 크로스브라우징을 맞춰서 그래요.


 

 

PHPASPJSP :

'안녕하세요'를 한글 말고도 영어, 태국어, 일본어, 중국어로 표현할수 있듯이 사이트를 표현하기 위한 컴퓨터 언어들을 말해요. 흔히 개발언어라고 해요. 쇼핑몰은 html태그로만 만들어질수 없고 DB에 회원정보를 저장하거나 DB에서 상품정보를 가져오거나 장바구니를 계산하거나 하는 동작이 필요한데 이럴때 사용해요.



 

API :

한가지 서비스만을 가지고 웹 사이트를 운영하는 시대는 끝이 나고 다양한 서비스들이 겹합되어 사용자에서 제공되는데요. 서로 다른 두 서비스를 연결하여 사용하는것을 정의한 문서가 API 라고 하겠네요. 예를 들면 쇼핑몰에 전자결제서비스(PG)는 PG사에 '100원을 결제해줘라'라는 내용을 보내고 PG사는 '100원이 정상적으로 결제 되었다' 라는 결과를 쇼핑몰로 보내는데 이러한 사용법을 작성한 문서가 있겠네요.



 

MY-SQLMS-SQLORACLE :

쇼핑몰에서는 회원이라던지, 주문, 적립금 등을 저장할 필요가 있는데 이러한 저장소를 DB(데이터베이스)라고 하며 이러한 DB를 관리하는 소프트웨어를 MY-SQL, MS-SQL, ORACLE 이라고 하는거에요. MY-SQL은 무료, MS-SQL과 ORACLE은 유료 에요.

 

 


 

아이피(IP) :

컴퓨터에는 모두 각각의 가상의 인터넷 주소가 있어 이쪽 컴퓨터에서 다른쪽 컴퓨터로 찾아갈 수 있는건데요. 이를 IP 또는 IP주소라고해요. xxx.xxx.xxx.xxx 이런식의 숫자로 생겼고요. 내 주소를 확인하고 싶으면 http://www.findip.kr 같은곳에서 확인이 가능해요. 아이피에는 유동아이피와 고정아이피가 있는데 유동아이피는 정기적으로 숫자가 변하는것을 고정아이피는 영원히 변하지 않는것을 말해요.





서버 :

서버라고 하면 아주 특별한 기기로 생각하는데 그냥 웹사이트가 들어가 있는 24시간 켜있는 컴퓨터를 말하는거에요. 서버를 임대한다는 뜻은 성능 좋은 대형컴퓨터가 24시간 가동하는곳을 일정 금액을 지불하고 저렴하게 이용하는것이에요. 여기서 사이트접속 방법을 설명할 수 있는데 내 컴퓨터에서 도메인 또는 아이피로 주소창에 써서 해당 서버(컴퓨터)에 접속하는 것이죠. 




호스팅 :

위에서 말씀드린 서버와 인터넷 연결 회선망을 관리 하는것을 말하는데요. 임대, 판매, 구축 등의 서비스를 전문적으로 하는 회사들이 있어요. 예를 들어 고도몰, 가비아,카페24,위사 등이 있겠네요. 




 

솔루션 :

'솔루션은 패키지다.' 라는 말처럼 어떠한 문제나 서비스를 해결할 수 있게 해주는 것들을 말해요. 예를 들어 쇼핑몰 솔루션이라고 하면 내부에 회원관리, 주문관리, 상품관리 등이 포함되어 있어야겠죠.


 



도메인 :

위에서 아이피에 대해서 언급해드렸는데 숫자로된 이 아이피를 입력하면 해당 사이트로 들어가져요. 하지만 이 아이피를 사람이 외우기 힘들기 때문에 naver.com과 같이 문자로 바뀌어서 서비스 하는걸 도메인이라고 해요. 예를 들어 주소창에 http://125.209.222.141 이렇게 쳐도 네이버에 접속이 되요.





모바일웹 :

'모바일앱'과 '모바일웹'을 많이들 혼동 하시는데요. 모바일앱이 소프트웨어 프로그램을 말하는거고 모바일웹은 모바일에 설치된 브라우저를 통해서 볼수있는 사이트를 말하는거에요.




SI :

'SYSTEM INTERGRATION'의 약자로 어떠한 행위,동작들을 시스템이라고 하는데 이를 하나로 묶는거에요. 예를 들자면 ERP(물류관리시스템)과 쇼핑몰 상품과 연동 하는것이 있겠네요.

 



개발 센터 워크식스 방문하기