'coding' 카테고리의 글 목록 (21 Page)

[vs code] 비주얼 스튜디오코드 html에서 emmet(에밋) 사용하기

에밋(emmet)은 html, css 등 문서를 편집할 때 빠른 코딩을 지원하는 플러그인이에요. 이것만 알면 코드를 더 빨리 짤 수 있답니다. 와우 신난다! 1. 자식 태그 만들기 ① 꺽쇄(>) - > 이런 모양의 꺽쇄를 사용하면 안쪽에 자식 태그를 넣을 수 있습니다. - 사용 방법은 div 태그 안쪽에 ul 태그를 넣고 싶을 때 [div>ul]이라고 적고 [Tab] 키를 눌러주세요. ② Tab - 위에서 설명한 대로 [Tab] 키를 눌러주세요. - 표시된 ul 태그가 div 태그 안쪽에 들어간 것을 확인할 수 있습니다. 2. 병렬로 태그 만들기 ① 플러스(+) - 이번엔 +를 이용해 적어줍니다. - 적다 보면 플러그인이 자동으로 뜨는 게 보이시죠? 이럴 때 그냥 엔터를 누르셔도 됩니다. - +를 사용하..

coding/editor · 2021. 7. 9. 09:30

[vs code] 비주얼 스튜디오코드 찾아서 바꾸기

한 번에 동일한 문자를 바꿀 때 사용하면 좋은 기능입니다. 1. Ctrl + Shift + L ① 드래그 - 갑자기 코드가 보인다고 너무 당황하지 마시고요 바꾸고 싶은 단어만 드래그해봅시다. - 저는 email이라는 단어를 드래그했어요. - 어렵지 않죠? ② Ctrl + Shift + L - 드래그가 잘 되었나요? - 그렇다면 이 상태에서 [Ctrl + Shift + L] 단축키를 눌러주세요. 2. 바꾸기 ① 커서 확인하기 - 단축키를 누르면 같은 단어가 모두 선택이 되면서 커서도 생기는 것을 볼 수 있습니다. - 저 email이라는 두 단어 모두 커서가 있는 것 보이시죠? - 여기까지 왔다면 끝난 겁니다. 그냥 바꾸고 싶은 단어로 다시 써주면 됩니다. ② 바꾸기 - 하나만 바꿔도 전체 단어가 모두 바뀌..

coding/editor · 2021. 7. 8. 09:30

[PHP] echo로 출력하기

요즘은 php를 공부하고 있어요. 쫌쫌따리 공부해본 걸 올려볼게요. 1. php 시작하기 ① 시작하기 - 일단 php의 시작은 라고 적어주면 php 구간 완성입니다. - html에서 과 로 여는 태그와 닫는 태그를 구성해준 것처럼요. 2. 출력하기 - 숫자 ① echo - echo는 다들 아시다시피 메아리라는 뜻이에요. 메아리처럼 저희의 코드를 출력해줄 것입니다. - 숫자는 간단하게 echo 바로 뒤에 원하는 숫자를 적어주시면 됩니다. ② 출력 - [127.0.0.1/파일이름.php]를 주소창에 입력하시면 작성한 코드의 출력 화면을 확인할 수 있습니다. - 저는 Atom을 사용하고 있습니다. ③ 연산 - 그리고 이렇게 연산도 가능합니다. - 사칙연산은 물론 프로그램에서 사용되는 다양한 연산이 가능합니다...

coding/개발 팁 · 2021. 6. 23. 09:30

[vs code] 비주얼 스튜디오 코드 세로 선택 해보자

코딩을 하다 보면 세로줄만 수정하고 싶은 경우가 생겨요. 그럴 때 유용한 단축키를 알려드릴게요. 1. 수정 영역 확인 ① 수정할 부분 확인 - 이미지에 표시된 '하위'라는 글자를 모두 '상위'라는 글자로 바꾸고 싶다고 가정해볼게요. ② 드래그 - 드래그를 하면 수정하고 싶지 않은 부분까지 같이 잡혀요. - 이렇게 되면 수정할 수가 없습니다. ③ Alt + 클릭 - 물론 이것도 하나의 방법인데 이러면 클릭을 4번 해야 하죠. - 만약 고쳐야 할 부분이 30개라면? 더 많다면? 클릭을 그만큼 해야 하는 거예요. 그건 효율적이라고 할 수 없겠죠. 2. 세로 선택 ① 세로 선택 - 먼저 영역 지정하고 싶은 첫 부분에 커서를 가져다 둡니다. - 그리고 단축키 [Alt + Shift + 드래그]를 이용해 세로 방향..

coding/editor · 2021. 5. 27. 09:30

[vs code] 비주얼 스튜디오코드 분할화면 이동해보자

비주얼 스튜디오 코드에서 분할화면을 이동하는 단축키를 알아볼게요. 질문 주신 분이 계셔서 한 번 정리해봤어요. 1. 분할화면 준비 ① 분할화면 - 단축키는 Ctrl + \ 입니다. 2. 분할화면 이동하기 ① 선택 - 이동하고 싶은 화면에 커서를 두세요. - 선택 중인 화면의 탭이 좀 더 진하게 표시되니 확인하기 쉬우실 거예요. ② 이동 - [Ctrl + Alt + 방향키]를 눌러 화면을 이동해주세요. - 방향키는 이동하고 싶은 방향을 눌러주시면 됩니다. 3. 옆 화면으로 이동 ① 옆 화면으로 이동하기 - [Ctrl + 숫자키]를 눌러 화면을 이동해봅시다. - 숫자키는 위의 이미지에 표시된 것처럼 맨 왼쪽부터 1, 2, 3... 이렇게 선택 가능합니다. - 이때 숫자키는 상단에 있는 키만 가능하고 오른쪽에..

coding/editor · 2021. 5. 26. 09:30

coding 265