본격적인 JS 공부와 프로젝트들을 진행하며
매 번 세가지 파일을 만드는 것이 귀찮았습니다.
매 번 동일한 형식의 파일을 만드는걸 자동화할 필요성을 느꼈고 실행에 옮겼습니다.
참고로 환경은 macOS(Unix) 기준입니다
1. 쉘 스크립트
#!/bin/bash
echo "<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello, World!</h1>
<script src="script.js"></script>
</body>
</html>" > index.html
touch script.js
touch styles.css
echo "Files created: index.html, script.js, styles.css"
빈 css, js 파일을 만들고
해당하는 css, js파일과 연결된 index.html 파일을 만드는 쉘 스크립트입니다.
2. PATH 설정
해당하는 코드를 가진 yourScript.sh 파일을
/usr/local/bin 경로 폴더에 복사 혹은 생성합니다.
이 때 sudo 권한이 필요합니다.
또한 해당하는 스크립트에 실행권한을 줘야 합니다.
sudo chmod +x /usr/local/bin/yourScript.sh
이러면 전역에서 해당하는 쉘 스크립트를 실행 시킬 수 있습니다.
yourScript.sh
터미널에 명령어를 치면 전역에서 자동으로 정적 파일들을 생성해줄 수 있습니다.
script안에 있는 내용들을 수정해서 사용하면 더 쉽겠죵!
매번 파일 만드는게 귀찮았던 걸 드디어하네 어휴
'Tips' 카테고리의 다른 글
개발자 모드 Debug Tips (1) | 2024.09.30 |
---|