Linux 프런트 엔드 개발 환경: 내 경험.

4638 단어 frontendlinux
프로그래밍을 시작했을 때 프론트엔드 개발과 백엔드 개발의 차이점을 전혀 몰랐습니다. Java와 php에 대한 기본 지식이 있었고 Windows 환경에 대한 경험이 있었습니다. 어떤 이유로 급히 노트북이 필요했고 오래된 넷북에 우분투 13.04를 설치했습니다. 그 이후로 저는 Linux를 떠난 적이 없으며 Dell Precision 5520에서 Linux를 사용하기까지 했습니다.

이 기사에서는 Linux에서 프런트 엔드 개발을 시작하기 위한 실용적인 설정에 대해 설명합니다. 우리가 사용할 수 있는 모든 Linux 프로그램이나 명령을 설명하지는 않겠습니다.

1. 디스트로



Linux에는 많은 배포판이 있으며 각각의 특성이 다릅니다. 3가지 가족으로 나눌 수 있습니다.
  • Debian 기반: Debian, Ubuntu, Linux Mint 등
  • RedHat 기반: Fedora 및 CentOS
  • 아치 기반: 아치, 만자로 등https://inkscape.org/
    껍데기
    설정하는 데 시간을 낭비하지 않기 때문에 개인적으로 우분투를 선택했습니다. 결국 제 목표는 제 일을 잘 할 수 있는 시스템을 갖추는 것입니다.
    here에서 Ubuntu를 다운로드할 수 있습니다.



    • 2. 환경 설정



    Debian 기반 배포판에서는 APT 패키지 관리자를 통해 패키지를 다운로드할 수 있습니다.
    시작하는 데 필요한 모든 것을 설치하는 것부터 시작하겠습니다!
    껍데기

    2.1. Node.js



    프리랜서로서 저는 PC에 여러 버전의 Node.js를 설치해야 하는 경우가 많습니다.
    이를 위해 NVM(Node Version Manager)을 사용합니다.
    노드 버전을 쉽게 설치, 제거 및 변경할 수 있습니다.



    nvm을 설치하려면 터미널을 열고 다음을 실행할 수 있습니다.

    $ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash


    다음은 nvm에서 사용할 수 있는 명령 목록입니다.

    nvm install 10.10.0 # install a node version (eg. 10.10.0)
nvm ls # list installed node versions
nvm use v10.10.0 #use the choosen version


    NVM에 대한 자세한 내용은 this link을 참조하십시오.

    2.2. 에디터/IDE



    Linux에는 프런트 엔드 개발에 사용할 수 있는 VIM 또는 Emacs와 같은 강력한 코드 편집기가 있습니다.
    그러나 경험상 나는 내가 사용하는 도구의 구성이 아니라 작업에 집중하는 것을 선호합니다.
    이러한 이유로 저는 바로 사용할 수 있는 환경을 제공하는 Visual Studio Code 또는 Webstorm을 사용합니다.

    $ sudo snap install code --classic # install Visual Studio Code
$ sudo snap install webstorm --classic # install WebStorm


    2.3 (보너스) 도커



    프리랜서로서 나는 docker의 사용이 필수적이라는 것을 알았습니다. Ubuntu에 설치하는 방법에 대한 모든 정보를 보려면 this page을 방문하십시오.

    3. 디자인 도구



    내 작업에서 종종 다른 소프트웨어를 사용하여 사이트나 앱을 디자인하는 많은 디자이너를 만납니다.

    불행하게도 주요 소프트웨어 회사는 Linux를 지원하지 않지만 이 문제에 대한 많은 솔루션이 있습니다.

    3.1. 대체 프로그램



    소규모 개인 프로젝트의 경우 대체 프로그램을 사용하는 것이 유용할 수 있습니다. 아래에서 내가 언급해야 할 의미가있는 것들을 언급하겠습니다.

  • GLIMPSE : Adobe Photoshop의 오픈 소스 대안

  • Inkscape : Adobe Illustrator를 대체하는 오픈 소스

  • Gravit Designer : Sketch 또는 Adobe XD의 대안

    • 3.2. 웹 앱



    문제에 대한 또 다른 해결책은 다음과 같은 웹 앱을 사용하는 것입니다.
  • Figma
  • inVision
  • Zeplin

    • 3.3. (보너스) 가상 머신



    Adobe 앱, Sketch 또는 기타 독립 실행형 소프트웨어를 사용해야 하는 경우 가상 머신 사용을 고려할 수 있습니다. 내 환경에서는 VMWare을 선택합니다.

    결론



    Linux에서 프런트 엔드 개발은 매우 좋은 경험입니다. 많은 사람들은 이러한 유형의 작업에 Apple PC가 필요하다고 생각합니다. 그리고 프로로서 창의적인 프로그램을 사용해야 하는 경우에는 확실히 그렇습니다.
    그러나 개발의 경우 Linux의 모든 것이 훨씬 빠르고 제어 가능합니다. 따라서 Linux에서 개발자 경험을 시작하고 프론트엔드 과정을 위한 비용을 절약하는 것을 두려워하지 마십시오!
    잡무(deps dev): 2.0.5에서 2.1.0으로 증가
    잡무(부개발): 4.8.0에서 5.2.0

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage