PC/모바일
모던웹(NEMV) 제작 하기 강좌 기본편
조회 9,422 · 공감 9 · 댓글 16
개요
지난강좌 기초편: https://www.clien.net/service/board/lecture/12640795CLIEN
기초편에 이어 14~26까지 기본편 한번 달려봤습니다.
현재 강좌처럼 화면, 서버, 디비 죄다 하는 걸 풀스택이라고 합니다.
하나 하나 보면 별 것 없는데 여러가지를 하면 괜히 정신이 없어지는 것이죠..
과거 부트스트랩 강좌(NEMBV)처럼 쓸만한 화면이 번쩍 나타나지 않아서 안타까우실 분들도 있지만..
차근차근 따라해서 개념을 확실히 이해하시면 현재 강좌가 훨씬 강력한 무기가 될 것입니다.
기본편 정리 표
대충 그려서 못생긴 그림이지만 지금까지 한 것들이 이것입니다.
SPA로 부드러운 웹을 구현하기 위해 고생한 그림이죠..
영상 강좌 후기
하고 싶었던 것은 소리 없이 영상만 녹화하고 자막으로 처리하고 싶었으나..
편집이 귀찮은 것을 떠나서 시간이 장난 아니게 많이 소모되는 것임을 깨달았습니다.
다시 보면서 구간 자르는 것도 힘들고, 본인 목소리 듣는 것도 매우 거북해서 사실 아예 다시 보지 않은 강좌도 여럿 있습니다..
2018 맥북프로 기준 30분 영상 편집(고작 인트로 자막 하나 넣음)하고 파일 내보내는데 30분 걸리는 것도 처음 알았습니다.
유튜브에 올리는데 또 20분 정도 걸립니다.
iMovie가 후져서 그런지는 모르겠지만..(파이널컷은 비싸서 못삼) 보통일이 아니네요 유튜버님들 존경합니다.
최대한 15분 내외로 짧게 여러편을 만들고 싶었는데 버벅이다 보니 뜻대로 안되어 1시간을 소모한 강좌도 있습니다..
대부분 아무 생각 없이 이제 뭐해볼까? 라는 무계획으로 영상을 촬영하다 그렇게 된것이죠..
그래도 장점은 정리할 것도 없이 빠르게 잘 설명할 수 있는 것 같습니다.
고수가 아닌 개발자가 고민하는 멍청한 모습도 분명 도움이 된다고 생각합니다.
다음편 강좌에 대해
다음은 이제 응용할 차례입니다.
그 어떤 책이나 강좌를 봐도 서버 배포는 맨 뒷장이지만..
전 시작부터 서버 배포를 할 예정입니다.
아무리 생각해도 본인 피씨(로컬호스트)에서 잘 돌려서 뭐합니까..
연습게임 그만하고 실제 서버에 배포해서 돌려야 웹이죠..
그래서 AWS, GCP, TOAST 등에 조건 좋은 클라우드 서버 무료티어 6개월권이라도 하나 계정파서 돌리는 것을 해볼 예정입니다.
도메인과 ssl 즉 https(443)로 서비스 가능하게 해놓고 무엇을 만들 지 생각하려 합니다.
역시 개발취지인 선구현후개선 이어 가야죠..
무엇을 만들것인가
웹교육의 꽃인 게시판은 너무 지루합니다..
사실 왠만한 서비스는 무료에 좋은 게 많아서 생각이 안나네요…
현재 생각하고 있는 것은 가계부나, 카드게임, 익명채팅, 가짜뉴스 등록 사이트 같은 거 만들까 하는데..
혹시 아이디어 보내주시면 참고해서 결정 해보도록 하겠습니다.
마치며
아무래도 영상만 보는 것보다 정리된 글과 함께 보는 것이 좋을 것 같아서.. 기존 기초강좌도 게시글들을 전부 리뉴얼해두었습니다.
하면서 의문나는 것이 있으면 바로 피드백 주셔도 괜찮습니다.
모던웹(NEMV) 많이 도전 바랍니다~
영상 목록
14 자바스크립트 기본 익히기
글참고: https://fkkmemi.github.io/nemv/nemv-014-javascript-study/
15 뷰티파이 레이아웃
글참고: https://fkkmemi.github.io/nemv/nemv-015-vuetify-layout/
16 깃허브 등록
글참고: https://fkkmemi.github.io/nemv/nemv-016-git-start/
17 SPA란
글참고: https://fkkmemi.github.io/nemv/nemv-017-about-spa/
18 api 설정하기
글참고: https://fkkmemi.github.io/nemv/nemv-018-hello-api/
19 AXIOS 시작하기
글참고: https://fkkmemi.github.io/nemv/nemv-019-hello-axios/
20 RESTful한 api 만들기
글참고: https://fkkmemi.github.io/nemv/nemv-020-make-rest/
21 몽고디비 설치
글참고: https://fkkmemi.github.io/nemv/nemv-021-mongo-install/
22 몽고디비 설치 확인
글참고: https://fkkmemi.github.io/nemv/nemv-022-mongo-shell/
23 몽구스 설치 및 확인
글참고: https://fkkmemi.github.io/nemv/nemv-023-mongoose-setup/
24 api와 몽구스 연결
글참고: https://fkkmemi.github.io/nemv/nemv-024-mongoose-and-api/
25 API와 프론트 통신 정리
글참고: https://fkkmemi.github.io/nemv/nemv-025-mongoose-and-api-2/
26 기본편 정리
글참고: https://fkkmemi.github.io/nemv/nemv-026-standard-end/
댓글 16
이제는 저도 조금씩 일렉트론으로 데스크탑 앱을 만들어서 써보고 있네요.
기회/수준이 되어서 저도 자료 공유할 날이 오면 좋겠습니다~^^
수준 낮은 저도 공유하는데요 뭘~ 기회가 문제죠 ㅎ
간만에 일렉트론 둘러보고 포스트 남겨봅니다.
https://fkkmemi.github.io/electron/electron-04-vuecli3/
참고하셔서 마이그레이션 권장합니다~
스크랩해두고 두고두고 보겠습니다
감사합니다.
아니라면 선택지가 프리미어 파이널컷 다빈치가 있는데.. 다루기가 만만찮아서.... 개인적으로는 다빈치를 추천합니다. 최근에 판올림 많이되서 편해졌습니다. 물론 무료도 있습니다
다빈치는 처음 듣네요~
한번 검토해보겠습니다~
https://madewithvuejs.com/frameworks 저는 요사이트 자주 확인하는데,
보시면 뷰티파이가 5만 엘레먼트가 4만 추천이네요
최근 1.3까지 나왔는데 뷰티파이는 https://fkkmemi.github.io/talk/vuetify-update-1.3/ 포스팅해두었습니다.
한번 도전해보세요~ 사용법은 사실 다 거기서 거기라고 봐요 부트스트랩이나 뷰티파이나 엘레먼트나
그런데 24개 그리드가 의미는 있긴 하네요, 아주 가끔 데탑 전용 오밀조밀한 레이아웃 필요한 프로젝트가 있죠..
전 그냥 대세에 편승하는 편이라.. 좀 짜증나는 상황이라해도 대세로 재작업합니다 ㅜ