VSCODE(visual studio code) 단축키 정리

그냥 생각날때 마다 정리 한줄 복사 shift + alt + ↑ shift + alt + ↓ 한줄 삭제 ctrl + x 실행취소(undo) ctrl + z 실행취소를 다시실행(redo) ctrl + shift + z ctrl + y 다중 선택 alt + 마우스 클릭 ctrl + d shift + alt +마우스 드래그 줄 이동 alt +↑ alt +↓ 단어 찾기 및 찾은 단어 바꾸기 ctrl + f (옆 화살표를 누르면 바꿀 수 있다) ctrl + shift + L (단어 선택 후) html 템플릿 자동완성(Emmit) !+ tab or enter 주석 처리 ctrl + /

→2021.09.21

html-css

[css] block 과 inline

display 속성으로 서로 바꿀 수 있다. block: 블록 요소는 높이(height)와 너비(width)가 있다. 하나의 요소 옆에 다른 요소가 올 수 없다. block이 아닌 종류를 기억하는 것이 편하다. 브라우저는 기본적으로 block에 3개의 요소를 준다. margin : box의 경계(border)의 바깥에 있는 공간, padding: box의 경계의 안쪽에 있는 공간, border inline (in the same line)인라인 요소는 높이(height)와 너비(width)를 가질 수 없다 등등 하나의 요소 옆에 다른 요소가 올 수 있다 높이를 가질 수 없기 때문에 좌, 우만 margin을 가질 수 있고 위, 아래에는 margin을 가질 수 없다. padding은 모든 방향..

→2021.09.12

TIL

[모각코] 회고록

0. 사실 코딩을 제대로 시작한지는 반년이 지난것 같은데 지금 저는 코딩의 많은 분야 중에 어떤 분야가 저에게 잘 맞을지 탐색하는 중입니다. 이번에는 웹개발을 한번 해보려고 시도 했습니다. 저번 방학에는 게임개발 쪽으로 접해봤는데 주로 c언어와 파이썬으로 코딩을 처음 접한 저에게 웹개발은 약간 생소했습니다. 장고를 공부하기로 했는데 css html 을 거의 모르는 상태로 하다 보니까 갑자기 막히는 구간이 많아서 공부시간이 오래걸린것 같아요. 1. 모각코 모음 처음에는 장고 공식 사이트의 튜토리얼을 먼저 시작했습니다. 처음 장고를 접하다 보니 장고 튜토리얼을 배우는 시간이 꽤 오래 걸렸던 것 같아요. 그다음 저는 장고로 인스타그램과 비슷하게 만드는 것을 목표로 정했습니다. 생각보다 장고로 인스타그램을 클론..

→2021.08.27

TIL

[모각코]15일차

javascript localstorage .removeItem .getItem .setItem 오직 text만 저장할 수 있다. setInterval(실행할 함수, 시간) : 시간마다 반복 setTimeout(실행할 함수, 시간) : 시간 뒤에 한번만 실행 브라우저를 실행한 뒤 바로 나오지 않으므로 함수를 한번 실행시켜준다 new Date object getHours() getMinutes() getSeconds() padStart(문자열 길이,문자열 길이가 채워지지 않았을때 채우는 문자) Math.random() : 0부터 1까지 랜덤한 숫자 제공 Math.round(수) : 반올림 Math.ceil(수) : 올림 Math.floor(수) : 내림 document.body.appendChild() :..

→2021.08.27

TIL

[모각코]14일차

javascript addEventListener submit event 가 발생하면 함수의 첫번째 argument에 발생된 submitEvent의 정보를 준다 click event 가 발생하면 함수의 첫번째 argument에 발생된 mouseEvent의 정보를 준다. (클릭한 위치 등등) 함수를 직접실행하는것이 아니라 브라우저가 실행하는 것이다. form을 submit하면 페이지를 새로고침하도록 되어있다. alert는 모든 동작들을 막는다. 잘 사용하지 않는다. event.preventDefault : 이벤트를 취소하는 함수 form 을 없애기 html 없애기 css로 없애기 string만 포함된 변수는 대문자로 표기하는 관습 ` ${....변수명}`문자열을 만든다

→2021.08.23

TIL

[모각코]13일차

생활코딩 html css 자바스크립트를 다 보고 좀더 javascript를 공부해 보기로 했다. javascript undefined : variable이 있지만 값은 없다 null: 자연적으로 생기는것 아니고 비어있음을 의미 querySelector(): 첫번째 원소만 가져온다. css selector 사용가능 #id .class querySelectorAll(): 모두 가져올 수 있다. addEventListner("...",호출할 함수) on... window addEventListner('resize',...) addEventListner('offline',..) addEventListner('online',..) classList : class들의 목록으로 작업할 수 있게 허용 .contains..

→2021.08.20

전체 글