웹애플리케이션 만들기 – 수업소개

이제부터 여러분들이 저의 수업을 따라오면서 코딩이란 무엇인가를 웹어플리케이션을 만들면서 느껴보는 것이고 또 웹 에플리케이션을 만들기 위한 생산도구인 코딩을 익혀보는 것이 우리 수업의 목표입니다 그리고 그걸 통해서 또 그 과정에서 여러분들이 무엇을 만들거냐면 최종적으로 이렇게 생긴 웹사이트를 하나 만들어볼거에요 이것은 여러분들이 지금 공부하고 있는 생활코딩의 홈페이지 바로 여기 있는 opentutorials

org 라는 이 사이트의 초창기의 모습이라고 할 수 있습니다 제가 생활코딩을 시작할때 생활코딩이라고 하는 커리큘럼을 잘 정리정돈 하기 위해서 이렇게 생긴 사이트를 만들었고 그때 제가 처음으로 제가 처음으로 수업을 했던 과목이 바로 자바스크립트라는 프로그래밍 언어에 대한 수업이었기 때문에 이 웹사이트를 만들어 가는 것은 어떻게보면 저의 살아 있는 이야기를 여러분들이 같이 밟아가는 과정이라고도 볼 수 있는 것이죠 그래서 우리는 어쨌든 이렇게 생긴 웹사이트를 만들거고요 이 웹사이트는 보시는것처럼 위쪽에 제목이 있고 수업명이 있는 것이고 그리고 왼쪽에는 수업들의 목록들이 이렇게 있어서 그 목록을 클릭하면 보시는것처럼 그 목록에 해당되는 내용이 이렇게 출력되는 그런 간단한 웹 에플리케이션입니다 그리고 여기 있는 이 정보들은 데이터베이스라고해서 우리가 뒤에서 배우게 될건데 그 데이터베이스라고 하는것 안에 저장되어있는 정보를 우리가 PHP라는 것을 통해서 읽어 와서 HTML, CSS, JAVASCRIPT라고 하는 기술들을 이용해서 화면에 표시하고 있는 겁니다 이런것들 다 배울 것들이에요 그리고 여러분들이나, 또는 여러분들이 만든 서비스를 사용하는 사용자들이 이렇게 쓰기버튼을 눌러서 여기에다가 자기가 등록하고 싶은 글을 적어서 제출을 하면 여기 있는 글 목록에 제출한 내용이 추가되는 그런 에플리케이션을 우리가 만들어 볼겁니다

그리고 최근에 아주 중요한 트렌드 중의 하나인 반응형 웹 그건 뭐냐면 이제는 사용자들이 정말 다양한 크기의 화면을 씁니다 어떤 사람은 모바일을 쓸테고 어떤 사람은 모니터를 쓸테고 어떤 사람은 대형 TV를 쓰기도 하겠죠 그런 경우에 사용자의 화면의 크기 이렇게 바뀔테죠 모바일은 요만할테고요 TV는 더 크겠죠 사용자의 크기에 따라서 적당하게 컨텐츠의 모양이나 형식이 변경되는 반응형 웹이라는것도 우리가 살펴볼거고요 아무튼 여러가지 기능이 들어있는 에플리케이션을 우리가 만들어 가면서 웹이란 무엇이고 코딩, 프로그래밍이란것은 또 무엇이고 정보기술이라는 것은 우리 삶에 어떤 영향을 미치는가 그런 것들을 살펴보는 것이 우리 수업의 가장 큰 흐름이라고 할수가 있습니다 그래서 결과적으로 말씀드려서 지금 보고계신 우리의 예제 이것은 사실 몇개의 파일로 이루어져있긴한데 그중에서 가장 중심되는 파일은 나중에 우리가 만들게 될 indexphp라고 하는 파일이에요 여기 있는 이것들이 코드인데 텍스트 파일입니다

여기 있는 것들은 컴퓨터한테 나는 어떤걸 만들고 싶은데 그건 어떤 기능이 있어야 되고 어떤 모양이어야 된다 라는 것을 컴퓨터도 알아들을 수 있고 여러분도 알고 있는 소위 프로그래밍 언어라는 형식에 따라서 작성한 일종의 편지 같은 것입니다 컴퓨터한테 보내는 편지같은 거죠 그래서 이렇게 여러분들이 코드를 작성하시면 결국에는 이렇게 생긴 웹 에플리케이션이 만들어지는 것이죠 그래서, 여기 있는 이 하나의 코드 여기서부터 이 끝에까지 이것을 우리가 작성하기 위해서 거의 20시간에서 30시간정도 수업을 진행할겁니다 그 얘기는 뭐냐면 여기 있는 이 코드 한줄 어떻게 보면 별것 아닌것처럼 보일수도 있어요 물론 여러분은 낯설기 때문에 별거인것처럼 보이겠지만요 여기 있는거 한줄이 사실 굉장히 많은 개념들을 응축하고 있는거에요 마치 멀리 있는 어떤 별이 우리가 보기엔 티끌같이 작아보이지만 사실은 그 별은 티끌같이 작지 안잖아요 그런 것처럼 여기 있는거 한줄은 사실은 굉장히 많은 개념과 내용들을 응축하고 있는 그런것이라고 할수 있습니다 그걸 우리가 하나하나 찬찬히 풀어가면서 공부를 할거에요 그 과정에서 여러분들이 뭘 할수 있냐면 여기 있는거 한줄 여기 있는거 코드 한줄 이런것들은 여러분들이 웹사이트를 만들기 위해서 필요한 일종의 부품들이라고 할수가 있는데요 우리는 웹사이트를 만드는데 필요한 모든 부품을 이 수업에서 다 다룰수 없습니다 그건불가능해요

하지만 그 부품들을 어떤 순서로 결합하고 또 부품과 부품을 어떻게 결합하는지에 대한 그 결합 방법을 우리가 20시간동안 배우는 거에요 그렇게 해서 여러분들이 결합방법을 알고 있다면 그 결합을 하기 위해서 어떠한 것을 만들기 위해서는 부품들을 조립해야 될거 아니에요? 그 조립을 하기 위해서 필요한 부품들은 여러분들이 나중에 공부하거나 또는 누군가에게 도움을 받거나 해서 가져오면 되는거에요 중요한 것은 그것을 조립하고 결합하는 방법 그것을 아는것이 중요합니다 우리 수업은 바로 그것을 알려드리는 수업이라고 할수 있어요 그리고 그걸 알고 있으면 여러분들이 자신이 부족한 부분이 무엇이고 또 어떤것을 공부하면 될지 여러분들이 훨씬 더 주체적으로 판단할수 있게 될겁니다

그래서, 여기 있는 이 코드 양이 많은겁니다 사실은 여기 있는것을 우리가 아주 간단한 한줄 한줄,한줄 추가하면서 또 그 구절을 요렇게 요렇게 효율적으로 변경해가면서 여러분들이 코딩이 무엇인가에 대한 감을 익힐수 있게 해드리는 것이 우리 교육의 목표에요 어떻게 보면 웹 에플리케이션을 만든다라는 것은 여러분들이 어떤 기술적으로 무언가를 어떤 문제를 해결한다는것에 대한 일종의 샘플, 또는 뭐랄까요

아이디어를 제공해드리는 측면인 것이고 여러분들이 웹에플리케이션을 만들수 있게되면 여러분은 웹에플리케이션이 아니라 프로그래밍을 통해서 할수 있는 수많은 일들을 할 수 있는 잠재력을 갖추게 되는 겁니다 그리고 여기 있는 indexphp 나중에 우리수업이 끝나면 여러분들이 여기 있는 이 코드 지금한번 보세요 뭐가 뭔지 모르겠죠? 부담스럽죠? 우리 수업이 끝난 후에 이 코드를 한번 더 보세요 그러면 여기 있는 내용들이 하나하나 해석이 가능하게 될겁니다

그리고 우리 수업이 끝난 후에 여러분들이 제 수업을 여러번 보는 것도 좋겠지만 여기 있는 코드 indexphp라는 이 코드를 여러분들이 제일 위에서 제일 끝까지 하나하나 해석하면서 누군가에게 설명할수만 있다면 또는 이것을 보지 않고 이 코드를 여러분들이 작성해서 웹에플리케이션을 아주 간단하게나마 동작하게 할수만 있다면 그 다음부터는 여러분들이 주인공이 되어서 공부하실수 있는 그런 자질을 갖추게 된 상태가 될것이다 라고 저는 생각합니다

쿠폰제공팝업페이지

고객이 쇼핑몰에 로그인하면 팝업으로 쿠폰혜택을 알릴 수 있습니다 생일자쿠폰, 기념일쿠폰 등은 생일/기념일 XX일전부터 XX후까지 쿠폰을 다운받을 수 있도록 설정할 수 있으며, 해당 기간에 쇼핑몰에 로그인 했을 때 팝업으로 알림을 줄 수 있습니다

쿠폰 제공 팝업/페이지에서 생일자/기념일 쿠폰을 선택합니다 팝업 제공을 선택하고 저장합니다 고객은 제공기간에 쇼핑몰에 로그인 했을 때 쿠폰 팝업을 확인할 수 있으며, 바로 쿠폰을 다운 받을 수 있습니다 배송비, 신규가입, 컴백회원 등은 쿠폰다운로드 페이지를 생성할 수 있습니다 주소를 복사하여 배너에 링크를 걸면 고객은 쉽게 쿠폰페이지로 이동하여 쿠폰을 다운로드 할 수 있습니다

[제1강] [ 네이버 스마트스토어 뭔가요?]-[네이버 스마트스토어 쇼핑몰 상품등록 강의,제작 강좌,창업 마케팅 센터 만들기] 마케팅 동영상 강좌 강의 교육 인강[친절한 컴강사]

네이버스마트스토어,스마트스토어,스마트스토어만들기,스마트스토어꾸미기,스마트스토어상품등록

[마케팅의 정석] 플랫폼기업이 세상을 지배하는 6가지이유 – 페이스북, 네이버, 카카오톡, 유튜브 등 –

네이버, 페이스북, 카카오와 같은 플랫폼 기업이 세상을 지배하고 있습니다 플랫폼 기업이 세상을 지배하는 이유에 대해서 알아보도록 하겠습니다 첫번째는 '네트워크효과' 때문입니다

네트워크 효과는 특정 제품을 채택하는 사람이 많아질수록 그 제품의 시장지배력이 더욱 증가하는 것을 말합니다 카카오톡을 처음 사용한 사람들이 느끼는 가치는 얼마나 되었을까요? 카카오톡을 통해 대화의 상대가 아무도 없었기 때문에 카카오톡의 처음 가치는 '0'이나 마찬가지였습니다 그러나 카카오톡 사용자가 늘어나면서 연결되는 네트워크 효과가 커지면서 사용자가 느끼는 가치는 커질 수 밖에 없습니다 이와 같이 가치가 높아지는 현상을 '네트워크 효과'라고 부릅니다 다른 사람들이 소비 행동에 영향을 받음으로써 '네트워크 외부성' 혹은 '소비의 외부성'이라 부르기도 합니다 두번째는 '사용에 의한 학습'이 발생하기 때문입니다 카카오톡의 요즘처럼 다양한 기능들이 포함되기 까지는 수많은 업데이트 과정이 있었는데요 이 과정에서 사용자의 역할에 큰 몫을 했습니다 사용에 의한 학습은 하나의 기술이 소비자들에게 더 많이 채택될수록 더 많이 사용되고요 이는 더 많은 학습을 이루어져서 더 많은 발전과 개선이 이루어지는 방향으로 나아가게 되어 있습니다 결국 많은 사람이 사용하는 상품 일수록 더욱 좋아져서 사람들이 더 많이 채택하게 되는 것입니다 세번째는 '정보의 수확체증' 때문입니다 기술 중심의 상품은 슈퍼마켓에서 판매하는 소비재와는 달리 복잡하고 이해하기 어렵습니다

윈도 컴퓨터를 사용하던 사람이 애플의 맥 컴퓨터를 사용하려면 여러 가지 위험을 감수해야 합니다 이런 위험을 회피하고자 구매자는 다른 사람의 구매 및 사용 경험으로 부터 필요한 단서를 찾기 시작합니다 많이 팔리는 상품은 그 자체만으로도 품질과 효용을 선호하는 효과를 갖게되는데요 이것을 '정보의 수확체증'이라고 합니다 이러한 의미에서 기술 중심의 상품 일수록 얼리어답터군을 많이 확보하는 것이 중요한 일이라고 할 수 있습니다 네번째는 '기술의 상호 관련성' 때문입니다 기술중심의 상품은 대부분 보완재가 필요합니다 단품만으로는 시장을 형성하지 못하는 건데요 컴퓨터는 모니터와 프린터가 연결이 되어야 하고요~ 업무를 하려면 오피스 프로그램 등의 소프트웨어가 필요합니다 이렇게 해서 작성한 것을 다른 사람들과 공유를 하려면 와이파이와 같은 통신망이 갖추어져 있어야 합니다 '소비 관련성'은 주 기기를 제조하는 업체로 하여금 주변기기 시장을 지배할 수 있는 힘을 갖게 합니다 애플의 맥 컴퓨터를 사용하는 사람이 아이폰을 사용하는 것과 같습니다

제품간 호환성과 확장성이 중요한 구매기준이 되는 것입니다 마이크로소프트가 윈도 운영체제를 중심으로 웹브라우저와 오피스 프로그램 등을 장악한 이유도 이와 같습니다 기술 중심의 상품은 시스템 제품의 특성을 가짐으로써 호환 및 확장성을 염두에 두어야 합니다 다섯번째는 '전환 비용' 때문입니다 삼성의 스마트폰을 사용하던 사람이 애플이 아이폰으로 바꾸려고 하면 물리적, 금전적, 심리적 비용이 발생하는 데요~이를 '전환비용'이라고 합니다 아이폰 사용 방법을 새롭게 배워야 하고, 기존 스마트폰에 저장해둔 다양한 앱들도 새로 설치해야 합니다

그러려면 많은 시간이 필요하게 됩니다 이처럼 기술중심의 상품은 대부분 높은 전환 비용을 가지는 특징을 보입니다 여섯번째는 '막대한 추가 비용'이 들어가기 때문입니다 예를 들어 모바일 게임 산업의 경우 첫 제품을 개발하는 데 들어가는 비용은 매우크지만 그것이 실제 상품화 되면 그것을 재생산 하는데는 단순 복제비용 밖에 들지 않습니다 하지만 게임이 성공하기만 하면 높은 수익률을 올릴 수 있습니다 실재 넥슨이나 엔씨소프트 등의 영업이익률은 30%에 달한다고 합니다