2024/01 26

[CSS] CSS, SASS, SCSS, LESS

[Sass] Sass란? Sass에 대해 알아보자 [ Sass ] Sass(Syntactically Awesome StyleSheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장이다. CSS despiteallthat.tistory.com [CSS] CSS, SASS, SCSS 차이점, 사용방법 ⏲ TL;DR SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 SASS, SCSS에서 기존의 CSS의 기능 부재 단점을 보완한 다양한 기능 추가 SASS는 들여 쓰기+줄 바 cocoon1787.tistory.com Sass(SCSS) 적용하기 📝 개..

A-HA💡/CSS 2024.01.30

재수생의 뒤늦은 주간회고록 3주차

3주차 - 완벽하지 않아도 계속 나아감에 박수를 보낸다. - 앞으로 더 제한시간 내에 필요하고 중요한 정보만 쏙 흡수하도록 연습해보자 🎯 이번 주 목표 스프린트와 챌린지 제출 놓치지 않기! 🏃‍♀️ 일일 스프린트 1월 18일 (목) ✅ 주간회고록 2주차 ⚠️ 리액트 마스터 강의수강 #2.7, 3.2, 3.6 ✅ TS 블록체인 챌린지 Day4 1월 19일 (금) ✅ 리액트 마스터 강의수강 #5.0 - 5.16 ✅ 리액트 마스터 챌린지 Day4 ❌ 코코아톡 클론 강의수강 #6.12 - 6.17 ✅ 코코아톡 챌린지 Day11 1월 20일 (토) ✅ TS 블록체인 Day5 1월 21일 (일) ✅ 코코아톡 클론 강의수강 #6.0 - 6.40, 7.1 ✅ 코코아톡 챌린지 Day12 (졸업작품) 1월 22일 (월) ..

[CSS] 반응형

https://nykim.work/84 반응형 웹 뚝딱 만들기 (1) - 뷰포트 메타태그와 미디어 쿼리 이 글은 공동 기술 블로그(tech.yeon.me)에도 올린 글입니다. (여기에서도 숨겨진 좋은 글을 발견할지도 몰라요!) 프롤로그 모바일 사용자가 점점 늘어나는 요즘 반응형으로 만든 웹 사이트를 쉽게 nykim.work https://nykim.work/85 반응형 웹 뚝딱 만들기 (2) - vw, vh, vmin, vmax, em, rem 속성 프롤로그 지난 글에는 반응형을 위해 필요한 뷰포트 메타태그와 미디어 쿼리에 대해 다뤘었는데, 이번에는 CSS 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보려고 합니다 🤟 히 nykim.work

A-HA💡/CSS 2024.01.22

재수생의 주간회고록 2주차

2주차 - 밀린 강의보다 오늘의 강의가 최우선 - 모든 코스를 소화하기 위해선 먹고 자고 쉬는 시간 조차 조절해야한다. - 모든 것은 굵고 짧게. 할 수 있다. 유캔두잇. 지나간 일보다 오늘의 과제에 집중하자. 🎯 이번 주 목표 스프린트와 챌린지 제출 놓치지 않기! 🏃‍♀️ 일일 스프린트 1월 11일 (목) 더보기 ✅ 주간회고록 1주차 ✅ 코코아톡 클론 강의수강 #3.0 - #3.5 ✅ 코코아톡 챌린지 Day4 💪🏽 코코아톡 블로그 정리 #1.5 - 2.11 ✅ 리액트 영화웹서비스 강의수강 #3.7 - #4.2 💪🏽 알고리즘 1문제 ✅ 우리은행 ✅ 중고 택배 접수 💪🏽 SNPE 1월 12일 (금) 더보기 ✅ 코코아톡 클론 강의수강 #3.6 - 3.11 ✅ 코코아톡 챌린지 Day5 💪🏽 코코아톡 블로그 정..

VSC 간편 단축키

7) 반복되는 단어 한방에 수정 ⌘ + D or Ctrl + D(한번씩 일일이 눌러줘야함 / 귀찮으면 Ctrl + F2) 6) 클릭하는 곳마다 커서 생성 ⌥ + Click or Alt + Click 5) 코드 위/아래로 움직이기 ⌥ + ↑ / ↓ or Alt + ↑ / ↓ 4) 코드 복사해서 위/아래로 움직이기 ⌥ + ⇧ + ↑ / ↓ or Alt + ⇧ + ↑ / ↓ 3) 코드 블록 한방에 코멘트 처리하기 ⌘ + / or Ctrl + / 2) 선택된 영역에 커서 만들기 ⌥ + ⇧ + i or Alt + ⇧ + i 1) 마우스가 가는 곳 마다 커서 만들기 ⌥ + ⇧ + Mouse Drag or Alt + ⇧ + Mouse Drag Bonus: 파일 맨 위-아래로 한번에 이동하기 Top / Bottom o..

A-HA💡 2024.01.17