프로그래밍119 Oh My ZSH 설정하기 macOS Catalina를 기준으로 작성합니다. (요약내용은 글 하단에서 확인 가능) 설치과정 맥을 재설치하고 Terminal을 설정하려고 실행시키니 zsh가 기본으로 설정되어 있다. 원래 그랬었나?! 음.., Oh My ZSH나 설치하자! https://ohmyz.sh/ Oh My Zsh - a delightful & open source framework for Zsh Oh-My-Zsh is a delightful, open source, community-driven framework for managing your ZSH configuration. It comes bundled with several helpful functions, helpers, plugins, themes, and a fe.. 2020. 4. 6. [vi] 단축키 정리(자주 사용하는 명령어) 지금까지 배우고 자주 사용하는 단축키를 다시 정리해보려 한다. 주요 기능들은 미리 외워두고 나머지 기능들은 필요에 따라 찾아보며 사용하는 걸 추천한다. 크게 일반 모드, 입력 모드, 비쥬얼 모드, 명령어 모드가 있다. 특별한 설명이 없으면 대부분 일반 모드에서 해당 Key를 눌러야 동작한다. 기본기능 설명 i 일반모드에서 입력모드로 전환되고 음절의 앞으로 커서 이동 a 일반모드에서 입력모드로 전환되고 음절의 뒤로 커서 이동 esc 일반모드로 전환 (입력모드에서 일반모드로 전환해야 아래에 나오는 기능들을 사용 가능) u 실행취소 Ctrl + r 다시 실행 이동 설명 k 위로 이동 j 아래로 이동 h 왼쪽으로 이동 l 오른쪽으로 이동 w 왼쪽으로 이동 + 다음 단어의 첫음절로 이동 e 왼쪽으로 이동 + 현재.. 2020. 3. 12. [React] 기초 정리 import와 require의 비교 - require는 node의 모듈 시스템 - module.exports에서 exports 되는 게 객체나 배열이면 구조 분해할 수 있음 - module.exports는 export default와 호환됨(깊게 들어가면 다르지만 react에서는 호환되는 정도로 이해하면 됨) - const React = require('react');는 import React from 'react';와 호환됨 - import React, { Component } from 'react';에서 { Component }는 export const Component와 같이 선언된 것을 가져올 때 사용 - import 관련 부분은 react에서 사용 - require 관련 부분은 node에서 사용.. 2020. 2. 22. [React] Webpack 자동 빌드 - 프론트엔드 변경점을 감지하여 자동으로 빌드하고 변경점을 바꿔줌 - webpack.config.js를 읽어서 빌드를 해주고 서버로 유지시켜줌 webpack-cli 4.x.x 일 때, npm i -D react-refresh @pmmmwh/react-refresh-webpack-plugin npm i -D webpack-dev-server package.json "scripts": { "dev": "webpack serve --env development" } webpack.config.js - module > rules > babel-loader > options > plugins > 'react-refresh/babel' 추가 const RefreshWebpackPlugin = require('@pm.. 2019. 11. 27. [React] 강좌 정리 및 초반 설정 Babel - 최신/실험적인 문법을 사용할 수 있게 해줌 - ES2015+ 문법을 사용한 코드를 예전 ES5 자바스크립트 코드로 바꿔주는 도구 JSX - JS + XML setState - 비동기 함수 - 예전 값으로 새로운 값을 만들 때는 setState의 인자로 함수를 사용하기 Hooks - 함수에서도 setState나 ref를 사용할 수 있도록 한 것이 Hooks - const [value, setValue] = React.useState(); - const ref = React.useRef(); Webpack - 여러 개의 js파일을 한번에 합쳐서 하나의 js파일로 만들어줌 Node - js 실행기 개발 설정 - 폴더를 하나 선택 - npm init : 완료되면 package.json이 생성됨 -.. 2019. 11. 2. 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음
