코딩 33

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

Next14 + Netlify 로 새로 작성했습니다.https://whothatsme.tistory.com/42 [Next14 + Netlify] 나를 소개하는 홈페이지 만들기 (0)오랜만에 나를 소개하기 카테고리를 보니 뭐 제대로 끝낸게 없어서 이번에 Next14 만져볼 겸 자소서 페이지 만들어 보았다.정적페이지로 배포하기엔 아쉽지만 맛보기 정도이니 그냥 기록을 끄적whothatsme.tistory.com ---이번에는 홈페이지에 처음 왔을때 애니메이션 효과를 줘보려고 한다.index.css 하나로 묶여 있던 css들을 여러개로 분리해서 관리하기 쉽게 정리했다.기본적인것은 index 안에 두고, mainNav와 mainFooter는 따로 관리 했다. 위 화면처럼 동적인 효과를 주기 위해서 setTim..

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

Next14 + Netlify 로 새로 작성했습니다.https://whothatsme.tistory.com/42 [Next14 + Netlify] 나를 소개하는 홈페이지 만들기 (0)오랜만에 나를 소개하기 카테고리를 보니 뭐 제대로 끝낸게 없어서 이번에 Next14 만져볼 겸 자소서 페이지 만들어 보았다.정적페이지로 배포하기엔 아쉽지만 맛보기 정도이니 그냥 기록을 끄적whothatsme.tistory.com --- 우선 임의로 기본 페이지를 표현해 보았다. 천천히 코드를 뜯어보자. html을 기준으로 css과 배경이미지로 사용한 jpg 파일이 존재한다. 저 메인 페이지 내에 필요한 파일을 위의 이미지와 같다.html에서 css를 불러오기 위해서는 , ... 안에 stylesheet 형태로 cs..

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

Next14 + Netlify 로 새로 작성했습니다.https://whothatsme.tistory.com/42 [Next14 + Netlify] 나를 소개하는 홈페이지 만들기 (0)오랜만에 나를 소개하기 카테고리를 보니 뭐 제대로 끝낸게 없어서 이번에 Next14 만져볼 겸 자소서 페이지 만들어 보았다.정적페이지로 배포하기엔 아쉽지만 맛보기 정도이니 그냥 기록을 끄적whothatsme.tistory.com --- React에 의존하던 홈페이지 만들기는 잠시 멈춰두고, HTML/CSS/JavaScript 를 이용해서 홈페이지를 만들어 보려한다.개념을 정리해 보자면, HTML :  제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표, 삽입 이미지, 동영상 등으로 정의하고 부여하는 마크업 언어CSS : 배..