인프런 커뮤니티 질문&답변

1. 첫번째 질문입니다. (live server Full Reload 스크롤 위로 올라가는 현상)

라이브서버 세팅을 할때 Full Reload 체크를 하고 재시동을 했을 때 문제없이 작동을 했습니다.

그런데 이번 강의[섹션 4. 섹션 상세 퍼블리싱(Awards Section) - PC 레이아웃 섹션 상세 퍼블리싱(Awards Section) - #01 ]

부터 Awards section을 수정하다가 라이브로 확인하려고 했으나 계속해서 상단 부분으로 스크롤이 올라가는 바람에

수정하며 바로확인하는 과정에 불편함을 겪었습니다.

이 부분을 해결하고자, 각 섹션별 display: none; 도 주었지만- 역시나 작동하지 않아서 구글링을 한 끝에

https://github.com/tapio/live-server/issues/273

저와 같은 이슈를 갖고 있는 분들을 발견했음에도 불구- 해결을 하지 못한 상태입니다.

혹시나 싶어서 라이브서버를 unstall 하고 재설치를 한 후에, 다시 세팅을 하고 재시동을 하는 과정을 몇번이고 반복했으나 여전히 같은 이슈가 발생했습니다.

앞서 말씀드린..

VS code 의 Live Server Full Reload 오류현상을 해결하는 방법을 혹시 아실까 싶어 선생님께 질문을 드리고 싶었습니다(:

2. 두번째 질문입니다. ( position: relative 관련)

.victory-jump img  

에 position: absolute;를 적용할 때 선생님께서 말씀하시길, 

그 위의 부모인 .victor-jump 

에 position: relative;를 적용하지 않아도 되는 이유가

.awards-inner 안에 있는 div에 

이미 position: relative;를 주었기 때문이라고 하셨습니다.

제가 잘 모르는 것일 수도 있겠지만- 지금까지 공부한 바로

.awards-inner > div 에서

'>' 표시는 그 부모 바로 밑에 있는 첫번째 자식 에게 적용되는 것으로 알고 있습니다.

때문에 .awards-inner의 두번째 자식인

.vicotry-jump 가 아닌

첫번째 자식 .about-awards 에만 적용되는 것으로 알았습니다.

제가 잘 못 알고 있는건지 궁금합니다(:

더불어, 두번째 자식인

.victory-jump 

에 position: relative; 를 적용하지 않아도

.victory-jump 

의 자식인

.victory-jump img 

에 position: absolute; 만 적용해도 화면에 문제없이 잘 나타나는 이유도 궁금합니다.:)

감사합니다.