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

기존의 3차에서 썼던 소스를 활용해서 계속 수업을 진행했습니다. 잘 있나 npm run serve를 한 번 해보고 시작합니다. 잘있으면 일단 첫번째로는 인스타에 올릴 때 필터효과를 사용해보도록 하겠습니다. cssgram 을 사용할 것인데요, 전 처음 알았어요 https://una.im/CSSgram/ CSSGram What is This? For more background on CSS Image Effects, you can check out my blog series here, or watch my video from CSS Conf EU, which gives a baseline on blend modes and filters. Simply put, CSSgram is a library for ed..

*이미지 출처는 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임을 확인) 프로..

*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 기초 셋팅 Node.js 설치 (10버전 이상) VSCode 에디터 설치 Yarn 설치 설치 여부 상관없이 진행가능하나 속도면에서 yarn이 유리하다고 합니다. vscode 에디터 프로젝트 여는 법 프로젝트를 진행 할 폴더를 바탕화면에서 생성하세요. 이 폴더는 Root 폴더가 됩니다. 하위에 vue 프로젝트 폴더가 생성될 것입니다. 이하 Root 폴더라고 하겠습니다. vscode 에디터를 통해 Root 폴더를 오픈합니다. 메뉴 File > Open Folder > Root 폴더 yarn 설치 vscode 에디터로 Root 폴더를 열어 준 후에 터미널을 열어줍니다. 단축키(crtl + `) 또는 메뉴 Termina..