-
My Web Page 만들기 1컴퓨터 공학/Web Programming 2023. 3. 7. 18:39
얼마 전 졸업 후, '개발자로서 나의 인생을 이것저것 쌓아 올려가고싶다'라는 생각을 했고, 이는 '내가 쌓아 올린 것들을 어떻게 정리하지?'라는 물음으로 발전했다. 생각해보니, 나만의 웹페이지 만큼 좋은 것이 없다는 생각이 들었다. 따라서 공부를 하다 점점 지식이 쌓이고 커리어들을 통해 나에 대해 쓸 것들이 많아지면 그만큼 차근차근 나만의 웹페이지를 만들어 볼까 한다. 당장은 아무것도 없기에 간단한 페이지들만 만들어 놓았고, 항목이 생각나는 대로 추가해 줄 예정이다.
< index.html >
메인 페이지이다.
< index.html - Code >
<!DOCTYPE html><html><head><title>BBTY's Web Page</title><meta charset="utf-8"/><link rel="stylesheet" type="text/css" href="main.css"></head><body><h1>BBTY.com</h1><a href="#" onclick="location.href='introduce.html'">소개</a><a href="#" onclick="location.href='record.html'">공부 기록</a></body></html>< introduce.html >
소개 페이지이다. 현재는 아무것도 존재하지 않는다. 코드는 위에서 a태그만 빼면 동일하기에 생략한다.
< record.html >
나의 기록 페이지이다. 현재는 공부 기록과 내 Git Hub만 연결되어있다. 공부 기록은 클릭하면 본 블로그로 이동하고 Git Hub를 클릭하게 되면 Git Hub에 있는 나의 리포지토리로 이동하게 된다.
< record.html - Code >
<!DOCTYPE html><html><head><title>JungHyun's Web Page</title><meta charset="utf-8"/><link rel="stylesheet" type="text/css" href="main.css"></head><body><a href="#" onclick="window.open('https://bbty97.tistory.com/')">공부 기록</a><a href="#" onclick="window.open('https://github.com/hedbewd?tab=repositories')">Github</a></body></html>- 마치는 글 -
이 프로젝트의 최종 목표는 배포이다. 지금은 쓸 것도 없고 그에 따라 꾸밀 것도 없어 이 정도로 남겨놓지만 내가 성장함에 따라 내용물이 많은 블로그가 되었을 때, 누구나 도메인 네임으로 나의 웹페이지를 찾아올 수 있도록 하는 것이 본 프로젝트의 최종 목표이다.