FACTS(사실, 객관) : 내가 한 일
어제 하던 숙제(https://playhong.tistory.com/1)를 마저 했다.
도무지 해결되지 않아서 학습질문란을 찾아 같은 문제를 겪은 분들의 코드와 비교해보다가 어이없게도 간단하게 해결했다.
기록 내용이 표시되지 않던 부분은 강의를 보면서 코드를 수정하다 변수명을 서로 다르게 바꿔적은 것이 문제였음
나만의 프로필 링크 만들기 강의를 듣고 강의에 따라 프로필 페이지를 만들었다.
간단하기도 했고 강의를 보며 찬찬히 만들어서 막힌부분은 없었는데
배경을 원하는 이미지로 넣으면서 생기는 스크롤이 거슬려서 조금 헤맸다.
FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌
문제되는 부분을 스스로 찾아내 풀어내서 뿌듯했다.
FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것
스크롤이 거슬려 찾아본 방법으로
1. 스크롤을 안보이게끔 가려버리는 것
body::-webkit-scrollbar {
display: none;
}
2.스크롤이 안되게끔 막는 것
body {
overflow: hidden;
}
이 있었는데 나는 2번을 활용했다.
FUTURE(미래) : 배운 것을 미래에는 어떻게 적용할 지
변수명/class/id 정확하게 넣었는지 두번!세번! 확인하기
스크롤이 안보이게끔 가리는 것은 브라우저마다 적용이 될 수도 있고 안될 수도 있어서
다른 코드를 추가로 넣어야 할 수 있다. 그래서 아마 앞으로도 이번처럼 overflow:hidden을 사용하게 되지 않을까 한다.