coding 263
css와 scss에서 마우스 클릭 가상 클래스 선택자를 알아보자
hover는 많이 쓰는데 마우스 클릭에 해당하는 가상 클래스는 잘 쓰지 않아서 정리해볼 겸 가져와봤습니다. hover는 마우스 오버 시 가상 클래스랍니다. 1. :active ① :active - 일단 이녀석의 이름은 :active입니다. - 헷갈리니 :(콜론)을 꼭 붙여서 외워주세요. - :hover와 동일하게 사용합니다. 2. css에서 가상 클래스 선택자 사용하기 button:active{ } ① 뒤에 붙이기 - 가상 클래스 선택자는 이렇게 적용하고 싶은 위치 뒤에 붙여주시면 됩니다. - 뜨어쓰기는 안됩니다. - 그 다음은 똑같이 중괄호 안쪽에 내용을 적어주세요. 3. scss에서 가상 클래스 선택자 사용하기 button{ &:active{ } } ① & 연산자 활용 - 물론 scss에서도 css와..
scss를 위해 컴파일러를 설치해보자
scss의 준비단계 컴파일러를 설치해봅시다!! 하드가 날아가니 다시 설치해야 하는 게 한두 개가 아니네요. 그래도 그 김에 하나라도 더 소개해드릴 수 있어서 잘됐죠? 1. 명령 프롬프트 ① 검색 - 시작 줄에서 [cmd]를 검색해 명령 프롬프트를 열어주세요. - 단축키 [window + S]를 누르면 검색창이 바로 뜬답니다. ② 명령 프롬프트 - 이 까만 화면이 명령 프롬프트입니다. - scss를 사용하려면 미리 친해져 봅시다. 2. 컴파일러 설치 ① 명령어 입력 - 설치 방법은 명령어만 알면 간단합니다. - [gem install sass]를 입력해주세요. - 오타가 업나 살펴보고 [엔터]키를 눌러주세요. ② 성공적인 설치 - 엄청 길게 뭔가가 써지고 설치가 됩니다. - 설치가 잘 된다면 표시된 것처럼..
Ruby 언어 설치하고 scss 시작하기
scss는 ruby라는 언어를 기반으로 동작한답니다. 그래서 일단 ruby 설치가 필요해요. 다만, mac을 사용하신다면 기본으로 깔려있으니 윈도우 사용자분들만 추가로 설치해주세요. 1. 설치 파일 다운 https://rubyinstaller.org/ RubyInstaller for Windows Is RubyInstaller for you? RubyInstaller is the easiest and most widely-used Ruby environment on Windows. And Ruby is a great language for beginners as well as professionals. It’s suitable for small scripts as well as large applicat..
php에서 data 파일 id값을 이용해 가져오기
html로 웹 작업을 하다 보면 그런 의문점이 듭니다. 아 이 서브페이지 헤더랑 푸터 또 써야 하나? 그냥 중간에 콘텐츠만 바뀌면 안 되나? 이 동일한 작업을 서브 만들 때마다 해야 하나?? php에서는 됩니다!! (이러니까 무슨 홈쇼핑 같네요..) 아무튼 그 기능을 살펴보러 갑시다!! 그냥 함수 이름이니까 어렵다고 도망가지 마세요 괜찮아요 안 무서워 안 무서워 1. 함수 ① file_get_contents() - 결론부터 말하자면 이 [file_get_contents()] 함수를 사용해주시면 됩니다. - 이름에서도 느껴지듯이 파일에 있는 콘텐츠를 가져오는 함수입니다. - php 내장 함수로 만들지 않아도 사용이 가능합니다 (감사합니다!!) https://www.php.net/manual/en/funct..
[VS Code] 비주얼 스튜디오 코드에서 찾아서 바꾸기
비주얼 스튜디오 코드에서도찾기뿐만 아니라 찾아서 바꾸기 기능을 사용할 수 있다는 사실알고 계셨나요? 왜 이 편리한 기능을 여태 몰랐을까...저는 그것도 모르고 일일이 찾아서 바꾸고 했지 뭐예요.좀 꼼수를 쓴다고 Alt + 클릭을 이용했었는데한 번에 바꾸는 방법도 있었다니!! 1. 찾기① 찾기- 먼저 찾기를 해볼 건데 이 방법은 다른 문서 프로그램에서도 사용하니까 다들 아시겠죠?- 단축키 [Ctrl + F]를 사용합니다. - 검색창에 찾고자 하는 단어를 넣어주세요. 2. 찾아서 바꾸기① 바꾸기- 찾기로 뜬 창 왼쪽을 보시면 작은 화살표가 있는데 이 친구를 눌러주세요.- 아래로 바꾸기 칸이 나왔죠?- 여기에 바꾸고 싶은 단어를 적고 바꿔주시면 됩니다. 간단하죠? ② 선택하기- 바꿀 단어는 임의로 ..
![[VS Code] 비주얼 스튜디오 코드에서 찾아서 바꾸기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bunNwG/btrep6zVFUI/SxsFGIAIEKuZ403IPqvX11/img.png)
