HEROPY
Tech
{{ scrollPercentage }}%

처음 시작하는 Node.js 개발 - 1 - 설치 및 버전 관리(NVM, n)

Node.js는 V8이라는 구글에서 개발한 고성능 자바스크립트 엔진으로 빌드된 서버 사이드 개발용 소프트웨어 플랫폼입니다.기본적으로 자바스크립트는 웹 브라우저(클라이언트 측 ...

Sass(SCSS) 완전 정복!

Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다.

Parcel - 쉽고 빠르고 강력한 웹앱 번들러 - SASS / PostCSS / Babel / Production

Parcel는 2017년 여름에 등장한 새로운 웹 애플리케이션 번들러로, 별도의 설정 파일이 없고 대부분의 애셋을 지원하는 등 강력한 기능들을 가지고 있습니다.

GitHub와 Netlify를 이용한 쉽고 빠른 HTTPS 무료 호스팅

GitHub, GitLab 등과 계정 연동 및 쉬운 호스팅을 제공하는 PaaS 서비스로, Continuous Deployment, One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공합니다.

Vuex - 6 - Helpers(Mapping)

기존에 작성한 코드를 조금 수정해서 Vuex Helpers를 사용해 보겠습니다.Helpers는 컴포넌트의 computed나 methods 속성에 Vuex 저장소(Store) ...

Vuex - 5 - Actions / Context / Vue.js Devtools

Vuex ActionsVuex의 액션(Actions)은 변이(Mutations)와 많이 비슷합니다.변이(Mutations)는 동기적, 액션(Actions)은 비동기적 으로 ...

Vuex - 4 - Mutations / Payload

Vuex MutationsVuex 변이(Mutations)는 저장소의 상태(State)를 변경하는 방법입니다.과일의 가격을 할인하는 버튼을 추가하여 변이(Mutations) ...

Vuex - 3 - Getters

Vuex Getters저장소 상태(State)를 계산된 상태로 사용할 경우 Getters를 사용할 수 있습니다.getters 속성은 Vue의 computed 속성과 비슷합니 ...

Vuex - 2 - Store / State

Vuex Central Store이전 페이지에서 Vuex를 설치했습니다.Vuex를 이용하여 데이터 저장소(Store)를 만들겠습니다.src/store라는 디렉토리를 추가하여 ...

Vuex - 1 - 시작하기 / Vuex 설치

Vuex 란?Vuex는 Vue와 함께 사용하기 위한 ‘상태 관리 패턴’ 라이브러리입니다.앱의 모든 구성 요소에서 액세스할 수 있는 중앙 집중식 데이터 저장소를 만들 수 있습 ...

macOS 업데이트 후 git 에러

macOS 업데이트 후 git 에러macOS 업데이트를 하면 항상 이런저런 프로그램에서 에러가 발생하네요.이번에 ‘High Sierra’로 업데이트 후 git 명령이 동작하 ...

Yarn 설치 및 사용법

Facebook에서 만든 자바스크립트 패키지 매니저인 Yarn을 사용해 봅시다.Yarn 설치Yarn은 다양한 OS의 설치를 지원합니다.macOSHomebrew를 사용하는 설 ...

Closure(함수 클로저)

클로저란?클로저(Closure)는 일급 객체 함수(first-class functions)의 개념을 이용하여 유효범위(scope)에 묶인 변수를 바인딩 하기 위한 일종의 기 ...

Webpack - 3 - 용어 정리

Webpack Config‘Webpack 기초 따라하기’를 진행하면서 webpack.config.js 파일을 구성하면 다음과 속성들이 등장합니다.각 속성들이 어떤 의미를 가 ...

Webpack - 2 - Dev Server / Babel

이번에는 Webpack Dev Server에 대해서 알아보고,ES6 이상의 문법을 사용하기 위해 Babel을 구성하겠습니다.프로젝트 구성하기$ npm init -y 아래와 ...

Webpack - 1 - 시작하기 / EJS / SASS(SCSS)

시작하기빈 프로젝트 디렉토리를 생성한 후 터미널을 이용하여, package.json을 생성하세요.$ npm init -y 그리고 webpack을 설치하세요.$ npm i - ...

MarkDown 사용법 총정리

마크다운(MarkDown)에 대해서 알고 계신가요?파일 확장자가 .md로 된 파일을 보셨나요?웹 개발을 하면서 아마 README.md라는 이름의 파일을 한 번은 보셨을텐데, ...