본문 바로가기
CLI & Git

CLI 실습(w/ chatGPT)

by 나른한_꼬리_ 2025. 4. 23.
반응형

CLI 실습(w/ chatGPT)

 

 

목차

레벨 1 - 기본 조작
레벨 2 - 폴더와 파일 다루기
레벨 3 - 정리 & 정보 보기
레벨 4 - 심화 조작
보너스 미션 (조금 도전적인 느낌!)
폴더/파일 구조 예시 (최종 목표 상태)

 

 

레벨 1 - 기본 조작

1. 현재 위치를 확인하고, 'dev'라는 디렉토리를 생성하라.

→ 기대 결과: 현재 경로 확인 후 dev/ 폴더 생성됨

더보기
pwd
mkdir dev

 

2. dev 디렉토리로 이동하고, 그 안에 index.html이라는 빈 파일을 만들어라.

→ 기대 결과:  dev/index.html 파일 존재

더보기
cd dev
touch index.html

 

3. index.html"<!DOCTYPE html>"이라는 내용을 넣어라.

→ 기대 결과: cat index.html 실행 시 해당 문자열 출력

더보기
echo '<!DOCTYPE html>' >> index.html

 

4. index.html 파일을 main.html이라는 이름으로 바꾸어라.

→ 기대 결과: index.html이 사라지고 main.html이 생김

더보기
mv index.html main.html

 

 

레벨 2 - 폴더와 파일 다루기

5. dev 디렉토리의 상위 디렉토리에 components라는 디렉토리를 만들고, 그 안에 button.js 파일을 만들어 "console.log('Button');"을 입력해라.

더보기
cd ..
mkdir components
cd components
echo "console.log('Button');" > button.js

 

6. components 폴더를 통째로 dev/로 이동시켜라.

→ 기대 결과: dev/components/button.js 존재

더보기
cd ..
mv components dev

 

 

7. dev/components/button.js 파일을 복사해서 button-copy.js라는 이름으로 만들라.

→ 기대 결과: button.jsbutton-copy.js 두 개 존재

더보기
cd components
cp button.js button-copy.js

 

8. button-copy.js 파일을 삭제하라.

더보기
rm button-copy.js

 

 

레벨 3 - 정리 & 정보 보기

9. dev 폴더 안의 목록을 출력하라.

더보기
cd ..
ls

 

10. dev 폴더 안의 내용을 자세히 보고, 숨김 파일까지 포함한 목록을 출력하라.

→ 출력 내용: 파일명, 권한, 소유자, 날짜, 크기 등

더보기
ls -al

 

 

레벨 4 - 심화 조작

11. main.html 파일을 views 디렉토리로 옮기고, 그 안에서 이름을 home.html로 바꾸어라.

→ 기대 결과: views/home.html 존재

더보기
mkdir views
mv main.html views/home.html

 

12. dev/components 폴더를 통째로 삭제하라(비어 있지 않음).

→ 기대 결과: dev/components/가 완전히 사라짐

더보기
rm -r components

 

 

보너스 미션 (조금 도전적인 느낌!)

13. 다음 파일들을 한 줄 명령으로 만들고 내용도 넣어라:

README.md → 내용: "# My Project"
style.css → 내용: "body { margin: 0; }"
더보기
echo '# My Project' > README.md && echo 'body { margin: 0; }' > style.css

 

14. README.md와 style.css 파일 내용을 한 번에 출력하라.

→ cat을 활용!

더보기
cat README.md style.css

 

15. README.md 파일을 docs/ 디렉토리로 복사하고, 원본은 그대로 남겨라.

더보기
mkdir docs
cp README.md docs/

 

 

폴더/파일 구조 예시 (최종 목표 상태)

dev/
├── components/         ← 삭제됨 (문제 12)
│   ├── button.js
│   └── button-copy.js  ← 삭제됨 (문제 8)
├── views/
│   └── home.html       ← main.html 이름 변경
├── main.html           ← 이동됨
README.md
style.css
docs/
└── README.md           ← 복사됨

 

반응형

'CLI & Git' 카테고리의 다른 글

CLI(Command Line Interface)  (0) 2025.04.22