LAB/LAB 홈페이지 제작

LAB 메인페이지 제작

dev-js 2024. 9. 16. 21:35

 

 

LAB 홈페이지 제작

 

어떻게 보면 교수님이 나에게 단독으로 맡기는 첫 번째 과제가 되는것 같다.

우리 랩실은 신설 랩실이다.

그래서 아직 우리 랩실을 소개해주는 홈페이지가 제작되지 않았다.

 

내 지도교수님은 내가 학교에서 어떤 활동을 했는지, 어떤 공부를 했었는지 잘 알고 계셨다.

그 스토리가 궁금하다면 이 포스터를 읽어보길 바란다.

 

2024.09.12 - [일상] - 프론트엔드를 그만 둔 이유

 

프론트엔드를 그만 둔 이유

이번 포스팅은 그림이 별로 없는 그냥 내가 주저리주저리 적어놓은 기억회상 이야기이다.조금 지루할 수도 있는 글일 수도 있지만내 삶의 전환점이 되는, 될 수도 있는 일들을 정리해보고자 한

j-codingbox.tistory.com

 

 

 

이전에 아버지 회사 홈페이지를 만들었던 코드들을 이용해서 효율적으로 코드를 만들 수 있었다.

그때 만들었던 코드와 다른점이 있다고 하면

아버지 회사 홈페이지는 HTML, CSS로만 만들어진 홈페이지였지만

그때보다는 REACT를 다루는 방법도 알고, TailwindCSS를 쓰는 방법도 알고 있기 때문에 옛날 코드들을 REACT + Tailwind 코드로 변환하는 일련의 작업이 필요했다.

그리고 적절한 사진들도 필요했었다.

 

 

 

메인페이지 제작

 

일단 우리 홈페이지 메인 페이지를 만들었다.

사진은 우리 학교 공학관 건물 일러스트를 넣어보았다.

생각보다 멋있고 어울리는것 같다. 이 사진은 학교 공식 사이트에서 쉽게 찾을 수 있었다.

 

LAB 홈페이지 메인 페이지

 

왼쪽 영어는 "데이터융합철강재료설계연구실" 한글 이름을 구글 번역하여 붙여넣기 한 것이다.

일단 융합을 Fustion 으로 번역하여 쓰이고 있는것 같은데, 영어이름은 교수님이나 랩장이랑 상의를 해봐야할 것 같다.

 

혹시 이 글을 읽고있는 여러분이 좋은 이름이 떠오른다면 댓글로 추천해주시면 감사하겠습니다,,,!😊😊👍

 

 

그리고 랩실 로고도 Chat gpt를 이용해서 만들어보았다.

우리 지도교수님이 고래를 좋아하신다는 점과 데이터, 철강 이라는 키워드를 로고에 넣어보고 싶었다.

gpt야, 랩실 로고를 만들어줘

 

역시나 만족하는 수준은 아니었다.

로고나 이미지를 전문적으로 만들어주는 오픈ai나 다른 프롬프트를 써볼까 한다.

 

728x90