CRA(Create-React-App)을 이용하여 TypeScript로 React 앱을 만들어보겠습니다. 아주 간단하기 때문에 쉽게 따라하실 수 있습니다. CRA를 이용하는 방법에는 여러 가지 방법이 있겠습니다만, 여기서는 공식 문서에 나온 방법대로 진행하겠습니다. 먼저, 기존에 사용하던 방법인 create-react-app-typescript를 이용한 방법입니다. $ # npm을 이용한 방법 $ npx create-react-app my-app --scripts-version=react-scripts-ts $ cd my-app $ npm start $ # yarn을 이용한 방법 $ yarn create react-app my-app --scripts-version=react-scripts-ts $ cd..

Flake8? Flake8은 파이썬의 문법 및 코드 스타일을 검사해주는 패키지입니다. 기본적으로 PEP8(Python Enhance Proposal 8) 스타일 가이드로 검사할 수 있고, 원하는 부분만 설정하여 검사할 수 있습니다. 그렇다면 스타일을 왜 통일해야 할까요? 우리가 작성한 코드는 본인 뿐만 아니라 다른 사람들이 보게 됩니다. 이런 경우 코드를 읽기 난해한 경우가 쉽게 생기기 마련인데요. 이런 일을 해소하기 위해 사소한 것부터 규칙을 정한 것이 코드 스타일이랍니다. 모두 같은 코드 스타일을 따를 경우 훨씬 편하게 코드를 보고 읽을 수 있겠죠? 저 같은 경우 회사에서 Java를 주로 사용하고 있는데 다른 분이 코드를 너무 엉망으로 적으셔서 고통이 이만저만이 아니네요. ㅠㅠ ※ 다음으로 들어가기 ..

터미널을 사용할 때 기본적으로 사용자 이름과 PC 이름이 공간을 차지하고 있어서 불편한 경우가 가끔 있습니다. zsh에서 이 부분을 먼저 없애보려고 합니다. 방법은 그리 어렵지 않습니다. vi ~/.zshrc를 입력해 zsh 설정파일을 열어줍니다. 이후 아래 내용을 .zshrc 맨 아래 부분에 추가해줍니다. prompt_context() { if [[ "$USER" != "$DEFAULT_USER" || -n "$SSH_CLIENT" ]]; then prompt_segment black default "%(!.%{%F{yellow}%}.)$USER" fi } 추가한 후 source ~/.zshrc를 입력해주면 이렇게 바로 적용이 됩니다! 다음으로는 맥북에서 편하게 사용하고 있는 자동완성 플러그인인 zsh..

서버에 zsh를 설치하다 보니 Unable to fetch some archives, maybe run apt-get update or try with --fix-missing?라는 메세지가 뜨며 zsh 설치 진행이 되지 않았습니다. apt-get update를 실행한 후 진행해 보았으나 역시나 되지 않았죠. 에러 메세지와 /etc/apt/sources.list 파일을 확인해보니 kr.archive.ubuntu.com 서버가 죽어있더라고요. 이참에 속도가 빠른 다음 서버로 변경하기로 했습니다. 먼저 기존 sources.list를 복사해둡니다. 만일을 위해 사본을 만들어두는 게 좋습니다. # cp /etc/apt/sources.list ~/sources.list.old 다음으로 sources.list의 서..

꽤 오랫동안 우분투 기본 shell인 bash를 사용하고 있었습니다. 가볍게 쓰고 있었기 때문에 불편함은 딱히 못 느끼고 있었죠. 요 근래 공부와 개인 프로젝트 등으로 인해 shell을 많이 쓰게 되면서 불편함이 하나둘 부각되기 시작했고, 편한 걸 찾다가 zsh를 사용하게 되었습니다. 사실 처음부터 zsh의 존재에 대해 알고 있었던 건 아니고, 강의를 듣는데 강사분이 zsh를 사용하고 있었기 때문입니다. 상당히 예쁘고 사용이 편리해보이더라고요. 그리고 직접 사용해보니 훨씬 편하고 예뻐서 사용하기가 더 좋아서 주력으로 사용하고 있습니다. zsh와 oh my zsh zsh는 bash와 같은 shell 프로그램입니다. bash에 비해 강력한 기능과 여러 가지 플러그인을 제공하고 있습니다. oh my zsh는 ..

Atom? Atom은 Github에서 제작한 hackable한 텍스트 에디터입니다. 다양한 프로그래밍 언어는 물론이고 마크업 언어 같은 것도 지원하기 때문에 아주 편하게 사용할 수 있고, 필요한 부가 기능을 추가적으로 설치, 제작 및 배포할 수 있는 확장성을 제공합니다. 테마 역시 자유롭게 설정할 수 있습니다. Atom은 Node.js와 Electron을 사용하여 제작되었습니다. Atom은 윈도우, 리눅스, macOS를 모두 지원하고, 오픈소스 프로젝트로 제작되었습니다. 저는 다양한 OS를 사용하고 있기 때문에 아주 즐겨 사용하고 있습니다. 다 좋은데 개인적으로 단점이라고 생각하는 점은 초기 실행 속도가 좀 느리다는 점입니다. 다른 에디터들은 빠른데 말이죠. 좀 더 개선이 되었으면 하는 부분이 있네요. ..