본문 바로가기

Tips

html, css, javascript 정적파일 생성 쉘 스크립트

본격적인 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