여러분이 보는 홈페이지 화면에서 네비게이션 바는 항상 잘 보여야 합니다. 만약 이렇게, 네비게이션 바가 아래에 위치한다면, 화면이 굉장히 이상하게 보이겠죠. 사용자가 이탈할 수도 있고요. 기본적으로 이런 문제를 막으려면 Z-index를 활용하면 되는데, 맨 하단처럼 z-index를 1로 해주면 됩니다. 이렇게 되면 #navbar를 가장 처음에 위치시키므로 이렇게 잘 보이게 되는거죠. 그런데, 항상 잘 적용되는 것은 아니고, 적용하려는 태그에 Position 속성을 부여해줘야만 가능합니다.

이런 홈 메뉴를 여러분이 만들었을 때, 메뉴 아이템 각각을 클릭 시 하단으로 스크롤링 이벤트를 구현해봤습니다. 문제는, 이런 식으로 '깔끔하게' 스크롤링이 되지 않는 것과, getBoundingClientRect 값이 계속해서 변동한다는 거죠. 해결법은 간단했습니다. https://stackoverflow.com/questions/25630035/javascript-getboundingclientrect-changes-while-scrolling JavaScript getBoundingClientRect() changes while scrolling I want to have the exact distance between the Y-coordinate of an element an the Y-value..

nodemon으로 파일을 실행시켰는데, 갑자기 이런 에러가 뜹니다. 당황스럽죠? 그렇지만, 해결방법을 구글링으로 찾았어요. 바로 '실행창' 에서 executionpolicy를 restricted가 아닌, unrestricted로 바꾸는 거죠. 우선, Window키 + R 을 동시에 눌러서 실행창이 나오면, CTRL + Shift + Enter키를 동시에 눌러서 cmd 창을 '관리자' 권한으로 실행시킵니다. CMD 창에서, ExecutionPolicy를 입력하면 되는데, 문제가 생겼어요. 이런 에러가 뜨는거죠. 이럴 경우 내 컴퓨터를 '마우스 우클릭'해서 '속성'을 띄우고 관련 설정에서 '고급시스템 설정'을 클릭합니다. 관련 설정에서 '시스템 속성' 화면에서 '고급' 탭을 선택하고, 맨 하단의 '환경변수'..

에러 발생 원인 : const는 한번 할당하면 새로운 값을 할당할 수 없는 방식입니다. 그런데 저는 이렇게 id에 할당을 해놓고 위에서 또 const id를 하는 바람에 이런 에러가 떴죠. 이 경우, const id가 아닌 let id로 바꾸거나 아니면 id 말고 다른 변수를 사용하면 됩니다.

See the Pen Untitled by LateButGood (@latebutgood) on CodePen. '드림코딩 엘리' 수업 들으면서 작성 중입니다. :) 첫번째: 설계의 시작은 UI, UI 시작은 '해상도' 기획자 공부를 하면서 드림코딩 수업을 듣고 있다. '쇼핑리스트'를 만드는 걸 연습 중인데, 이런 화면을 만드는게 목표다. 하지만, 막상 UI를 시작하려고 보니 내가 설계하려는 모바일 어플의 '화면 해상도'를 고려하지 않았다는 걸 알게 되었다. 따라서 아래의 브런치를 방문해서 '모바일 화면 점유율'을 확인했다. https://brunch.co.kr/@plusx/6 1. 동그란 플러스 버튼을 '클릭'할 경우에 이벤트가 발생해야 합니다. 해당 이벤트는 함수 표현식으로 외부에서 인스턴스를 받아와..