본문 바로가기

javascript/👀 tips3

맥북 초기 세팅 기록 맥북 세팅 1.홈브루 설치 홈브루 홈페이지 들어가서 커맨드 붙여넣기 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" (설치할 때 Xcode command Line 설치하냐고 물어보면 엔터눌러서 설치하고 터미널에 echo ~~ 이런거 복붙함) 2.필요한 패키지 및 어플리케이션 설치 Brew install —cask 하면 맥용 어플리케이션을 설치할 수 있음 brew install —cask visual-studio-code google-chrome slack iterm2 Brew install 하면 패키지 설치 가능 Brew install node 로 node 설치 brew instal.. 2023. 8. 15.

scrollIntoVeiw로 스크롤 항상 아래로 유지하기(+ 키보드 Enter 이벤트) 웹 개발을 하다 보면 스크롤을 제어해야 하는 경우가 있습니다. 졸업 프로젝트로 모바일 웹앱을 만드는 도중에 해쉬태그를 그리드 형식으로 입력받는 ui를 구현하였습니다. 키보드 이벤트를 붙여서 해쉬태그를 입력 받는데 여러개의 해쉬태그를 입력 받다 보면 input 태그가 스크롤 아래로 숨겨지는 현상이 있었습니다. input 창이 내려갈 때마다 유저가 스크롤을 내려 input 창을 화면에 보이게 제어하는 것은 좋지 않은 사용자 경험이라 생각하여 webAPI의 scrollIntoView를 사용하여 input 태그에 스크롤이 따라 내려가게 구현하였습니다. https://developer.mozilla.org/ko/docs/Web/API/Element/scrollIntoView element.scrollIntoVie.. 2022. 6. 30.

mouseover / mouseenter 차이, mouseleaver / mouseout 차이 최근 이벤트를 공부하며 헷갈리는 부분이 있어 정리해 보았습니다. 이벤트에 관한 기본적인 이론은 다음 글에서 확인 할 수 있습니다. https://hoime.tistory.com/76 [9주차 스터디]40장-이벤트 이벤트 브라우저는 처리해야 할 특정 사건이 발생하면 이벤트( event )를 발생 시킵니다. 특정 타입의 이벤트에 대해 호출 될 함수를 브라우저에게 알려 호출을 위임 한다. 이벤트가 발생했을 때 hoime.tistory.com 마우스 이벤트를 보면 mouseenter 이벤트와 mouseover 이벤트는 유사하게 동작 합니다. 반대되는 동작인 mouseleave와 mouseout 이벤트 역시 유사하게 동작 됩니다. 그렇다면 두 이벤트에 차이를 검색해 보면 자식 요소에서 영향을 주는지 여부에 따라 .. 2022. 3. 28.

이전 1 다음

티스토리툴바