전체 글 44

나를 소개하는 홈페이지 만들기 (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 : 배..

서사

군대를 포함해 약 3년 정도 휴학을 했다. 정확히는 3년 반인가? 음악을 해보겠다고 작곡도 해보고 작사도 해보고, 음원 발매도 해봤지만 여전히 경제적으로도 심리적으로도 불안함은 가시지 않았다. 뭐 하나 제대로 끝내 놓은 게 없어서 그럴지도 모르지만. 19년, 20년 포함해서 일 년 반을 휴학하고 복학한 학교는 원래는 그저 졸업하기 위해 왔었던 기억이 난다. 뭘 해야 하는지 모르니까 그냥 친구 따라 시간표 짜고, 오랜만에 친구들을 보니까 소주도 한잔 먹어야겠고, 돈은 돈대로 없으니까 아는 동생 방에 얹혀살면서 식모살이를 자처하기도 하고. 집주인이었던 그 동생은 학교 연구실에서 공부를 했기 때문에 평일에는 늘 학교에 가 있었다. 나는 오전에 게임 좀 하다가 음악 좀 듣고, 또 뒹굴거리다가 올 때쯤 점심 차려..

일상 2022.03.02