Seongmin Kwon minipaper

wsl localhost

설치

sudo apt update && sudo apt install socat -y

~/.bashrc 또는 ~/.zshrc 추가

Install

파일 macros.doskey 을 C:\에 저장합니다.

본인이 원하는 alias를 추가 편집합니다.

regedit 실행 후 HKEY_LOCAL_MACHINE\Software\Microsoft\Command Processor\ 경로로 이동합니다.

문자열 값으로 Autorun 생성 후 값을 doskey /macrofile="C:\macros.doskey"을 입력합니다.

Usage

단축키명=실행할명령어 뒤에 $1 $2는 단축키 뒤에 argument 를 원하는 곳에 배치 할 수 있습니다. $* 은 그대로 argument를 전달합니다.

jdk1.8

brew update
brew cask info java
brew cask install java
# jenv는 version 선택
brew install jenv
# 설치가 되었으면 ~/.bash_profile에 아래 코드를 추가하여 jenv를 초기화시킵니다.
if which jenv &gt; /dev/null; then eval "$(jenv init -)"; fi

gradle jar java-application

gradle init gradle init --type java-application
build.gradle

group 'net.minipaper.dev'
// version '1.0'
version null

react-hot-loader 적용하기

react-hot-loader 는 코드가 변경되었을 때 페이지를 새로고침하지 않고 바뀐부분만 빠르게 교체해주는 라이브러리입니다. 비록, 리액트 어플리케이션을 개발 할 때 필수적인 개발도구는 아니지만, 앱의 규모가 커지면 개발서버가 수정될때마다 새로고침이 된다면 딜레이가 발생되어 개발의 흐름이 중간중간 1~6초씩 끊길 수도 있습니다. 특히, styled-components 를 사용하게 되는 경우엔, 스타일이 JS 안에 있어서, 스타일을 수정 할 때마다 새로고침이 된다는게 조금 불편할수도 있겠죠.

이렇게 자바스크립트 코드의 일부분만 교체하는 기능은 웹팩 개발서버의 기능이기 때문에, 라이브러리 없이도 코드를 조금 건들여주면 가능합니다. 하지만, 어플리케이션의 state 를 계속 유지하려면 과정이 복잡하기 때문에 라이브러리의 힘을 빌릴 필요가 있습니다.

이전에는, webpack 쪽에서 설정을 해야 될 것이 있었기 때문에, 무조건 yarn eject 를 해주어야 했지만, 이제는 바벨 설정만 하면 되므로 eject 하는 작업은 선택적입니다. 최신 react-hot-loader 는 굉장히 많이 편해졌답니다.

설치하기

ESLINT + Prettier in 5 Minutes

This short guide is meant to get you going with ESLint and Prettier quickly and pain-free. This guide also assumes that you have Node and, by extension, npm installed. If that is not the case, you can head over here to download and install: https://nodejs.org/en/download/.

Why Use a Linter?

Code quality and maintainability is important. Part of code quality is ensuring that code is easy to read, so we can make use of ESLint and Prettier to help accomplish this. ESLint allows us to set a style and automatically fix any code that doesn't conform to that style. Prettier is a more powerful formatter that supplements ESLint very nicely.

	// Flutter - Horizontal AND Vertical scroll demo
	// drag with mouse to scroll the 1200x1200 container inside the 300x300 container
	// Live demo at https://dartpad.dev/?id=4ec341a672ccb96470bb6fc09b20305d

	import 'package:flutter/material.dart';
	import 'dart:ui';

	void main() {
	runApp(MyApp());
	}

	image: java:8-jdk

	stages:
	- build
	- test
	- deploy

	before_script:
	# - echo `pwd` # debug
	# - echo "$CI_BUILD_NAME, $CI_BUILD_REF_NAME $CI_BUILD_STAGE" # debug

	$userPath = $env:USERPROFILE
	$pathExclusions = New-Object System.Collections.ArrayList
	$processExclusions = New-Object System.Collections.ArrayList

	$pathExclusions.Add('C:\Windows\Microsoft.NET') > $null
	$pathExclusions.Add('C:\Windows\assembly') > $null
	$pathExclusions.Add($userPath + '\AppData\Local\Microsoft\VisualStudio') > $null
	$pathExclusions.Add('C:\ProgramData\Microsoft\VisualStudio\Packages') > $null
	$pathExclusions.Add('C:\Program Files (x86)\MSBuild') > $null
	$pathExclusions.Add('C:\Program Files (x86)\Microsoft Visual Studio 14.0') > $null

	ls=dir /B $1
	ip=ipconfig $*