학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문" 강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 다음과 같은 내용을 다룬다. 데이터 처리 메소드 Instance-Lifecycle 데이터 바인딩 v-model 사용 @이용 이벤트 호출 배열 형식의 데이터 v-for 콘트롤 v-if(또는 v-show) 이용한 엘리멘트 화면 보이기(감추기) watch 이용 실시간 데이터 모니터링 2. 학습 중 작성한 코드 Welcome to {{title}}! Welcome to {{title2}}! Get Set {{d.t}} {{d.v}} {{d.t}} 3. 코드 실행 C:\workspace\vuejs\tes..

학습동기 앞으로 Vue.js의 쓰임이 많아 질거란다(2021년 하반기 유튜버 개발자의 품격, 빵형님의 공통적 견해). 그래서 궁금해 하던 차였다. 긴 강의는 부담이 되어서 일단 이 강의를 선택해 맛이라도 보려고 했다. Vue.js 설치시 npm을 사용하기 때문에, Node.js를 먼저 학습하기를 권한다. 학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문"강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 설치와 라우팅에 대한 내용을 다룬다. 2. vue cli 설치 C:\workspace\vuejs>npm install -g @vue/cli 3. test 프로젝트 생성 C:\workspace\vu..

학습내용 1. 강의영상 https://youtu.be/toLDNN4FQv0 유튜버 개발자의 품격님의 "한시간만에 끝내는 Node.js입문" 강의 내용의 나머지 파트로서, html 라우팅과 db연동에 대한 내용을 정리한다. 2. index.html 작성 Welcome to My Homepage AAAA BBBB 3. about.html 작성 About Page 4. server.js 작성 npm을 이용해 필요한 패키지 설치 해야한다. 해당 패키지는 server.js 코드의 주석에 표기하였다. // server.js const express = require('express'); const app = express(); const server = app.listen(3000, () => { console.l..

학습동기 한시간만에 끝내는 자바스크립트 입문 학습 후 Vue.js가 궁금해 학습하던 중, 더보기 Vue.js는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크(https://ko.wikipedia.org/wiki/Vue.js) npm에서 막혔다. 알고보니 Node.js 패키지 관리자(Node.js Package Manager)였다(python의 pip와 유사). 그래서 Vue.js 학습을 중단하고 본 강의를 학습하게 된 것이다. 학습내용 1. 강의영상 https://youtu.be/toLDNN4FQv0 유튜버 개발자의 품격님의 "한시간만에 끝내는 Node.js입문" 강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Node.js의 설치와..

학습동기 최근 웹 프론트엔드 개발에 관심을 가지게 되었다. 프론트엔드 개발은 기본적으로 HTML, CSS, JavaScript 기술을 갖춰야 하고, React, Vue, Angular 와 같은 framework를 다룰 수 있어야 된단다. 또한 하이브리드 앱개발 framework인 React Native도 JavaScript 언어를 기반하고 있어 배워 두면 쓰임새가 많겠다 생각했다. 학습내용 1. 강의영상 https://youtu.be/hLhHFiwhRfA 2. 부트스트랩의 CSS, JS 가져오기 https://getbootstrap.kr/docs/5.1/getting-started/introduction/ 시작하기 세계에서 가장 인기있는 프레임워크인 Bootstrap으로 반응형, 모바일 우선 사이트를 j..