내가 다니고 있는...(물론 곧 졸업하지만)
국민대학교 일반대학원 데이터사이언스학과 정보가 너무 없다고 해서...(나름 아직 따끈따끈한 학과라 그래요...)
무엇보다 내 블로그에 학과 질문이 너무 많이 들어와서... 나는 이제 졸업을 하는데... 도와드릴 수 없을 수도 있으니!!!!!
내가 속한 우리 학과 비전 랩실 홈페이지 제작을 하고자 한다.
과 홈페이지 아니지만 모든 질문 환영가능하게 만들예정
뭐 우리가 프론트나 백엔드를 주로 하는 개발자 양성 학과도 아니니까...
예전에 플라스크랑 장고, HTML,CSS, JavaScript 등등 다 이용해서 홈페이지 만든 적이 있었는데...
우리는 뭐 데이터 연결할 것도 아니고... 그냥 안내 페이지 하나 쓱~ 하고 만드는 거니...
최대한 간단하고 쓸만한, 구글 홈페이지 생성으로 만들어 보고자 한다.
훨씬 고생안하고 이쁜 디자인의 반응형 웹페이지를 구현할 수 있다.
심지어 공짜!
안 그러면 AWS로 돈 내고 배포해야 하는데... 졸업하는데 내 돈을 계속 쓸 순 없지...포폴용 웹사이트는 AWS 배포하는 게... 은근 나쁘지 않을지도... 겁나 있어 보여
근데 그것도 결국 프론트는 내가 해야 하잖아;
시작
처음부터 빈 사이트부터 꾸밀 수도 있지만,
위의 사진처럼 여러 가지 템플릿이 존재하기 때문에 이를 참고하면 도움이 된다.
필자는 프로젝트 템플릿을 변형하고자 한다.
근데 결국 다 변경했다.
그냥 템플릿은 이렇게 할 수 있구나... 정도로 보자.
그럼 홈페이지를 꾸밀 수 있는 어떤 기능들이 존재하는지 확인해 보자.
조금 생소할 수 있는 기능들을 위주로 소개하겠다.
콘텐츠 블록
사용하기 쉬운 쉽게 이미지와 텍스트들이 묶여서 배열되어 있다.
Member 소개 블록을 만들 때나 이미지만 넣고 싶을 때 유용하다.
접을 수 있는 그룹
아주 유용하게 사용할 수 있는 말 그대로 접을 수 있는 그룹이다.
이미지 캐러셀
넘어가는 이미지 페이지를 만들 수 있다.
이벤트 페이지 배너에 많이 쓰이거나 조그만 구역에 소개하고 싶은 이벤트가 있을 때 종종 사용된다.
텍스트나 캡션 추가도 가능하다.
소셜링크
말 그대로 내가 가지고 있는 소셜 링크들을 가져올 수 있다.
필자는 이메일, git, 티스토리, 링크드인의 링크를 가져왔다.
아이콘은 따로 수집해야 한다.
아이콘을 클릭하면 링크로 이어진다.
시트
구글시트와 연동이 된다.
그래서 구글시트에서 작업했던 내용을 사이트로 가져올 수 있다.
설문지
구슬 설문지를 가져올 수 있다.
생각해 보니 구글 사이트에는 게시판 기능이 없다. 그래서 좀 골치 아팠는데...
설문지를 이용해서 랩에 관련된 질문들을 받아도 괜찮을 것 같다.
상당히 괜찮은 기능으로 생각된다.
뭐 이밖에도 여러 가지 기능들이 사용가능하다.
설명을 안 읽더라도 정말 쉽게 만들 수 있으니, 하나하나 클릭해 가며 활용해 보도록 하자!
그럼 이쁘게 Design을 할 차례...
배너부터 차근차근히 수정해 보자.
필자는 모든 이미지를 OpenAI툴을 이용해서 만들었다.
뭐 Sora나... GPT를 이용해서 사진 뾰뾰뿅하고 뚝딱 만들었다.
아래 배너 사진이 GPT를 이용한 홈페이지 배너 이미지이다.
아래와 같이 Sora를 사용해서 관련된 동영상도 만들어보자.
이렇게 여러 가지 재밌는 것들을 적용해 볼 수 있다.
그래서 이렇게 배너 이미지나, 여러 사진들을 넣어보면...!?
아래와 같이 이쁜 사이트를 만들 수 있다!!!
프론트 개발자가 아닌 이상 진짜 반응형 웹페이지 만드는 거 너무 어려운데...
불과 몇 분 만에 뚝딱하고 사이트가 만들어졌다!
아직 한 70퍼센트 완성이어서, 정리가 되는대로 이 글에 링크를 올리도록 하겠다!
구글사이트로 여러분도 쉽게 개인사이트를 만들어보세용!
(구글 사이트 정보를 주신 우리 과 조교님께 무한한 감사를!)
'데이터사이언스 대학원 생활 > 대학원 탈출일지' 카테고리의 다른 글
| 학위 논문 심사 통과! (1) | 2024.12.11 |
|---|---|
| 3학기... (0) | 2024.04.22 |
| 바쁜... 2학기 (20) | 2023.10.23 |
| 데이터사이언스학과 석사 과정 시작!! (115) | 2023.03.07 |