오열매의 코딩 공간

Sass란 Syntactically Awesome Style Sheets의 약자이다. CSS pre-processor(전처리기)로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성 및 가독성을 높여주어 유지보수를 쉽게 해준다. scss는 sass의 3버전에서 등장한 언어이다. 퍼블리셔에게 익숙한 css와 비슷한 구문을 가지고 있으며, css와 완전히 호환되도록 새로운 구문을 도입한 css의 상위 호환 스타일시트이다. sass기능을 지원하되, css와 거의 같은 문법으로 사용된다는 점에서, 퍼블리셔들에게 각광받는 언어이다. 설치 과정) 1. git 설치: https://git-scm.com/ Git git-scm.com 2. NodeJS LTS 설치: https://nodejs.org/en/ N..

Git을 수동적으로만 사용하지 말고, 제대로 이해하고 사용하자. 준비사항: 에디터 (ex. Visual Studio Code 등) 1) Git 설치(Windows, Linux) Windows 설치 링크: https://git-scm.com/ Git git-scm.com 우측의 Download 버튼을 누르고 본인의 컴퓨터 사양에 맞는 파일을 다운로드 Linux Ubuntu 콘솔에서 아래 코드 입력 sudo apt-get install git 2) Git 버전 확인 두 운영체제 모두, 아래 코드로 버전 체크가 가능하다. git --version 3) Github Desktop 설치 git과 연동할 수 있다. (단, 32-bit 인 데스크탑은 사용할 수 없다.) 설치 링크: https://desktop.git..

1) Node.js 설치 wsl2 콘솔에 아래 코드 입력. (Node.js v16. 설치) curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt-get install -y nodejs 2) Node.js 버전 체크 node -v ubuntu console에 위 코드를 입력하여 버전이 나오면 설치 완료 참고) - https://github.com/nodesource/distributions

1) 파이썬 설치 파이썬 설치 페이지로 접속해서, 본인의 컴퓨터 사양에 맞는 파일을 다운로드 받는다. https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 만약 최신 버전이 아닌 다른 버전을 받고 싶다면, 아래의 'Looking for a specific release?' 란에서 찾을 수 있다. 다운르도를 할 수 없는 버전도 있으니 참고. (해당 포스팅은 3.9.13 버전을 다운로드 받아 진행) 중요한 점이 있는데, 설치 파일을 누르고 'Add Python 3.9 to PATH' 의 체크박스를 꼭 체크하여 환경변수를 자동으로 추가할 수 있도록 해야 ..

Visual Studio Code를 이용하기 편리하도록 터미널을 꾸미는 작업. 1) Windows Terminal 설치 시작(win)을 누르고 MS Store 검색 - MS Store에서 Windows Terminal을 검색한 후 설치 위 버튼을 누르고 설정에 들어가서, 좌측 하단의 JSON 파일 열기를 클릭하면 아래와 같은 파일이 나온다. 맨 아래 WSL2 프로필 (Ubuntu 18.04 에서 WSL2로 이름 변경한 상태) 의 guid를 복사하고 defaultProfile에 넣어줌 (Ubuntu 콘솔을 기본 터미널로 설정) 2) zsh 설치 Ubuntu 콘솔에서 아래 코드 입력. sudo apt install zsh 입력 후, 기존에 설정했던 ubuntu password를 입력. 3) oh my zsh..

Window 에서 Linux를 사용하려면, WSL을 설치해야 한다. 1) WSL 설치 https://docs.microsoft.com/ko-kr/windows/wsl/install WSL 설치 wsl --install 명령을 사용하여 Linux용 Windows 하위 시스템을 설치합니다. Ubuntu, Debian, SUSE, Kali, Fedora, Pengwin, Alpine 등 원하는 Linux 배포판에서 실행되는 Windows 머신에서 Bash 터미널을 사용할 수 있습니 docs.microsoft.com 시작(win)을 누르고 windows powershell을 관리자 권한으로 실행 후 아래 코드 입력 dism.exe /online /enable-feature /featurename:Microsof..

1) PowerShell 실행 Windows PowerShell 을 관리자 권한으로 실행. 2) Microsoft Store 설치 아래 코드를 입력 후 Enter Get-AppXPackage *WindowsStore* -AllUsers | Foreach {Add-AppxPackage -DisableDevelopmentMode -Register "$($_.InstallLocation)\AppXManifest.xml"} 설치 완료. 3) Microsoft Store 삭제 설치 후 삭제를 원한다면, 설치와 동일하게 PowerShell을 관리자 모드로 실행 후 아래 코드 입력 get-appxpackage *WindowsStore* | remove-appxpackage 참고) - https://answers.mi..

1) Visual Studio Code 설치 https://code.visualstudio.com/ 2) 설치 설정 체크박스를 모두 체크한다. (단, 바로가기 만들기는 선택사항) 3) VSC 커스터마이징 (꾸미기) 좌측 세로로 나열된 5개의 아이콘 중, 맨 아래인 Extension 클릭. 검색창 (Search Extension in MarketPlace) 에서 아래의 추천 Extension 설치. * ESLint / Prettier / Material Theme / Material Icon Theme - Material Theme: 기본 에디터(VSC)의 테마 설정. Set Color Theme에서 원하는 테마 선택할 수 있음. - Material Icon Theme: 에디터에서 사용하는 아이콘의 테마 ..