🔥 오늘의 목표
- 고용센터 가서 실업급여 관련 상담하기
- 회사 가서 사직서 쓰고 오기
- h+c+j 실전퍼블리싱 강의 복습 및 진도 나가기
📝 노트필기 및 정리
- 오후 복습
1. 햄버거 버튼 만들기(only css)
혼자서 한 후기:
뭔가를 알긴 아는데 제대로 하진 못하는 상태가 계속되고 있습니다.
저렇게 한 사유:
주문처럼 외우고 있는
.. 가 아니라 input의 id와 label의 for 를 연결...
밖에 기억나는 것이 없었다.
그래서 그건 해 줬다. 잘했다 신지...아니 나...
연결한 뒤에 뭔가.. 크기를 줘야될게 필요하지 않나?
근데 input은 display: none; 을 할 거니까,
label 안에 넣는 게 맞지 않나?
작대기 세개니까... x3이지 않나?
라는 안일한 생각이, 이런 참상을 불러일으켰습니다.
그럼 이제 쓰라린 마음을 붙잡고 무엇이 잘못됐는지 ae-선생님께 교육받으러 가볼까요?
완전 다르잖아~~
input도 label도 x3일 필요 없었다.
그냥label에 3개 들어가면 되는 거였음.
왜냐면 각자 움직이는게 아니라, (input을)한번(한개) 누르면
(label 안의 span)3개가 다같이 동작하는 것이기 때문이구나!
논리적이군... 맞는 말이야...
그리고 비록 장렬하게 틀렸지만 그냥 라벨에 크기를 줘도 나오긴 하는군요?..
자 그럼 깨달음을 얻었으니 다시 만들러 가봅시다.
아 이런..
이상태에서 왜 아무것도 안나오는데!! 하고 있었다.
왜인지는 복습하는 나를 위해서 스스로 알아보라고 적지 않겠다...(?)
이것 역시 음.. checked를 주고, 자식(span)을 선택하고 nth-child를 주고 까지는 좋은데... 잘못된 것에 줬죠...
그리고 transform을 준 것도 맞는데 translateX가 아니라 deg를 줄 거면 rotate가 맞다...😂😂😂
아니 왜 이렇게 틀려요~!! (그러게요...
그렇게 우당탕 쿠당탕 끝에 완성 🥲
- 오후 진도
2. 애니메이션 사이드메뉴 만들기
이론이 부족한건지 경험이 부족한건지.....ㅠ0ㅠ
괴로워하던 와중에 새로고침 하니까 돼서 허망해졌다. ...
position: relative는 위치값을 가질 수 없나??
relative를 absolute로 바꾸니 작동하는데...
....🤔🤔🤔🤔???
결국 질문드림...흑흑
+
**position: relative로 좌표를 줄 때는 left와 top에서만 적용됩니다.
right와 bottom은 적용이 되지 않습니다.**
라고 답을 주셨다~!!
뚱땅거리면서 인접 선택자, 형제 선택자에 대한 이해도를 높이며 완성.
💭 느낀점
- 오늘 한 일은 무엇인가요?
구르고 깨지면서 어쨌든 혼자서 깨달아가는 과정,
무언가를 내 힘으로 만들어 내 가는 과정이 좀 웃프고 재미있다😂
몇번씩만 더 복습하면 확실하게 이해하고 만들 수 있을 거 같다는 희망이 점점 더 명확해지고 있다!!!
