coding 89
[html] 특수문자 03 - 그레이브, 틸드
안녕하세요. 개자이너 씸플레이입니다. 특수문자의 이름 알아보기 3편입니다. 이렇게 연달아 같은 시리즈를 3편 올리는 게 처음인 것 같은데, 어떠신지 의견이 궁금합니다. 이어서 보기에 편하신지, 너무 자주 반복되는 것 같아 지루하신지 댓글로 의견 남겨주세요~! 1. 그레이브 ( ` ) ① Grave 그레이브는 숫자키 1번 왼쪽에, 탭키 위쪽에 있는 키입니다. 보통 물결 표시와 같이 있는 키입니다. shift를 누르지 않으면 그레이브죠. 작은따옴표처럼 생겼지만 삐침이 좀 더 강한 녀석이죠. `(그레이브) '(작은따옴표) 차이가 느껴지시나요? 2. 틸드 ( ~ ) ① Tilde 틸드는 위에서 봤듯이 그레이브와 같은 곳에 있는 키입니다. 그레이브 키에서 shift를 누르면 사용할 수 있죠. 보통 물결무늬, 물결..
[html] 특수문자 02 - 콜론, 세미콜론
안녕하세요. 개자이너 씸플레이입니다. 특수문자 이름 알아보기 2편입니다. 1. 콜론 ( : ) ① Colon 콜론은 L 키 옆에 있는 키를 shift를 누른 상태로 치면 나옵니다. 흔히 땡땡 표시라고 부르기도 하죠. 정확한 명칭은 콜론입니다. : : : : : : 어떤 모양인지 확실히 아시겠죠? ② 사용범위 var coffe = {'latte': 4000, 'ice': 2000, 'hot': 1000}; 자바스크립트에서 객체를 만들 때도 사용합니다. 아니 이게 뭐지?라는 생각이 드신다면 그냥 아 저런데도 쓰이는 군 하고 넘어가 주세요. 오늘은 별로 중요한 부분은 아니니까요! 2. 세미콜론 ( ; ) ① Semicolon 세미콜론은 콜론과 같은 위치에 있는 키로 shift를 누르지 않으면 사용할 수 있습니..
[vs code] 비주얼 스튜디오코드 한 번에 수정하기
비주얼 스튜디오코드에서 사방에 퍼져있는 단어를 한 번에 수정해보겠습니다. 1. 수정 사항 확인 ① 수정할 부분 확인 코드의 자세한 내용은 중요하지 않습니다. 중요한 것은 체크한 부분! 1월이라는 글자가 4번이나 나오는데 여기를 10월로 바꾸고 싶습니다. 0을 네 번 쓰는 건 좀 귀찮죠. 한 번에 할 수 없을까 고민해봅니다. 2. Alt ① alt + 클릭 커서를 보시면 4군데에 모두 커서가 들어간 것을 알 수 있습니다. alt키를 누른 채로 클릭을 하면 여러 군데를 한꺼번에 선택이 가능합니다. ② 수정하기 이제 원하던 대로 0을 넣어서 10월로 만들어집니다. 커서가 4군데 모두 있기 때문에 한 번만 입력하면 모두 들어갑니다. [같이 보면 좋은 글] [coding/editor] - [vs code] 비주얼..
[html] 마우스를 올리면 나오는 설명글 title
안녕하세요. 개자이너 씸플레이입니다. 오늘은 마우스를 올렸을 때 특정 문구가 나타나는 방법을 알아보겠습니다. 1. html 여기는 그냥 보이는 글 ① html 코드 짜기 일단 기본 html 구조를 만들어줍니다. 간단하게 만 만들어보겠습니다. div{ background:darkred; width:400px; height:400px; line-height:400px; text-align:center; color:#fff; font-size:20px; margin:0 auto; } ② css 코드 짜기 하지만 오늘은 css는 별로 중요하지 않습니다. 보기 이쁘라고 짠 것이니 한번 봐주고 넘어가 주세요. html은 했는데 css는 너무 어렵다? 그냥 안 하셔도 됩니다. 2. title 속성 넣기 여기는 그냥 ..
[css] border로 간단하게 제목을 꾸며보자
안녕하세요. 개자이너 씸플레이입니다. 이미지처럼 제목에 꾸밈을 넣어보겠습니다. 이미지를 넣어서 꾸미기 귀찮을 때 사용하고는 합니다. 1. html 이것은 제목 이것은 내용 아무 내용 아무말 와랄랄라 이것은 내용 아무 내용 아무말 와랄랄라 이것은 내용 아무 내용 아무말 와랄랄라 이것은 내용 아무 내용 아무말 와랄랄라 이것은 내용 아무 내용 아무말 와랄랄라 ① html 입력하기 예시니까 적당히 아무 내용이나 넣어주었습니다. 제목은 꼭 태그를 사용해주세요. 2. border-left h3{ border-left:4px solid darkred; } ① 태그에 border-left를 이용해 꾸밈을 넣어준다. left에만 선을 넣어서 테두리가 아니라 제목에 넣는 이미지처럼 보이게 해 줍니다. 4px 정도면 적당하..