코로 넘어져도 헤딩만 하면 그만

VS Code를 다룰 때 유용하게 쓸만 한 확장 프로그램을 하나 더 추천 받았다. 그 이름하야 'Post Css Sorting'. 사진 참조. 말그대로, CSS 태그들 설정을 보기 좋게 후처리로 정렬해주는 확장 프로그램인 듯하다. 1. 일단 위 확장 프로그램을 검색해서 내려받는다! 2. 설정 -> 확장-> 위 프로그램에 들어가 postcss-sorting documentation 에서 아래 부분을 긁어온다. order: [ 'custom-properties', 'dollar-variables', 'declarations', 'at-rules', 'rules', ], 'properties-order': 'alphabetical', 3. 설정창에서 해당 프로그램을 검색, settings.json에서 편집을 ..

제목처럼 오늘 해본 것은 제법 간단하다. 바로 슬라이더 넣기! 슬라이더가 뭐냐면 사진이 여러 장 있을 때 옆으로 스르륵 넘기면서 볼 수 있게 하는 그거다. 바로 그거. Swiper js https://swiperjs.com/는 라이브러리로, 누군가 고맙게 미리 짜둔 코드를 우리가 가져다가 슬라이더로 쓸 수 있는 곳이다. 물론 유료 슬라이더들도 있지만 기본적인 형태의 슬라이더를 무료로 유용하게 제공한다. 이걸 직접 js로 다 짤 수도 있겠으나 그러면 그거 갖고 네■버에(ㅋㅋ)취직해도 된다고 하더라... 하여튼. 만들기까진 세월아, 네월아 걸리는 시간을 단축시켜주는! 고마운 슬라이더를 적용하는 법을 한번 정리해보겠다. 1. 먼저 홈페이지에 회원가입을 하고 나서 Get Started를 클릭한다.(사실 여기에 ..

Vs Code의 확장 기능 중에서도 정렬을 보기 좋게 정돈해주는 Prettier이 있다. 학원 컴퓨터에는 잘 설치를 했는데, 집에 와서 혼자 해보니 이상하게 정렬이 되지 않아 곤란을 겪고 있었다. Vs Code 창에서 우측 하단에 Prettier이 체크 표시로 뜬다면, 그것은 해당 확장 프로그램이 제대로 작동 중이라는 뜻이다. 따라서 이때는 다른 방법을 시도해야 원하는대로 기능이 알맞게 적용되는 것을 볼 수 있다. 1. 우선 Vs Code의 파일>기본설정>설정에 들어가 'Format on Save'를 입력하고, 해당 칸에 체크가 되어 있는지 확인한다. 2. 이후 같은 창에서 'Default formatter'를 검색해서 Prettier로 지정해주어야 한다. 처음 Vs Code를 깔았다면 null 없음으로..