minTech

이틀 정도 걸려서 내 개인 프로젝트의 stack 페이지에 캐서셀을 구현해보았다. 🤷‍♂️ 캐러셀(Carousel) ? 사용자가 화면에서 이미지를 옆으로 넘길 수 있도록 swipe 기능을 제공한다. 사용자는 손가락을 사용하여 터치 슬라이드하거나 마우스로 드래그하여 이미지를 넘길 수 있다. 이를 이용해 한 영역에서 하나 이상의 이미지를 볼 수 있다. 캐러셀이라는 단어를 몰라서 구글링도 처음에 못하고, 이 부분에 대해서 어떻게 구현해야할지 참 막막했었다. 그래서 이미지 슬라이딩.. 이미지 넘기기,, 등 다양하게 검색창에 쳐보다가 알게된 것이 화살표나 dots 등을 이용해 여러 개의 이미지를 넘겨볼 수 있는 형태가 캐러셀 형태라는 것을 알게되었다. 그러던 중 추가적으로 알게된 것이 캐러셀을 구현하는 라이브러리가..

vscode에서 분명 에러가 생겼는데 빨간줄이 뜨지 않을 때 setting.json 의 옵션을 수정해야한다. 실행 순서 1. 먼저 settings.json 파일을 들어간다. ctrl+shift+p 를 눌러 settings.json을 친다.여기서 User Settings를 들어가야한다. 2. 먼저 settings.json 파일을 들어간다. eslint.enable 옵션이 false로 되어있는지 확인 후에, true로 바꿔준다. 아래에 있는 코드를 추가해준다. 💡 그래도 타입스크립트 실행 시 타입 오류가 뜨지 않는다면 다음 방법을 시도해보세요! 1. vscode의 extentions을 들어간다. 2. 검색창에 "@builtin typescript" 를 쳐서 TypeScript and JavaScript La..