Til
VS Code와 Git 연동하기 / Commit & Push
프로그램 설치 Github | 레파지토리(Repository) 만들기 VS Code | Github의 레파지토리 연동하기 VS Code | 변경한 파일 터미널을 사용하여 commit & push 하기 프로그램 설치 Git https://git-scm.com/downloads Visual Studio Code https://code.visualstudio.com/ Github | 레파지토리(Repository) 만들기 Repository name을 지정하고 Public으로 공개 설정을 하며 Add a README file를 체크한 후 레파지토리를 생성한다. VS Code | Github의 레파지토리 연동하기 Github으로 로그인을 한다. 명령팔레트를 실행하여 Git:Clone 실행을 한 후 복사한 레파지..
GIT | Git 용어 및 Terminal에서의 명령어들
0. 프로그램 설치 1. Repository (저장소) 2. Initializing a repository 4. Branch 0. 프로그램 설치 Git https://git-scm.com/downloads Visual Studio Code https://code.visualstudio.com/ 🥨 Git이 설치 되었는지 확인 (Terminal) Git이 정상적으로 설치되었다면 설치되어있는 Git 버전이 뜸 git --version 🥨 이름 & 이메일 설정 (Terminal) Git에 본인 정보 등록 git config --global user.name "본인 이름" git config --global user.email "본인 이메일" 1. Repository (저장소) git으로 관리하는 프로젝트 저장..
CSS | display 속성 (inline, block, inline-block) 과 float
display inline block inline-block float display CSS에서 display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정한다. inline display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치된다. inline 엘리먼트를 사용할 때 주의할 점은, 콘텐츠 크기 만큼만 공간을 차지하도록 되어있기 때문에 width와 height 속성을 지정해도 무시된다는 것이다. 또한, margin과 padding 속성은 좌우 간격만 반영이 되고, 상하 간격은 반영이 되지 않는다. inline 요소의 종류의 태그 a, abbr, acronym, b, bdo, big, br, but..
CSS | 자주 쓰는 Tag들의 CSS 속성
width/ height text font border / background-color / background-image transition filter width/ height %로 width,height 값을 표현할때는 바로 상위 태그에 있는 width, height값의 %로 설정이 된다. text .p{ font-size: 30px; coloe: red; text-align : center; text-decoration: underline; text-transform: uppercase; //영문자를 모두 대문자로 변환, lowercase는 소문자로 변환해줌 line-height: 3; //줄간격 letter-spacing: -1px; //문자사이의 간격 -webkit-text-stroke: 1p..
JavaScript | 자바스크립트 동작 원리
자바스크립트 엔진 실행 컨텍스트 (Execution Context) 자바스크립트 엔진 자바스크립트는 코드 작성순이 아닌 처리가 빨리 되는것 부터 실행을 한다. 보통 single threaded 형식이며 동기적으로 처리된다. 자바스크립트 엔진은 두 가지 주요 구성 요소로 이루어져 있다. - 메모리 힙 (Memory Heap) : 객체는 힙, 대부분 구조화되지 않은 메모리 영역에 할당된다. - 콜 스택 (Call Stack) : 코드가 실행될 때 콜스택이 쌓인다. 실행 컨텍스트 (Execution Context) 실행할 코드에 제공할 환경 정보들을 모아놓은 객체라 하며 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 전역, eval(), 함수 등을 실행하는 것이다. 우리가 흔히 실행컨텍스트를 구성하는 방법은..