Digital Marketing School

Presentation on theme: "Digital Marketing School"— Presentation transcript:

1 Digital Marketing School
Fastcampus Digital Marketing School 박준영 Node.js 1일차

2 목차 목차 강사 소개 강의 목표 강의 순서 웹서비스 구조 사용할 툴 설명 용어 설명

3 강사소개 현(AGCWEB)기술개발 팀장 재직 풀스택 개발자 ( 퍼블리싱 + 프론트앤드 + 백앤드 + 서버관리 )
주력 개발언어 php, Nodejs, Javascript ATPLACE ( 핸드메이드 쇼핑몰 ) - 퍼블리싱 제외 혼자 개발 ( ), 현재 11번가와 함께 핸드메이드 카테고리 런칭

4 강사소개

5 강사소개 워드프레스 개발 능력 테마와 플러그인 개발가능

6 강사소개 워드프레스로 만든사이트들 http://www.naturennature.co.kr/
그외 뉴트리바이오텍 브랜드사이트

7 강사소개 최근엔 Fastcampus에서 프로그래밍 강좌 React + Nodejs 강좌 진행

8 강의목표 강의목표 워드프레스로 자신이 컨텐츠를 올릴 웹사이트를 구축

9 강의목표 테마 구매 사이트

10 강의목표 테마는 유료테마 -기능이 다양 무료테마 로 나뉘어짐

11 강의목표 패스트캠퍼스에서 수업진행을 위해 제공하는 유료테마 http://unicon.hellominti.com/

12 강의목표 저기서 맘에드는 테마를 고른다. 유료테마가 제공하는 템플릿을 고른다.
디자인은 템플릿이 제공되니 컨텐츠작성에 집중한다.

13 강의목표 위와 같은 전략으로 만들어진 사이트들 스톡홀름 테마로 만들어졌습니다. http://self-discovery.me/

14 강의목표 플러그인 사용법을 익힌다. 워드프레스의 무궁무진함 ex) 제 블로그에 댓글 다는 사람들이
페이스북으로 달수 있으면 좋겠어요

15 강의목표 구글에서 wordpress facebook plugin 검색

16 강의목표 정말 많지만 검색해서 설치하면

17 강의순서 강의순서 임시서버에서 워드프레스 연습 본인서버 구매 워드프레스 테마선정 컨텐츠 업로드 플러그인 사용법 학습
워드프레스 취향에 맞게 작성

18 강의순서 임시서버

19 웹서비스 구조 웹사이트에 대해 URL로 호출 사용자 웹브라우저 (크롬+IE) 서버 웹브라우저로 전송

20 웹서비스 구조 예를들어 /demo/index.html demo 폴더 아래 inxex.html을 보여달라!
아래와 같은 주소 요청

21 웹서비스 구조 demo에 index.html의 서버에 저장된 페이지를 보여준다

22 웹서비스 구조 결론 서버에 보여지고 싶은 소스를 올리면된다.

23 웹서비스 구조 서버에 소스 및 페이지를 올리는 방법은? Filezilla를 사용

24 웹서비스 구조 파일질라를 통해 각 url에 맞게 데이터를 올린다 나 서버 데이터를 올린다

25 Tool setting 파일 질라 설치

26 용어 설명 DB ( Database 란? ) 사용자들 정보 내가 언제 접속했는지 등등에 대한 정보를 엑셀 형식으로 저장

27 DB 먼저 로그인을 한다.

28 DB 회원가입시 입력했던 정보들이 DB라는 곳에 저장된다. 나 또는 모든회원들이 엑셀형식으로

29 웹서비스 구조 ID, PW 전송 서버 나 DB 그전에 저장했던 값이랑 일치했는 안했는지 여부를
로그인 성공, 로그인 실패로 반환

30 DB 인증이 성공함도 동시에 서버는 인증 ID 값을 각 PC마다 부여

31 용어 나는 아이디로 인증 값이 생성됐다

32 용어 그러면 장바구니 관련된 excel파일에 접근해서 나의 ID로 구매내역을 조회

33 용어 구매내역 테이블에서 상단 두개만 출력 DB안에 장바구니테이블, 사용자테이블, 각각을 테이블 이라고 한다. 구매자 개수
가격 3 12,000원 10 9,000원 5 200,000원

34 용어 11st.co.kr/mypage 에서 내가 구매했던 내역만 볼수 있게된다

35 용어 그럼 임시서버에서 배부한것처럼 아래 두가지가 있으면 FTP ID – 서버에 접속 할 수 있는 ID
DB ID – DB에 접속할수 있는 ID

36 용어 워드프레스를 설치 할 수 있다

37 용어 임시서버에 워드프레스를 설치

38 용어 설치 이후 임시서버로 설치를 해보면서 임시서버가 종료되어도
서버와 내가 설치할 장소가 필요해진다. -> 호스팅(인터넷상에서 집같은곳 or 서버-임시서버와 같은 곳)을 구매하여야한다.

39 도메인 이란? 도메인 이란? 아래와 같이 브라우저에서 URL로 접근할수 있는 주소

40 도메인 이란? 최종 웹사이트를 운영하려면 도메인(URL) + 호스팅(서버) 을 구매후 워드프레스를 설치하고
매달 서버사용료(집세)를 내면된다. 그게 싫으면 서버를 구매해도된다.