🖥️Frontend/JavaScript2

• 

  [JavaScript] Exception & trycatch & throw 예외란? 개발을 하면서 '예외(Exception)'라는 단어를 자주 접하게 된다. '예외'란 생성된 정상적인 동작에서 어긋나 예외 상황이나 에러가 발생하는 경우를 뜻한다. JavaScript에서는 예외 발생을 처리하기 위해서 try/catch문을 사용해서 작성하게 된다. try/catch/finally문 try문 안에는 예외가 발생할 지도 모르는 동작의 코드를 작성한다. catch문 안에는 try문의 예외 발생 시 처리할 동작의 코드를 작성한다. finally문 안에는 try문, catch문의 동작이 끝나면 실행될 코드를 작성한다. catch문과 finally문은 생략해서 사용해도 되지만, try문을 사용하는 의미가 없어지기 때문에 하나 이상의 블록과 같이 사용하는 것이 좋다. 아래는 try/catch/.. 🖥️Frontend/JavaScript 2023. 10. 17.

• 

  [JavaScript] overflow-x 적용 시 stacky 적용 안되는 현상 개요 반응형 웹을 만들던 도중 모바일에서 x축 스크롤이 생겨났고 body에 overflow-x: hidden을 적용했다. 그로 인해 모바일 웹에서 position: sticky가 적용된 태그가 동작하지 않는 현상이 발생했다. 해결 방안 Stack Overflow를 찾아보니 sticky는 overflow의 hidden, auto, scroll 속성에서는 동작하지 않는다고 한다. overflow-x에 clip속성을 적용해주니 정상적으로 동작하는 것을 확인할 수 있었다. 코드 body { overflow-x: clip; } .no-scroll { position: sticky; left: 0; top: 0; } 참고 사이트 https://developer.mozilla.org/en-US/docs/Web/CSS.. 🖥️Frontend/JavaScript 2023. 10. 12.