유데미 웹개발 챌린지

11일차 - 호스팅 & 배포, 파일의 경로 설정, Git과 Github 등

창고관리장 2023. 3. 8. 17:11

심플하면서 예쁜 아이콘

호스팅과 배포

 

웹사이트 배포는 단순히 웹사이트 코드를 취하는 것을 말한다. 이 코드를 '서버'라는 원격 컴퓨터로 옮기면 해당 사이트를 담당하는 서버는 특정 주소를 입력하여 웹사이트에 들어오는 방문자들에게 코드를 제공하는데 이것을 배포라고 한다.

 

호스팅은 원격 컴퓨터라고 하는 서버에서 해당 웹사이트의 코드를 저장하고 그걸 방문자에게 제공하는 것을 말한다.

웹사이트 호스팅과 배포

파일의 상대 경로와 절대 경로

 

상대 경로는 파일이 상대적으로 보인다는 의미이다. 이는 코드에서 경로의 맨 앞에 슬래쉬를 붙이지 않는다.

상대 경로의 예시

흔히 사용하는 방식이 위 이미지처럼 단순하게 해당 파일명을 적어놓는 것인데, 이를 상대 경로라고 부른다.

 

절대 경로는 상대 경로와 다르게 경로의 맨 앞에 슬래쉬를 붙여 사용하며, 상당히 커져 있는 프로젝트에서는 폴더나 파일들이 많기 때문에 리소스들을 모두 잘 찾아내기 위해 절대경로를 사용하는 것이 바람직하다.

절대 경로의 예시

Git과 Github 및 버전 관리와 버전 제어

 

우선 버전 관리와 버전 제어라는 것이 무엇일까? 이 개념은 효율적 제어와 시간 경과에 따른 코드 변경사항을 추가할 때 쓰이게 된다.

 

이를 위해 두 개의 훌륭한 도구가 있는데, 그게 바로 Git과 Github이다.

Git(오른쪽)과 Github(왼쪽)

Git은 사용자 컴퓨터에 설치하는 로컬 도구로, 웹개발 프로젝트의 버전을 컨트롤하고 레포지토리(저장소)에서 작동하게 된다.

 

Github는 Git 레포지토리에서 클라우드 호스팅 제공자 역할을 수행한다. 서로 완전 별개의 도구이지만, 엄청난 보완관계를 가지고 있는 도구이다.

 

그래서 Git을 통해 레포지토리에 작업하면 Github와 연결해 놨을 때, Github에도 작업물이 동시에 저장되는 식으로 쓴다.

 

이런 관계 때문에 이 둘은 협업 프로젝트에도 쓰기 적합하다. 코드를 작성하여 저장하고, 다른 사람과 그 작업을 공유할 수 있기 때문이다.

 

인간과 컴퓨터의 상호작용

 

컴퓨터를 다룰 때 인간은 필요한 작업을 컴퓨터에 명령하고, 컴퓨터는 명령을 받아 연산과정을 거쳐 인간에게 결과를 보여준다. 이것을 상호작용이라 하는데, 상호작용의 방법으로 GUI와 CLI가 있다.

인간과 컴퓨터의 관계

  • GUI: Graphical User Interface의 약자로, 우리가 흔히 하는 파일열기나 프로그램 실행하기 같은 것이다. 그것을 하나의 그래픽을 통해 손쉽게 상호작용할 수 있는데, 이처럼 GUI는 상호작용을 쉽게 만들어주는 역할로 만들어졌다.

보통 이런 그래픽을 통해 상호작용을 한다.

  • CLI: Command Line Interface의 약자로, 명령 프롬프트를 통해 상호작용을 하는 것을 말한다. 어떤 것을 보고 클릭을 하지 않고 오직 명령문을 입력해서 상호작용을 하는 것이다.

CLI방식의 상호작용

위에서 봤던 Git과 Github는 CLI방식에 해당한다. Git은 명령문을 통해 조작하며, 그러한 조작에 의해 Github에 저장되기 때문이다. 물론, Github에 일반 사이트에서 파일을 업로드하는 방식으로 업로드할 수 있다.