coding 263
[Github] 깃허브 클론 하는 법 - 연동하기
깃허브 클론 하는 법을 알아보겠습니다. 쉽게 말해 내 컴퓨터와 깃허브를 연동해보겠습니다. 1. 소스트리 소스트리를 이용한 깃허브 클론 하는 법 https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com ① 소스트리 다운로드 소스트리를 이용해 깃허브 클론을 진행할 것이기 때문에 위의 주소에 접속해 소스트리를 다운로드하여주세요. ② 깃허브 주소 복사 깃허브에서 자신의 저장소로 들..
![[Github] 깃허브 클론 하는 법 - 연동하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bDvM0o/btrH1CK0S80/qsVKtKIKLru6rzNRikVbQk/img.png)
css flex 가로 정렬
분명히 flex에 row를 적용했는데 가로로 정렬되지 않고 세로로만 정렬된다면 이 포스팅을 자세히 봐주세요. 1. 문제점 발견 ① 가로로 정렬되지 않은 문제점 flex-direction: row;를 적용하면 요소가 가로로 나란히 정렬되어야 하는데 위의 이미지처럼 여전히 세로로 정렬되어있는 문제를 발견했습니다. *보시기 편하시라고 색과 위치를 조정했습니다. 실제 적용 색과 다를 수 있습니다. header{ display: flex; flex-direction: row; justify-content: center; align-items: center; } ② css 코드 살펴보기 적용했던 css 코드입니다. flex 관련 코드들이 잘 들어간 모습입니다. 값도 row로 잘 들어가 있고 어디가 문제인지 잘 모르..
vscode 유용한 단축키 빠른 행 이동
vscode 유용한 단축키 중 하나 빠른 행 이동을 단축키를 사용해서 해보겠습니다. 1. 빠른 행 이동 빠른 행 이동이란? vs code 유용한 단축키 중 하나인 행 이동 단축키 그렇다면 빠른 행 이동이란 무엇을 말하는 것일까요? 위의 이미지를 보면 대략적으로 짐작이 가능하시겠지만 원하는 행의 번호를 입력해 바로 이동하는 기능입니다. 예시로 사용한 파일은 길지 않아서 122줄 정도이지만 코드를 짜다보면 200줄은 훌쩍 넘어버리고 그러잖아요. 그럴 때는 이런 행 이동 단축키가 유용합니다. - - 이 단축키는 행 자체를 이동시키는 것이 아니고 행이 있는 곳으로 화면을 이동하는 단축키입니다. 혹시 행 자체를 이동하는 단축키가 알고 싶으시다면 아래 버튼을 클릭해주세요. 행 이동 단축키 2. vs code 유용한..
비주얼 스튜디오 코드 행 잘라내기 단축키
비주얼 스튜디오 코드 단축키 소개 시간 행 잘라내는 단축키를 알아봅시다. 1. 비주얼 스튜디오 코드 잘라내기 코드 잘라내기 ① 잘라내기 여러분은 코드를 잘라낼 때 어떻게 하시나요? 드래그를 한 상태로 잘라내기 단축키인 Ctrl + X를 누르시겠죠? 이렇게하면 드래그한 부분, 즉, 블록지정한 부분이 잘라져 나옵니다. 그런데 블록지정하지 않고도 코드를 잘라낼 수 있다는 사실 알고 계신가요? 2. 비주얼 스튜디오 코드 행 잘라내기 단축키 행 잘라내기 ① 커서 두기 먼저 잘라내고 싶은 행의 코드 아무 곳에나 커서를 둡니다. ② Ctrl + X 커서를 둔 상태로 블록 처리하지 않고 단축키 Ctrl + X를 눌러줍니다. ③ 결과 확인 블록처리하지 않고도 행 전체를 잘라낼 수 있습니다. 한 행에 코드가 짧으면 상관이..
프론트엔드 개발자를 위한 vs code 단축키 - 아래 빈 줄 생성
프론트엔드 개발자를 위한 vs code 단축키 중 하나입니다. 코드 바로 아래 빈 줄 생성할 때 커서를 맨 끝으로 이동하시나요? 이 포스팅을 끝까지 봐주신다면 아래 빈 줄 생성 시 단축키로 간편하게 만들 수 있을 것입니다. 프론트엔드 개발자를 위한 공부 함께해요! 1. 아래 빈 줄 생성 단축키 커서 아래 빈 줄 생성 ① 커서를 아무 데나 둔다. 커서를 오른쪽 끝으로 두고 엔터를 눌러야 아래쪽에 빈 줄이 생겼었는데, 저희는 이런 수고로움을 줄이고자 단축키를 사용할 것입니다. 그러니 커서를 빈 줄을 생성하고 싶은 바로 윗 줄 아무 곳에나 둡니다. ② Ctrl + Enter 아래 빈 줄 생성 단축키는 Ctrl + Enter입니다. ③ 아래 빈 줄 생성 확인 단축키를 이용해 아래 빈 줄이 생성되었는지 확인합니다..
