본문 바로가기

전체보기

(55)
Nuxt.js 웹 프로젝트 시작하기 1. Node.js 설치(모든 작업에서 선행되어야함) - 노드 사이트에서 LTS 버전을 손쉽게 설치한다..(Next > Next > 수준으로 쉽게 설치 가능) - 작성기준 Node의 버전은 "10.16.3 LTS" https://nodejs.org/en/ 2. 프로젝트 생성 - yarn을 이용하여 프로젝트를 구성하려면 "npm install -g yarn" 글로벌 옵션으로 yarn 설치(현시점 1.19.1 버전) - 실제 프로젝트 생성(명령 프롬프트 현재 디렉토리에 생성됨) 1) "yarn create nuxt-app " 2) or.... "npx create-nuxt-app " 3) or.... "npm init nuxt-app " 3. 프로젝트 옵션 선택(필요에 따라 선택하면됨) - 프로젝트명: 엔터..
nuxt build ? generate ? nuxt build --spa ? 차이? 1. nuxt build : SSR(Server Side Rendering) 을 포함한 정규 빌드 2. nuxt generate : Prerendering 된 SPA(Single Page Application) 3. nuxt build --spa : Prerendering 없는 순수 SPA(Single Page Application) 위명령어는 프로젝트 루트에서.. 사용!
Vue.js 개발을 위한 Visual Studio Code 세팅 현재 Atom, Bracket 등 유용한 도구가 많지만, VS Code가 가장인기있는 IDE이다. 따라서 가장인기 있는 VS Code를 설치하기로한다. 설치 URL은 https://code.visualstudio.com 여기서 쉽게 다운로드하여 설치 할수 있다. (다음>다음...만 누르면 손 쉽게 설치 완료) [유용한 플러그인] 플러그인은 좌측 상단에 확장(Extension 탭에서 아래 플러그인을 검색 후 install 한다) - Korean Language Pack : VSCode에서 한국어를 지원해줌 - view-in-browser : html 파일을 기본 브라우절 쉽게 볼 수있다. - vetur: 코드에 대한 문법 하이라이트, 코드 자동완성, 디버깅, 린팅 기능등을 제공 - HTML Snippets..
Nuxt.js SSR(Server Side Rendering) 환경 1. 프로젝트 생성 및 초기화 - nuxt.js starter 템플릿을 이용하는 방법 or 직접 시작하는 명령어 - nuxt 패키지만 다운로드하면 vue, vue-router, vuex 등의 패키지가 모두 설치됨 - "nuxt build" 명령어는 Webpack을 이용해 애플리케이션을 빌드할 수 있기때문에 배포시 적절 - "nuxt start" 명령은 운영 버전으로 서버를 시작함. 그전에 build가 선행되어야함 - "nuxt generate"명령은 애플리케이션을 빌드후 모든 경로의 화면을 정적 HTML로 생성함 nuxt 태그는 router-view 요소 역할을 대신함 nuxt-child 태그는 vue-router의 router-view와 동일 nuxt-link 태그는 vue-router의 router-..
GET vs POST 방식 HTTP 프로토콜로 웹 서버에 요청을 보내는 방식에는 GET, POST, PUT, DELETE가 있다. Request에는 Header, Body 부분으로 나뉘는데 GET 방식은 헤더 부분에 요청 정보를 넣어서 보내고 POST방식은 본문 부분에 요청정보를 넣어서 보낸다.
모바일테스트 음... 웹 프로젝트를 수행하는 동안에는 Web Front의 기본중의 기본... HTML & CSS를 소홀히하게 되어 내 일이 아닐거라는 생각을 줄 곧 해왔었는데... 최근 Web Front로 전향하면서 그게 아니라는 생각을 하게된다. Web Front를 하게되면서 HTML & CSS는 퍼블리셔보다 뛰어날 정도는 아닐지라도 어느 정도 기본 소양은 갖춰야할 듯하다.. 지금이라도 늦지 않다고 생각한다. 집중해서 기본을 닦는다면 프로젝트를 해왔던 경험이 있기 때문에 빠르게 기본 지식을 습득할 수 있으리가 생각한다.. 화이팅!
첫글 작성 테스트로 첫글을 작성해봅니다.