coding 265
[vs code] 비주얼 스튜디오 코드 wrap! 래핑! 감싸기를 해보자
안녕하세요. 개자이너 씸플레이입니다. 랩은 음식을 먹고 위에 씌우는 그 랩과 같은 단어입니다. 래핑 역시 같은 의미로 음식을 랩으로 포장해준다는 뜻이죠. 코딩에서의 래핑도 같은 의미입니다. 그러니 래핑이라고 하면 어떤 코드를 포장해준다고 생각하시면 됩니다. vs code에서 단축키를 이용해 래핑을 해보겠습니다. 1. 모든 명령어 보기 래핑 할 코드를 블럭지정 해줍니다. 그냥 주르륵 드래그로 잡아주시면 됩니다. Ctrl + Shift + P 단축키를 누르면 모든 명령어 보기라는 창이 뜹니다. 여기서 검색해주시면 됩니다. 최근에 사용한 적이 있어서 이미 뜨기는 하는데 같이 검색해보겠습니다. 2. wrap wrap이라고 검색하면 Emmet: 약어로 래핑이라는 명령어가 나올 겁니다. 최근에 사용한 항목이라 맨 ..
![[vs code] 비주얼 스튜디오 코드 wrap! 래핑! 감싸기를 해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FuqPMW%2FbtqNnw5ztX1%2FAAAAAAAAAAAAAAAAAAAAAH45RyyohHMx5t6GqSPRem5MK8tKlK8zlHcFRoYQhU-u%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DO3GBGVKleLAM5guNYF0fAr7bcWA%253D)
[vs code] 비주얼 스튜디오 코드 화면 분할을 해보자
비주얼 스튜디오 코드에서 화면 분할을 해볼게요. 1. 분할하기 가장 간편한 방법입니다. 현재 코드를 작성하는 파일의 탭에서 오른쪽 클릭을 한 뒤 분할하고 싶은 영역을 클릭해줍니다. 위 아래 왼쪽 오른쪽이 있는데 오른쪽을 선택해보겠습니다. 오른쪽에 분할을 눌렀던 창이 하나 더 생기는 것을 볼 수 있습니다. 어느 위치에 분할하는지 정해진 것은 없습니다. 그냥 자신이 편한 분할 화면을 사용하시면 됩니다. 파일 이름 옆에 X 버튼을 누르면 분할된 화면을 닫을 수 있습니다. 2. 단축키 사용 단축키가 있다면 단축키를 사용하는 것이 인지상정! 화면 분할의 단축키는 Ctrl + \(역슬래시)입니다. 좌우로 분할하는 단축키입니다. 수직 분할은 아래 표를 참고 바랍니다. 이름 단축키 화면 분할 Ctrl + \ 화면 수직..
![[vs code] 비주얼 스튜디오 코드 화면 분할을 해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2F5CPG3%2FbtqNjU01hMN%2FAAAAAAAAAAAAAAAAAAAAALYDkY94l3a9E8ppooXuRvi89QuUwOI6sS0I5jpGc6Y-%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DKrvr%252BaFH%252BLa%252FDWLcgYZV5hpu8Ck%253D)
[vs code] 비주얼 스튜디오 코드 단축키를 검색해보자
안녕하세요. 개자이너 씸플레이입니다. 비주얼 스튜디오 코드에서 단축키를 검색해보겠습니다. 1. 바로 가기 키 vs code를 열어서 파일 > 기본 설정 > 바로 가기 키를 선택해줍니다. 단축키는 Ctrl + K Ctrl + S 입니다. 이 단축키가 조금 생소하실 텐데 어떻게 사용하는지 바로 보여드리겠습니다. 먼저 Ctrl + K 를 누르고 기다립니다. 아래에 메세지가 뜨는데 둘째 키를 잠시 기다렸다가 누르라고 알려줍니다. 키보드에서 잠시 손을 떼었다가 둘째 키인 Ctrl + S 를 마저 눌러줍니다. 두 개의 단축키를 이용해 바로가기 키를 실행시킨 모습입니다. 아래 메세지를 잘 보고 해 주시면 간편하게 열 수 있습니다. 이렇게 바로가기 키를 열어 비주얼 스튜디오 코드의 단축키를 확인해 볼 수 있습니다. 2..
![[vs code] 비주얼 스튜디오 코드 단축키를 검색해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbFOQUF%2FbtqMPi2b4dt%2FAAAAAAAAAAAAAAAAAAAAAPN78lQy_tkza6FZKDU3Wgc8uBFduhsij0cJiOKfRqBZ%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DhI5yGyIMvodTJOF8yHwI%252BYw5q5k%253D)
[PC] EEUU 쇼핑몰
쇼핑몰 EEUU의 작업이 완료되어 사이트를 소개해드립니다. 1. PC 쇼핑몰 eeuu는 고급 코트를 판매하는 인터넷 쇼핑몰입니다. 좋은 기회를 얻어 퍼블리셔로 프로젝트에 참여했고, 사이트 제작이 완료되어 이렇게 소개해드립니다. 고급스러운 이미지를 나타내기 위해 색은 최대한 배제하고 퀄리티가 높은 사진들을 많이 사용했습니다. 또한 세련된 느낌을 내기 위해 메인 이미지가 슬라이드로 바뀌는 것이 아니라 서서히 전환되는 형태로 제작하였습니다. pc와 모바일 함께 작업했으며, 모바일 페이지 소개 포스팅도 조만간 준비해보겠습니다. 2. 샵 샵 이미지는 썸네일 크기를 키워 이미지가 돋보이도록 만들었습니다. 사진이 좋아서 홈페이지가 더욱 고급스러워 보입니다. http://www.eeuu.co.kr/ EEUU 본 결제 ..
![[PC] EEUU 쇼핑몰](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FDwP6d%2Fbtrgg3tCiuK%2FAAAAAAAAAAAAAAAAAAAAABFNNKkHZjeQfiD2ciBY5GiY09l3PXlXsEvtduoIzw8I%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DAVN%252B0FDghK0KuM2m4%252BspwlhDKF8%253D)
[Python] 파이썬 여러줄 주석을 만들어보자
안녕하세요. 개자이너 씸플레이입니다. 파이썬에서 여러 줄 주석을 만들어보겠습니다. [한 줄 주석] [coding/etc] - [Python] 파이썬 주석 처리 하기 1. 여러줄 주석 바로 여러줄 주석 화면을 살펴보겠습니다. 여러줄 주석을 처리하는 방법은 2가지가 있습니다. 1번째 방법은 작은따옴표입니다. '''(작은따옴표 3개)만 있다면 여러 줄 주석처리를 할 수 있습니다. ''' 여기는 주석 처리 ''' 이렇게 따옴표 안쪽의 글은 주석처리가 됩니다. 2번째 방법은 큰따옴표입니다. """(큰따옴표 3개)를 이용해서 동일한 방법으로 주석처리를 할 수 있습니다. """ 여기도 주석 처리 """ 작은따옴표랑 마찬가지로 따옴표 안쪽은 주석 처리가 됩니다. 2. 실행 주석 처리가 잘 되었는지 Run을 통해 확인해..
![[Python] 파이썬 여러줄 주석을 만들어보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FLlU7O%2FbtqMMh85mtG%2FAAAAAAAAAAAAAAAAAAAAAGQwB9npQ0VlDON2MEOGiyZNKd-rgIEXPSO-C52BZEnp%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DitT%252BxQUUh9GX5Eq98AP64UCe5PQ%253D)