코드스테이츠31 [Git] Git & Version Control System 버전 관리 시스템 (Version Control System) 이전에 작성한 내용을 보존해 주는 시스템으로 편집 전 상태로 되돌리고 싶을 때 유용하며 Git이 대표적 파일의 변경 이력을 저장할 수 있고 어떤 변경 사항이 발생했는지 알 수 있음 변경 사항 저장 시 어떤 사항이 변경되었는지 코멘트를 작성을 해야 누가 어떤 파일을 추가, 수정, 삭제했는지 확인 가능 Git이란 1. Git Git : 소스 코드 기록을 관리하고 추적할 수 있는 분산형 버전 관리 시스템으로 변경 사항을 하이라이트로 확인 가능 스냅샷 : 특정 시점에 생성된 백업 복사본 commit : 변경사항에 대한 스냅샷을 만들어 주는 작업을 수행, 이를 통해 이전 기록들에 대한 추적이 가능 Git repository : Git으로 관리되는 폴더.. Linux/Git 2021. 12. 26. [Linux] CLI 기본 명령어 & node.js 콘솔 단축키 Shift + PageUp : 상위 페이지 이동 Shift + PageDown : 아래 페이지 이동 터미널 실행 관련 단축키 Ctrl + Alt + T : 터미널 실행 Ctrl + Shift + T : 터미널내에서 새로운 탭으로 터미널 실행 Ctrl + Shift + N : 터미널내에서 새로운 창으로 터미널 실행 Ctrl + Shift + W : 탭으로 실행된 터미널 종료 Ctrl + Shift + Q : 현재 터미널 종료 Ctrl + Shift + F : 터미널내에서 문자열 검색 터미널내에서의 단축키 Shift + Ctrl + C : 복사하기 Shift + Ctrl + V : 붙여넣기 Ctrl + L : 화면 Clear Alt + F1 ~ F12 : 콘솔 이동 Alt + (Left / Ri.. Linux/Ubuntu 2021. 12. 26. [CSS] Cascading Style Sheets CSS 정의 콘텐츠의 배치와 위치 (레이아웃 및 디자인) 및 최소한의 타이포그래피를 통해 User Experience(UX)를 제공 CSS를 작성해 간단한 User Experience(UI)를 만드는 일은 개발자의 기본 소양 CSS는 스타일링 도구로 독립적으로 기능하지 않고 반드시 HTML이 있어야만 동작 CSS 파일 추가 CSS를 별도의 파일로 분리하지 않고, HTML 태그에 직접 CSS 속성을 추가 시 하나에 집중하기 위해 파일이나 구간을 구분하는 관심사 분리 측면에서 권장하지 않음 관심사 분리 : HTML 파일에서는 웹 페이지의 구조만 신경쓰고, CSS 파일에서는 디자인만 신경쓸 수 있도록 구현 CSS 파일을 HTML 파일에 적용 : Link 태그 안에서 href 속성을 통해 파일을 연결 //CSS.. CodeStates/React 2021. 12. 20. [HTML] HyperText Markup Language HTML 구성 HTML 기본 구조와 문법 1. HTML 정의 웹 페이지의 틀을 만드는 마크업 언어(태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어) tag들의 집합 tag : 부등호()로 묶인 html의 기본 구성 요소 열고 닫기 html 확장자 사용 속성(attribute) : attribute name(속성 이름)과 attribute value(속성 값) 으로 구성 div*2>li*1>ol*2 //tap을 누르면 아래처럼 자동완성 id id(#name) : 한가지만 지정, 하나의 문서에 고유한 id 하나만 사용 가능 This is the navigation section. //CSS에 적용시 #id { color: black; } class class(.name) : 그룹으로 묶어서 스타일 .. CodeStates/React 2021. 12. 20. [JavaScript] 반복문 반복문의 구조 1. for문 초기화, 조건식, 증감문을 ';'으로 구분 초기화, 조건식, 증감문은 선택사항이지만 조건문 생략시 break 필요 상황에 따라 초기화, 조건식, 증감문 생략 가능 *생략해도 세미콜론 ; 표시 필수, 생략된 for문은 while문과 형태가 같음 초기화 : let 또는 var를 이용해 선언 var : 반복문에 제한되지 않음 let : 반복문의 지역변수가 됨 같은 타입일 경우 ';'를 이용해 하나 이상의 변수의 초기화 및 증감이 가능 for(초기화; 조건식; 증감문) { // 반복할 내용 } 2. while문 초기화, 증감문은 따로 작성 조건식만 괄호 안에 작성 초기화와 증감문이 필요없을 때 사용 기본적인 동작구조는 for문과 동일 초기화 while(조건식){ //반복할 내용 증감.. CodeStates/JavaScript 2021. 12. 19. [JavaScript] 문자열 문자열 문자열 : string 문자 하나 : character → char 1. str[index] index로 접근 가능 index : 0부터 시작 문자를 바꿀 수 없음 var str = 'UKKIKKI'; console.log(str[0]); //U str[0] = 'G'; //U가 G로 바뀌지 않음(에러 발생X) 2. + 연산자 string 타입과 다른 타입 사이에 + 연산자를 쓰면 string (문자열) 형식으로 변환 더하기( + ) : 문자열과 숫자 모두에 대해 정의되어 있으므로 '문자열 숫자' + 숫자는 연산이 아닌 문자열의 형태로 이어붙음 빼기( - ), 나누기( / ), 곱하기( * ) : 문자열이 아닌 숫자에 대해서만 정의되어 있으므로 '문자열 숫자'가 숫자의 형태로 전환되어 연산한 결과.. CodeStates/JavaScript 2021. 12. 19. [JavaScript] 조건문 조건문이란 어떠한 조건을 판별하는 기준을 만드는 것 (경우의 수를 따지는 조건문) 반드시 비교 연산자 필요 if → else if → else 순서로 작동 (하나의 약속) 1. 형태 비교 결과는 늘 Boolean으로 참(true)과 거짓(false)로 나뉜다. if ( 조건문 1 ) { return //조건문 1이 true 일때 실행 } else if ( 조건문 2 ) { //조건문 1이 false일때 실행 } return //조건문 2가 true 일때 실행 else ( 조건문 3 ) return //조건문 1과 2가 false 일때 실행 2. 비교 연산자 (Comparison Operator) : 미만 >= : 이상 2 ) → false !undefined → true !'Hello' .. CodeStates/JavaScript 2021. 12. 19. 이전 1 2 3 다음 반응형