[Guru1] 해커톤 1일차

2021. 7. 23. 23:33교내활동/Programming GURU1

  <오늘의 목표>

1. 헤더 만들고 클릭했을 때 기능까지 구현하기

2. 헤더 밑의 사진 넘기는 애니메이션과 수동으로 넘기는 기능 구현

3. 사진 클릭 이벤트 발생 시 페이지 넘어가기

 

일단 이렇게 세개다. 

 

+세개는 개뿔 헤더만  완성시켜도 다행일듯 칵퉤

 


 

일단 파비콘 넣고 타이틀을 달아봤다. 

link에서 rel이 뭔지 찾아보니 주로 외부 소스와의 관련성을 나타내는 것이라고 한다. 

relationship의 약자로 href에 작성할 링크와 어떤 연관이 있는지 나타낸다고 한다. 

 

나는 이제 shortcut icon 속성을 이용해 파비콘임을 알렸다. 

그런데 이제 저 타이틀에 마우스를 올려둘 때 타이틀 전체와 그 밑에 링크가 뜨는데 저거는 어떻게 해야될지 고민이다.

일단 저건 제끼고 헤더를 만들어보고있다.

도대체 뭘 건들이다 그랬는지 저상태에서 수정을 했는데도 안돌아갔었다.. 근데 내가 또 뭘 건드렸는지 다시 돌아갔다.. 이게 뭔.. 문제는 뭐가 잘못된거였는지를 알아내지 못함 하하

 

황기태 저자의 명품 웹프로그래밍 책을 이용해 상단 메뉴를 아래처럼 바꿔두긴 했는데.. 이젠 왼쪽 상단에 있어야 할 로고의 위치가 이렇게 변해버렸다..

 

 

일단 여기서 가로로 나열된 메뉴를 만들기 위해 이용한 것은 inline-block을 이용한건데..

아니.. 왜일까...?

 

 

망했다 하하

오늘 헤더 못끝낼듯.. 

 

현재 나의 상태이다. 하하

일단 저렇게 때려넣고 css로 뭐라도 해야할 것 같다. 내일 다시 조져보자 파이팅

 

헤더도 끝내지 못한 나의 상태. 저기 스타일 그냥 다 날리고 일단 기본적인 부분들 입력을 하고 해야될 것 같다. 

하지만 날리기 아까워 주석처리만 해두고.. 너어 증말.. 내일 보자 내가 제대로 조져주겟음. 

 

 

 

내일의 목표

1. 헤더 ㄹㅇ로 끝내기

2. 메인 배너 거의 끝내기

 

사실 메인배너도 못끝내긴 할듯..

'교내활동 > Programming GURU1' 카테고리의 다른 글

[Guru1] 해커톤 9-11일차  (0) 2021.08.01
[Guru1] 해커톤 6-8일차  (0) 2021.07.29
[Guru1] 해커톤 4-5일차  (0) 2021.07.26
[Guru1] 해커톤 2-3일차  (0) 2021.07.26
[Guru1] 해커톤 본격적으로 시작  (0) 2021.07.23