모던웹(NEMV) 제작 하기

뷰티파이 레이아웃

모던웹, 즉 현대적인 웹에서 가장 큰 부분을 담당하는 반응형에 대한 이야기입니다.

참고문서 : https://fkkmemi.github.io/nemv/nemv-015-vuetify-layout/

기초

에디터 설치 00:01:27

노드 설치 00:04:33

익스프레스 설정 00:07:43

익스프레스 수정 00:06:51

익스프레스 라우터 00:06:44

뷰티파이란? 00:05:02

뷰티파이 설치 00:11:59

익스프레스와 뷰티파이 연동 00:06:36

뷰티파이 수정 00:06:35

뷰티파이 메뉴 추가 00:07:51

익스프레스와 뷰라우터 00:08:05

뷰티파이 콤포넌트 사용해보기 00:13:18

자바스크립트 언어 사용 시작에 대해 00:25:03

기본

자바스크립트 기본 익히기 00:56:46

뷰티파이 레이아웃 00:23:20

깃허브 등록 00:24:34

SPA란? 00:04:37

api 설정하기 00:17:40

AXIOS 시작하기 00:18:16

RESTful한 api 만들기 00:23:02

몽고디비 설치 00:05:51

몽고디비 설치 확인 00:03:36

몽구스 설치 및 확인 00:14:09

api와 몽구스 연결 00:14:39

API와 프론트 통신 정리 00:54:04

기본편 정리 00:10:00

응용:서버

클라우드 서버 가입 00:01:46

클라우드 서버 만들기 00:19:07

클라우드 서버 리눅스 다루기 00:08:46

클라우드 서버 노드 설치 00:03:23

클라우드 서버 깃 설치 및 소스 받기 00:04:57

클라우드 서버 디비 설치 및 테스트 00:14:29

배포를 위한 개발환경 설정 00:28:15

pm2로 안정적인 서버 만들기 00:16:25

pm2로 실제 서버에 배포하기 00:22:30

서버 오토스케일 정리 00:49:28

응용:사용자

몽고 클라우드(ATLAS) 가입 및 테스트 00:04:11

깃헙에서 안보이는 설정파일 만들기 00:17:24

API 미들웨어란? 00:09:03

토큰(JWT)이란? 00:12:34

프라미스(promise) 어씽크(async) 이정도만 하자 00:36:14

HTTP 헤더 알아보기 00:07:19

사이트 저장소 다루기 00:08:15

로그인 간단히 만들어보기 00:07:37

사용자 모델 정리하기 00:08:47

실제 데이터로 로그인하기 00:04:59

토큰 인증하기 00:10:17

로그인 해야 들어갈 수 있는 페이지 만들기(네비게이션 가드) 00:13:48

뷰저장소(vuex) 이정도만 쓰자 00:24:55

사용자 및 페이지 관리하기 00:08:10

백엔드로 페이지 권한 얻기 00:16:24

모든 요청 토큰 설정으로 접근 막기 00:14:13

새로고침 없이 로그인 하기(by 인터셉터) 00:09:18

한 소스로 사이트 다르게 사용하기 00:31:22

회원가입 유효성 판단 00:16:42

회원가입 프론트 적용하기 00:20:05

회원가입 완성하기 00:13:53

사용자편 시연 00:03:04

고급

비밀번호 암호화 하기 00:18:53

뷰 컴포넌트 사용하기 00:28:52

시간 계산하기(moment) 00:15:38

로그인 시간 제한하기(토큰 갱신) 00:23:49

게시판 관리 만들기 00:14:01

게시판 모델 만들기(populate) 00:11:00

게시판을 위한 메뉴 구성 00:09:56

게시판 정보 읽기 00:12:23

게시판 게시물 API 만들기 00:29:07

게시판 게시물 쓰고 읽기 00:10:37

게시판 뷰티파이 테이블 사용하기 00:12:43

게시판 내용 읽기 00:09:35

게시판 내용 수정과 삭제 00:14:08

게시판 페이징과 정렬 처리하기 00:27:35

게시판 재활용하기(뷰라우터) 00:15:18

공용 알림 메세지 만들기(vuex) 00:05:25

HTTP 예외처리 제대로 하기 00:26:10

반응형 게시판 만들기 00:14:17

구글 리캡챠로 로봇 막아보기(recaptcha) 00:25:33

고급편 정리 00:07:20

활용

보안연결(ssl) 적용하기 00:24:23

구글 애널리틱스로 사이트 접속 현황 파악하기 00:12:23

대시보드 게시판 다르게 표현하기 00:13:47

대시보드 꾸며보기 00:29:33

질문답변

여기를 클릭해 로그인 후 질문을 남겨보세요.