코딩 121
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. VS code 행 복사 행 복사 단축키 행을 복사할 때 전체 드래그해서 Ctrl + C > Ctrl + V 조금 불편하지 않나요? 커서를 두고 Alt + Shift + 위/아래 방향키를 누르면 방향키를 누른 방향으로 행 전체가 복사됩니다. - - 행 복사 단축키 이런 식으로 방향키를 여러 번 눌러 간편하게 복사할 수 있습니다. VS code 행 복사 이제 간단하게 할 수 있겠죠? 이상으로 VS code 행 복사 단축키를 알아봤습니다. 도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다. [같이 보면 좋은 포스팅] [coding/editor] - VS code 행 이동 단축키 VS code 행 이동 단축키 vs code 행 이동 단축키를 알아봅시다. 1. VS c..
VS code 행 이동 단축키
vs code 행 이동 단축키를 알아봅시다. 1. VS code 행 이동 VS code 행 이동 단축키 vs code행 이동 단축키를 사용하기 전에 이동시킬 행에 커서를 두고 시작합니다. Alt키를 누른 채로 위 방향키를 눌러줍니다. - VS code 행 이동 적용 57번 줄에서 56번으로 이동했습니다. 이처럼 위쪽으로 간단하게 단축키를 이용해 이동할 수 있습니다. - 2. VS code 행 이동 아래 vs code 행 이동 아래 아래로 행을 이동하는 것도 어렵지 않습니다. 동일하게 커서를 이동하고자 하는 행에 둔 뒤 이번엔 Alt + 아래 방향키를 눌러주세요. - VS code 행 이동 아래 적용 57번 행에서 58번 행으로 이동된 모습입니다. 이번엔 아래쪽으로 행이 내려왔죠. 이렇게 간단하게 행을 이..