vue.js 기초- 인스타그램 만들어보기 04 (코딩애플 세미나 후기)
*이미지 출처는 https://pixabay.com/ 이고, 무료이미지(19.07 기준)여서 사용했습니다. 문제가 있을 시 삭제하겠습니다. 이제 어느덧 코딩애플에서 진행하는 기초 세미나 3/4가 지났습니다 ㅎㅎㅎㅎ!! 근데,, 사실은 이걸 처음 작성할 때는 다음주가 마지막이었는데 ㅋㅋㅋ 수정하고 있는 지금은, 벌써 4주차가 끝난 뒤입니다.^^; 하핫.... 3회차 수업은 라우터를 사용하지 않았습니다. 어떤 작업을 했는지, 체크해보면 1.메인에 리스트를 보여줄 것입니다. - '사용자이름, 타이틀, 텍스트, 이미지' 2.메인에서 이미지 업로드 버튼(+)을 누르면 사진을 업로드 할 수 있고 두 번째 레이아웃이 보여집니다. 3.두 번째 레이아웃에서는 업로드한 사진을 보여주고, 텍스트나 글쓴이 등 정보를 입력받는..
vue.js 기초- 인스타그램 만들어보기 01 (코딩애플 세미나 후기)
*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 기초 셋팅 Node.js 설치 (10버전 이상) VSCode 에디터 설치 Yarn 설치 설치 여부 상관없이 진행가능하나 속도면에서 yarn이 유리하다고 합니다. vscode 에디터 프로젝트 여는 법 프로젝트를 진행 할 폴더를 바탕화면에서 생성하세요. 이 폴더는 Root 폴더가 됩니다. 하위에 vue 프로젝트 폴더가 생성될 것입니다. 이하 Root 폴더라고 하겠습니다. vscode 에디터를 통해 Root 폴더를 오픈합니다. 메뉴 File > Open Folder > Root 폴더 yarn 설치 vscode 에디터로 Root 폴더를 열어 준 후에 터미널을 열어줍니다. 단축키(crtl + `) 또는 메뉴 Termina..