HEROJOON 블로그(히로블)

선행되어야 할 것 NPM 명령어를 사용하기 위해서 Node를 설치해줍니다. Node 설치 시, NPM도 함께 설치됩니다. Node 설치 URL: https://nodejs.org/ko vue-cli란? Vue Command Line Interface (Vue 명령줄 인터페이스) 입니다. vue-cli 명령어를 이용하여 Vue 프로젝트 생성시 설정할 수 있는 옵션들을 쉽게 셋업할 수 있고, 빠르게 Vue 프로젝트 구성을 할 수 있습니다. Vue 버전 2 1. [Vue 2] vue-cli 설치하기 # vue-cli 설치 (vue 터미널 명령어를 사용하기 위해서 설치합니다.) npm install -g vue-cli # vue-cli 설치 확인 vue --version # 만약 설치한 vue-cli를 제거하고..

npm init nuxt-app

목표 VueJs 프로젝트에 favicon 적용하기 1. favicon.ico 파일 추가 위치: {프로젝트 ROOT PATH}/static 아래 ex) {프로젝트 ROOT PATH}/static/favicon.ico 2. favicon 적용 위치: {프로젝트 ROOT PATH}/index.html에 favicon 설정 추가

1. table 가운데 정렬하기 2. table 내용 가운데 정렬하기

React란 페이스북에서 제공하는 자바스크립트 라이브러리 오픈소스입니다. 목표 React 환경 설치 React 프로젝트 생성해서 띄워보기 사전준비 1. nodejs 설치 2. npx 설치 실전 - 요약 - 1. nodejs 설치 2. npx 설치 3. React 프로젝트 생성 4. React 프로젝트 띄워보기 1. nodejs 설치 : 아래 nodejs 사이트에서 nodejs를 설치해줍니다. nodejs를 설치하면 자동으로 npm이 함께 설치됩니다. nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 아래 명령어를 이용하여 설치된 것을 확인합니다. 명령어 입..

환경 Front : React Source Repository: Github Repository Web Hosting Service: Github Page 목표 Github Repository와 Github Page를 이용하여 React Source를 내 로컬환경이 아닌 웹상에 손쉽게 띄울 수 있습니다. 사전준비 크게보면 1) React Source, 2) Github 계정이 필요합니다. 우리가 할 것 요약 1. Github Repository 1-1. Github 계정 생성 & React Project를 Github Repository에 Push *여기서 중요한 건 React 프로젝트를 웹으로 띄우는 것이니까 아래부분을 중점적으로 설명할 예정입니다. 2. React 2-1. npm install gh-..

Javascript에서는 변수나 상수 선언 시 var, let, const를 사용합니다. 가끔 헷갈리기 때문에 정리를 해보겠습니다. 아래 내용이 다 이해되었다면 당신은 능력자입니다ㅎㅎ (∩▽∩) Javascript 선언 구분 범위 초기값 선언 var ex) var name = "hj"; 변수 선언 전역 혹은 지역(함수) 단위 초기값을 선언하지 않으면 undefined 값을 갖게됨. let ex) let name = "hj"; 변수 선언 블록 단위 초기값을 선언하지 않으면 undefined 값을 갖게됨. const ex) const name = "hj"; 상수 선언 블록 단위 반드시 초기값을 넣어주어야함. "개발하다가 진짜 헷갈리는거 궁금했던거 딱 두가지만 알아보아요." 1. var, let 초기값이 un..

- Froala Editor Docs : https://froala.com/wysiwyg-editor/docs/ app.value('froalaConfig', { toolbarInline: false, placeholderText: "Enter Text Here", toolbarButtons : ["bold", "italic", "underline", "fontSize", "textColor"], height: 500, // froala editor 세로길이 width: 800, // froala editor 가로길이 key: 'froala editor license key정보 입력' });