coding/editor 50
[Python] 파이참 콘솔 위치 바꾸기
파이참에서 콘솔의 위치를 자유롭게 변경해봅쉬다! 1. 파이참 ① 콘솔창 확인 파이참에서 콘솔을 열면 기본적으로 아래에 표시됩니다. 이 콘솔창의 위치를 바꿔보겠습니다. 2. 설정 ① 설정 콘솔창의 오른쪽 끝을 보시면 톱니바퀴 모양이 있습니다. 이 톱니바퀴 아이콘을 클릭합니다. ② 방향 선택 Move to 라는 메뉴에 들어가시면 방향을 선택할 수 있습니다. 친절하게도 그림과 같이 나와있어 한눈에 알기가 편합니다. 예를 들어 오른쪽 위에 콘솔을 두고 싶다면 Right Top을 선택해주시면 됩니다. 3. 콘솔 위치 바꾸기 ① 위치 확인 콘솔창의 위치가 오른쪽으로 바뀐것을 확인할 수 있습니다. 원하는 위치에 콘솔을 두고 편하게 작업해봅시다! [같이 보면 좋은 글] [Python] 파이참 설치 해보자 안녕하세요. ..
[vs code] 비주얼 스튜디오코드 한 번에 수정하기
비주얼 스튜디오코드에서 사방에 퍼져있는 단어를 한 번에 수정해보겠습니다. 1. 수정 사항 확인 ① 수정할 부분 확인 코드의 자세한 내용은 중요하지 않습니다. 중요한 것은 체크한 부분! 1월이라는 글자가 4번이나 나오는데 여기를 10월로 바꾸고 싶습니다. 0을 네 번 쓰는 건 좀 귀찮죠. 한 번에 할 수 없을까 고민해봅니다. 2. Alt ① alt + 클릭 커서를 보시면 4군데에 모두 커서가 들어간 것을 알 수 있습니다. alt키를 누른 채로 클릭을 하면 여러 군데를 한꺼번에 선택이 가능합니다. ② 수정하기 이제 원하던 대로 0을 넣어서 10월로 만들어집니다. 커서가 4군데 모두 있기 때문에 한 번만 입력하면 모두 들어갑니다. [같이 보면 좋은 글] [coding/editor] - [vs code] 비주얼..
[codepen] jQuery를 불러와보자
안녕하세요. 개자이너 씸플레이입니다. 오늘은 코드펜에서 제이쿼리를 불러오는 방법을 알아보겠습니다. 이미지처럼 CDN을 불러와보겠습니다. 1. 코드펜 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io ① 코드펜에 접속 위의 링크를 이용해 코드펜에 접속해주세요. ② Pen 메뉴 선택 화면 왼쪽에 메뉴 중 Pen 메뉴를 선택해 새 파일을 만들어줍니다. 2. 세팅 ① 세팅 클릭 화면 위쪽에 있는 S..
[vs code] 비주얼 스튜디오 코드 html 자동완성 해보자
html 기본 구조를 자동완성으로 불러와보겠습니다. 1. 새 index.html 파일 여기 아무것도 안 쓴 index.html 파일이 있습니다. 이제 본격적으로 코딩을 시작해 볼까 하는데 초보자라면 아직은 어색한 기본 구조가 갑자기 잘 떠오르지 않을 것이고, 경험자라면 사실 매번 같은 코드를 적는 것도 귀찮습니다. 이럴 때 에디터 프로그램의 유용함이 빛을 발휘합니다. html 자동완성을 이용해 봅시다. 2. ! + Tab !(느낌표)를 누르면 아래로 뭔가 잔뜩 뜨는데 신경 쓰지 마시고 Tab키를 눌러줍니다. html5 기본 구조가 자동완성으로 입력되는 것을 볼 수 있습니다. 얼마나 편한지 감동이 다 몰려옵니다. 반응형 작업에 필요한 뷰포트(viewport)도 잊지 않고 챙겨줘서 좋습니다. 3. 수정할 부..
[vs code] 비주얼 스튜디오 코드 wrap! 래핑! 감싸기를 해보자
안녕하세요. 개자이너 씸플레이입니다. 랩은 음식을 먹고 위에 씌우는 그 랩과 같은 단어입니다. 래핑 역시 같은 의미로 음식을 랩으로 포장해준다는 뜻이죠. 코딩에서의 래핑도 같은 의미입니다. 그러니 래핑이라고 하면 어떤 코드를 포장해준다고 생각하시면 됩니다. vs code에서 단축키를 이용해 래핑을 해보겠습니다. 1. 모든 명령어 보기 래핑 할 코드를 블럭지정 해줍니다. 그냥 주르륵 드래그로 잡아주시면 됩니다. Ctrl + Shift + P 단축키를 누르면 모든 명령어 보기라는 창이 뜹니다. 여기서 검색해주시면 됩니다. 최근에 사용한 적이 있어서 이미 뜨기는 하는데 같이 검색해보겠습니다. 2. wrap wrap이라고 검색하면 Emmet: 약어로 래핑이라는 명령어가 나올 겁니다. 최근에 사용한 항목이라 맨 ..