호돌e가 물고가는 호리병

 

 

아이프레임(inline frame)이란?

HTML문서에서 글 안의 위치에 또 다른 HTML문서를 보여주는 내부프레임(inline frame)태그를 말합니다. 이미지 태그로 그림 파일을 문서에 포함시키는 것과 유사합니다.

 

예를 들어 어떤 사이트에서 메뉴를 클릭하면 사이트 전체가 갱신(변경)되는 것이 아니라, 우측 화면 일부만 바꾸고자 할때 사용할 수 있습니다. 아이프레임은 메인프레임의 웹주소가 아닌 자체적인 아이프레임의 웹주소를 가지기 때문에 가능합니다.  

 

타회사와 제휴를 맺어서 타 회사 서버의 웹문서나 프로그램을 호출할때도 주로 쓰입니다. (아이프레임 내주의 문서를 제휴사가 알아서 수정할 수 있기 때문에...)

 

아이프레임 형태로 제작시 몇가지 문제가 있을 수 있는데요,

 

우선 서로 다른 url의 페이지가 하나의 페이지에 공존하기 때문에 에러가 발생할 수 있습니다. 예를 들어 page의 타겟이 애매해지거나 회원제 사이트의 경우 세션 처리를 위해 만들어 놓은 자바 스크립트나 액티브x 페이지 url이 다른 아이프레임 등에 의해 꼬인다던가... 하는 문제가 발생할 수 있습니다.

 

또한 아이프레임을 사용한 페이지를 refresh 했을 경우 초기 페이지로 돌아가는 문제가 있을 수 있습니다.

아이프레임은 page in page 방식이기 때문에 만약 사용자가 리플레시를 할 경우 전체가 리플레시 되면서 아이프레임의 첫번째 페이지로 돌아가 버립니다.

따라서 유저에게 불편함을 주고, 효율적인 운영이 어려울 수 있습니다.

 

결론적으로 아이프레임은 개인 홈페이지에서 간단한 작업을 하거나 제휴의 용도로 쓰기에는 효과적인 태그이지만, 이를 사용하여 사이트 전체나 메인 메뉴를 구현하는것은 비효율적으로 보입니다.

 

 

신고

'웹기획' 카테고리의 다른 글

아이프레임(inline frame)이란?  (0) 2016.12.14
쿠키(Cookie)와 세션(Session)  (0) 2016.11.19
B2B,B2C,B2B2C  (0) 2016.10.29
O2O(online to offline) 서비스란?  (0) 2016.10.28
반응형 홈페이지의 장단점  (2) 2016.10.24

Comment +0

쿠키(Cookie)와 세션(Session) 개념 알아보기

 

 

웹기획 초보로써, 또 관련 전공자도 아니기 때문에.. 개발자들과 이야기 하다 보면 단어 하나하나가 낯설 때가 많습니다.

쿠키, 세션...대체 무엇이고 어떻게 다른건지 한번 알아봅시다.

 

1.쿠키(Cookie)란?

- 쿠키는 서버쪽에서 서버에 달라붙는 클라이언트 브라우저의 상태정보를 저장하는것을 말합니다.

 

- 클라이언트가 서버에 요청할 때마다 클라이언트 웹브라우저로부터 서버쪽에 전송하는 정보 패킷입니다.

 

- Cookie의 가장 큰 특징은 HTTP 프로토콜로, 클라이언트 브라우저의 상태정보(로그인, 아이디, 비밀번호, 사용자 정보 같은것들)를 클라이언트의 브라우저 특정 폴더에 파일로 저장하고 동일한 서버에 재 접근할때 필요한 클라이언트 정보를 참조하거나 재사용할 수 있다는 것입니다.

 

- 예를 들면, 방문했던 사이트에 다시 방문하였을 때 아이디, 비밀번호등을 자동 입력하게 하거나, 팝업에서 '오늘 이 창을 다시 보지 않음'을 체크하는 것과 같은 방식이 있습니다.

 

2. 세션(Session)이란?

- 세션(Session)이란, 클라이언트와 웹서버 간에 네트워크 연결이 지속적으로 유지되고 있는 상태를 이야기합니다.

(세션을 이용하기 위해서는 이런 상태가 유지되고 있어야 합니다. )

 

- 이용자가 브라우저를 이용하여 특정 서버(서비스)에 접속하면, 웹 컨테이너 엔진(JSP, ASP, PHP)은 이렇게 접속을 한 사용자의 브라우져 정보에 대해 임의로 ID를 부여하게 되는데, 이 ID를 세션이라고 합니다.

 

- 서버는 이렇게 접속한 사용자가 브라우저(클라이언트)의 세션ID를 가지고 페이지가 이동되거나, 재접속 하는 경우 클라이언트를 구분하는 유일한 수단으로 사용합니다. 그렇기 때문에 세션은 다음과 같은 특징을 가지고 있습니다.

 

①각각의 클라이언트(사용자가 접속한 브라우져)마다 고유의 ID를 부여합니다.

②세션 객체마다 저장해 둔 데이터를 이용하여 서로 다른 클라이언트의 요구에 맞게 서비스 제공이 가능합니다. 즉, 클라이언트 자신만의 고유한 페이지를 열어놓아서 생길 수 있는 보안상의 문제 해결이 용이합니다.

③접속한 사용자가 서버에 연결되어 있던 자신의 브라우져를 닫으면 세션정보는 휘발성 정보이기 때문에 RESET되고 접속정보와 사용자 정보는 없어집니다.

 

 

즉,

쿠키나 세션은 모두 웹브라우저와 웹서버 사이에 정보전달/저장을 목적으로 하지만

쿠키는 클라이언트 PC에 사용자의 고유 정보를 저장하는 것이며, 세션은 서버에 접속자가 접근하여 생성되므로 이 접속이 끊기면 클리어되는 것이라고 할 수 있습니다.

 

보안상의 차이점으로는, 쿠키는 사용자에 의하여 변질될 수 있는 정보이므로 보안상 취약점이 있고, 세션은 정보가 서버에 기록되기에 쿠키보다는 어느정도 안전하다고 합니다.

 

또한, 쿠키와 세션의 경우 타 도메인에서의 이용은 원칙적으로 불가능합니다.

동일 도메인 내에서 쿠키는 재이용이 가능하며, ASP와 JSP상에서 세션 공유는 불가능 합니다.

 

신고

'웹기획' 카테고리의 다른 글

아이프레임(inline frame)이란?  (0) 2016.12.14
쿠키(Cookie)와 세션(Session)  (0) 2016.11.19
B2B,B2C,B2B2C  (0) 2016.10.29
O2O(online to offline) 서비스란?  (0) 2016.10.28
반응형 홈페이지의 장단점  (2) 2016.10.24

Comment +0

B2B,B2C,B2B2C

웹기획2016.10.29 23:21

B2B(Business to Business)

 

기업(business)과 기업(business)이 거래 주체가 되어 상호간 전자상거래를 하는 것을 말하며, B2B의 '2'는 영어에서 'to'와 발음이 같은 숫자를 차용한 것이다.

 

초기에는 주로 부품이나 기계, 원료, 소재 등의 산업재를 거래하였지만 현재는 제조와 유통, 서비스 등을 포함하여 기업이 제공하는 모든 물품과 서비스까지 포괄하는 개념으로 확대되었다.

 

B2B사업은 관계를 맺은 기업과의 지속적인 관계를 갖는다는 특징을 가지고 있다. 그 이유는 원자재 제공사의 자재를 지속적으로 사용해 왔기 때문에 그 자재에 대한 장, 단점을 파악할 수 있다는 장점과 거래가 익숙하다는 장점이 있다.

(외국의 경우, 공개입찰로 여러 제공사에서 가격을 제시 받아 채택을 해서 1년에 한번씩 제공사를 바꾼다고 한다. )

 

사례로는 철강회사 포스코와 르노삼성자동차의 B2B 계약 체결 등이 있다. 포스코는 고강도 철판 및 신소재를 제작하는 조직을 만드는 B2B공급업체에 해당하며, 르노삼성은 그 조직을 구매하는 조직구매자가 되는 것이다.

 

 

 

B2C(Business to consumer)

 

기업이 제공하는 물품 및 서비스가 소비자에게 직접적으로 제공되는 거래 형태를 설명하는 용어로, 전자상거래(e-commerce)가 대표적이다. 기업과 소비자간의 직접거래로 인해 중간 단계의 거래가 제외되므로 소비자는 할인된 가격으로 물품을 구매할 수가 있다.

 

B2C 사례로는 이마트의 상품판매, 신용카드사의 개인 신용카드 발행, 은행의 개인 적금 상품 판매, 보험사의 생명보험/상해보험 판매, 호텔의 개인 투숙객에 대한 객실 판매, 예식장의 결혼 상품 판매, 단체나 개별 고객에 대한 여행사의 상품 판매 등등이 포함된다.

 

 

 

B2B2C(Business to Business to Consumer)

 

B2B(기업과 기업간 거래)와 B2C(기업과 소비자간 거래)를 결합한 전자상거래를 말하며, 기업들을 모집하여 기업 제품들을 소비자에게 판매하는 형태이다. 다른 기업에게 기술 관련 소프트웨어 노하우를 제고하고, 그 대가로 라이센스나 개발수수료, 유지보수비, 서비스 비용 등을 받는다.

 

갤럭시노트7 배터리 폭발로 이슈가 되어 있는 삼성은 2015년 'B2B2C'시대를 강조하며, 해외업체 이슈 등 B2B2C전략을 적극 활용하고 있다.  

 

점차 경쟁이 심화되는 B2B시장에서 더이상 가격과 품질만으로는 경쟁우위를 차지할수가 없다. 기술간 격차는 빠르게 좁혀지고 있으며, B2B기업에게 마케팅 전략이 필수 요소로 자리잡은 가운데, 최종 고객에게 자사의 브랜드를 알리고 적극 마케팅하는 B2B2C전략도 방안이 될 수 있을것이다.

 

 

(※네이버 지식백과 참고-바로가기)

신고

'웹기획' 카테고리의 다른 글

아이프레임(inline frame)이란?  (0) 2016.12.14
쿠키(Cookie)와 세션(Session)  (0) 2016.11.19
B2B,B2C,B2B2C  (0) 2016.10.29
O2O(online to offline) 서비스란?  (0) 2016.10.28
반응형 홈페이지의 장단점  (2) 2016.10.24

Comment +0

O2O서비스란?

 

O2O(online to offline)는 말 그대로 온라인과 오프라인을 연결한 마케팅이다. 위치정보나 어플리케이션 등을 통해 고객 정보를 파악하고 이를 서비스하거나 상품 판매자에게 제공하면, 판매자는 이 정보를 바탕으로 맞춤형 쿠폰 발송 등의 서비스를 할 수 있다.

 

O2O서비스는 스마트폰이 본격적으로 보급되면서 더욱 빠른 속도로 퍼지고 있다. 이제는 PC보다 스마트폰에서 더 많은 구매가 이루어지고 있으며, M2O(Mobile-to-Offline)이라고 말하기도 한다.

 

 

-온라인 회사가 오프라인으로 진출한 사례

대표적인 서비스로는 다음카카오를 들 수 있는데, 카카오톡을 통해 확보한 고객 기반과 다음의 검색 서비스, 사업 경험을 결합해 광대한 O2O비즈니스를 구축하고 있다. 특히 '카카오택시'의 경우 출시 3개월만에 누적 호출 수가 500만 건을 넘어서기도 했다. 다음카카오는 이 외에도 대리운전, 미용실, 홈클리닝, 주차, 음식배달 서비스 등 O2O범위를 확대하고 있다. (다만 수익모델이 뚜렷하지 않고, 카카오페이가 네이버페이, 삼성페이에 비교적 밀리는 바람에 시너지 효과가 나오지 못하고 있다고.)

 

 

-오프라인에서 온라인으로 진출한 사례

스타벅스의 사이렌 오더(Siren Order) 서비스가 대표적이다. 사이렌 오더 서비스는 온라인에서 주문을 미리 한 후에 바로 커피를 받아갈 수 있는 서비스로 상당히 편리하다.

또한 적지 않은 인기를 끌고 있는 교보문고의 '바로드림' 서비스도 오프라인에서 온라인으로 옮겨간 성공적인 사례라고 볼 수 있다. 

 

 

배달의민족의 음식 배달 서비스도 온라인과 오프라인을 성공적으로 결합한 사례로 볼 수 있다. (월 주문수: 750만건, 연간거래액 : 약 1조원) 전단지를 뒤지거나 전화번호를 따로 찾을 필요 없이, 앱을 통해 간단하게 정보를 찾고 편리하게 주문할 수 있는 음식 배달서비스 시장은 날로 커지고 있다.

 

-O2O서비스로 주목 받는 기술 비콘(Beacon)

비콘은 저전력 블루투스를 사용한 근거리 위치 기반 기술로 50~70m까지 데이터 신호를 보낼 수 있다. NFC(근접무선통신)과는 달리 수신 받을 수 있는 거리가 더 길기 때문에 O2O서비스에 적합하여 많이 쓰이는 기술이다. 대표적인 사례로 온라인 지갑 Syrup이 있으며, 특정 장소에서 정보를 수신 받아 주면 안내 정보와 모바일 쿠폰을 받을 수 있다.

(단, 사용자의 동의 없이 불특정 다수에게 전송되어 스팸처럼 인식 될수 있다는 단점이 있다)

 

 

이처럼, 정보통신과 기술을 발달로 NFC, GPS 기능 등이 발달하면서 소비자들의 니즈를 보다 잘 파악하여 소비과정에 영향을 끼지는 것이 O2O서비스 이다.

신고

'웹기획' 카테고리의 다른 글

아이프레임(inline frame)이란?  (0) 2016.12.14
쿠키(Cookie)와 세션(Session)  (0) 2016.11.19
B2B,B2C,B2B2C  (0) 2016.10.29
O2O(online to offline) 서비스란?  (0) 2016.10.28
반응형 홈페이지의 장단점  (2) 2016.10.24

Comment +0

반응형 웹이란?

-반응형 홈페이지, 또는 반응형 웹사이트라고도 불리며,

화면 사이즈에 즉각 반응하여 화면에 알맞은 크기와 디자인으로 배치되는 사이트를 말한다.

(인터넷창의 오른쪽 끝을 잡고 클릭한 상태로 마우스를 움직여 화면 크기를 바꿨을 때.. 화면 크기가 바뀌면서, 화면에 잘리는 부분이 없이 화면 전체가 보이는가 여부를 확인해 보면 된다.

 

*반응형 홈페이지 예

풀무원 : http://www.pulmuone.kr/

      

 

(반응형 홈페이지는 화면이 작아져도 하단에 스크롤바가 생기지 않는다. 또한 인터넷 익스플로러 8 버전 이하에서는 반응형이 구현되지 않는다. 반응형을 확인하기 위해서는 익스플로러 버전을 업그레이드 하거나, 크롬, 사파리, 파이어폭스 등 다른 브라우저로 접속해야 한다.)

 

 

반응형 웹의 장점?

(1) 다양한 디바이스(화면) 대응

반응형웹은 pc, 태블릿, 스마트폰 등 보든 화면사이즈를 고민해서 기획, 설계했기 때문에, 다양한 화면 사이즈에서 최적화된 화면을 보여줄 수 있다. 또한 이것이 반응형 웹이 나온 이유이기도 하다.

 

(2)기업 아이덴티티 확립

반응형 사이트가 아닌 경우, 기본 도메인 주소와 별개로 모바일 도메인 주소를 사용해야 한다.

예를 들어 다음의 경우 웹에서 접속하는 경우에는 http://www.daum.net/, 모바일에서 접속하는 경우에는 http://m.www.daum.net 이렇게 별도의 주소를 사용하고 있다.

이런식으로 도메인 두 개를 사용하는 것보다는 하나의 도메인을 사용하는 것이 고객이 사이트를 인식하는데 도움이 될 수 있다.

 

(3) 관리의 편리성

반응형은 하나의 페이지에 다양한 디자인을 미리 만들어 놓는 식으로 제작된다.

어떤 이미지를 넣을때, 화면 크기 별로 어떻게 배치한다는 명령을 하나의 사이트에 미리 지정하는 것이다. 즉, 모바일용 따로, pc용 따로 제작하지 않아도 되기 때문에 데이터 관리를 하나로 할 수 있다.

 

반응형 웹의 단점?

(1)전략적으로 반응형이 맞지 않는 경우

컨텐츠가 상당히 많고 유동적이여서 한 화면에서 모든 것을 처리하는데 어려움이 있는 경우, 또는 반응형으로 사이트를 개편하기 위해서는 대규모 수정이 불가피한 경우.. 굳이 반응형으로 제작하는 것은 큰 이득이 없다고 한다.

 

(2)로딩속도

반응형 웹은 화면 사이즈를 체크하고 이에 알맞게 컨텐츠를 재배치한다. 보통 이 재배치 시간은 굉장히 짧지만 컨텐츠의 양이 방대한 경우 사이트가 느리게 느껴질 수도 있다. 또한 브랜드 사이트나 기업소개 사이트의 경우 반응형웹으로 구축하여 디스플레이에 따라 최적화된 화면으로 제공하여 사용자 만족으로 이어지는 경우도 있으나, 게시판 테이블로 짜여진 컨텐츠가 많은 경우는 원하는 형태의 가독성을 100% 발휘하기가 어렵다고 한다. (모바일에서 텍스트가 겹쳐서 오히려 가독성이 떨어지고 이는 기업의 신뢰도와 연결되게 된다.)

 

 

최종목적은 사용자가 되어야 하며, 사용자는 이용하기 쉽고 빠른것을 원한다. 그러므로,

홈페이지 목적에 따라서 적정한 방식으로 제작을 하는게 중요하겠다..

신고

'웹기획' 카테고리의 다른 글

아이프레임(inline frame)이란?  (0) 2016.12.14
쿠키(Cookie)와 세션(Session)  (0) 2016.11.19
B2B,B2C,B2B2C  (0) 2016.10.29
O2O(online to offline) 서비스란?  (0) 2016.10.28
반응형 홈페이지의 장단점  (2) 2016.10.24

Comment +2