10일차(2) : 파일 정리

오늘은 9일 차때 했던 작업들을 추가보충해 주는 내용뿐이라 편하게 진행될 것이다.

 

정말 간단한 파일정리지만 그냥 넘기지 않았으면 좋겠다.

 

이전에 우리는 이미지와 PDF CSS와 HTML을 한 폴더에 집어넣었다.

우리는 한 페이지만 만들고 각각 파일이 하나씩 밖에 없었기에 크게 상관하지 않았다.

필자는 여러분이 언젠가 커다란 프로젝트를 하는 날을 대비해 폴더정리가 정말 중요하다고 강조하고 싶다.

 

각 파일의 형태별로 나눠서 폴더를 따로 만들고 거기에 저장하는 습관을 길러주면 좋다.

 css, pdfs, images 이렇게 폴더를 만드는 것이다.

이렇게 폴더들을 만들고 각각의 아이템을 정리해 주자.

 

놀라지 말라 파일을 이동하는 순간 css, image, pdf가 적용된 게 전부 사라졌을 것이다.

 

걱정 말라 고장 난 것이 아니다.

파일의 위치가 변해서 link로 못 읽을 뿐이니까 link안의 href주소를 바꿔주기만 하면 문제가 없다.

 

    <link rel="stylesheet" href="styles/styles.css" />

      <img src="images/Logo.png" alt="HTML and CSS Logo" />

      <a href="pdfs/html-css-basics-summary.pdf" target="_blank"

 

이렇게 폴더/파일 식으로 위치를 지정해 주면 된다.

만약 여러 폴더 안에 들어있는 파일을 원한다면 폴더/폴더/폴도/폴더/파일 이렇게 쭉쭉 들어가서 파일을 찾아주면 된다.

 

이렇게 폴더로 파일을 나눠주는 작업도 습관화를 가지자.

미래를 위하여~!