나를 소개하는 홈페이지 만들기 (1)

Next14 + Netlify 로 새로 작성했습니다.

https://whothatsme.tistory.com/42

[Next14 + Netlify] 나를 소개하는 홈페이지 만들기 (0)

 

---

 

React에 의존하던 홈페이지 만들기는 잠시 멈춰두고, HTML/CSS/JavaScript 를 이용해서 홈페이지를 만들어 보려한다.

개념을 정리해 보자면,

 

HTML :  제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표, 삽입 이미지, 동영상 등으로 정의하고 부여하는 마크업 언어
CSS : 배경색, 폰트 등의 레이아웃등을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙 언어
JavaScript : 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른 일들을 할 수 있는 스크립트 언어

 

를 의미하는데 즉 HTML로 전체틀을 만들고, CSS로 디자인을 한 후 JavaScript로 기능을 구현하는 방식으로 진행해보겠다.

 

나는 깃허브(Github)를 이용해 프로젝트를 저장하고 올려두려 한다. 깃을 이용해서 작업을 진행할 때 개인적으로 가장 큰 장점을 온라인 저장소를 이요한다는 점이다. 나는 집에 있을때는 집 컴퓨터로, 수업을 가거나 근로를 갈 때는 노트북을 사용하는데, 이때 깃을 이용해서 어디서든 작업 할 수 있다는 것이 가장 크게 적용했다. 원래는 여러명의 개발자가 협업을 하기 위해 사용하는 거지만, 클라우드처럼 온라인 저장소로써 사용한다.

 

협업을 위한 저장소이니만큼 본인이 누구인지 표기해주어야 한다

텍스트 에디터로는 vscode를 이용하여 프로젝트를 진행 할 예정이다. 

 

추가 구성없이 기본으로 인식하기 위해서 index.html이라는 이름으로 사용한다

이렇게 되면 프로젝트를 진행할 환경이 준비된다.

 

HTML과 CSS를 이용해서 기본적인 홈페이지의 형태를 만들어보자.