주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

*이미지 출처는 https://pixabay.com/ 이고, 무료이미지(19.07 기준)여서 사용했습니다. 문제가 있을 시 삭제하겠습니다. 이제 어느덧 코딩애플에서 진행하는 기초 세미나 3/4가 지났습니다 ㅎㅎㅎㅎ!! 근데,, 사실은 이걸 처음 작성할 때는 다음주가 마지막이었는데 ㅋㅋㅋ 수정하고 있는 지금은, 벌써 4주차가 끝난 뒤입니다.^^; 하핫.... 3회차 수업은 라우터를 사용하지 않았습니다. 어떤 작업을 했는지, 체크해보면 1.메인에 리스트를 보여줄 것입니다. - '사용자이름, 타이틀, 텍스트, 이미지' 2.메인에서 이미지 업로드 버튼(+)을 누르면 사진을 업로드 할 수 있고 두 번째 레이아웃이 보여집니다. 3.두 번째 레이아웃에서는 업로드한 사진을 보여주고, 텍스트나 글쓴이 등 정보를 입력받는..

*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 1회차에서 이어서하는 부분입니다. 1회차 안보면 이해안될 수 있음 주의ㅎ 새로운 프로젝트 생성 ROOT폴더에서 새로운 프로젝트를 생성할 것입니다. vscode에디터에서 ROOT 폴더 열어줍니다. (저는 vuu가 ROOT 폴더입니다. vuedongsan은 1차때 만든 프로젝트 폴더입니다.) (모르겠으면 처음부터해도되나 install할 것들이 있습니다) vue, @vue/cli 터미널을 열어줍니다. (단축키 ctrl + `) 또는 메뉴에서 Terminal > New Terminal 터미널이 열린 경로를 확인해줍니다. vue 프로젝트 폴더를 생성할 ROOT 폴더로 경로가 되어있는지 확인합니다. (vuu임을 확인) 프로..

Vue.js single file components 방식으로 개발해보기 02 Vue Project 시작, 페이지 띄워보기 Vue.js 페이지 브라우저에서 열어보기 실행 할 프로젝트 폴더를 생성하거나 선택하여 에디터에서 열어줍니다. - 이 폴더에 vue.js를 다운로드 받아 사용할 것입니다. 저는 vue 폴더를 만들어서 VScode에서 Open Folder 했습니다. 에디터에서 cmd 창을 열어줍니다. - VScode 에디터의 단축키는 [ctrl + `] 인데, 에디터마다 다르므로 검색은 필수 입니다. (기본으로 cmd를 제공하지 않는 에디터는 플러그인이 있을 듯 합니다.) cmd창을 자세히보면 [ PS C:\Users\사용자명\Desktop\vue > ] 라고 되어있는데, 이것은 자신의 폴더 구조입니다..

Vue.js single file components 방식으로 개발해보기 01 프로젝트 실행 전 Node.js를 통한 사전 작업 Node.js의 정의 Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼입니다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있습니다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 합니다. 출처 : 위키백과 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임입니다. 이벤트 기반, Non-bl..