Cute Spinning Flower Blue
Git | commit message와 convention
·
Git & Github
좋은 commit message는 작업 내용에 대한 직관성과 가독성을 높이고,원활한 코드 유지보수가 가능해 진다. 좋은 commit message를 위한 7가지 규칙 제목과 본문은 공백으로 구분제목은 영문 기준 50자 이내로 제한제목의 첫 글자는 대문자로 작성제목 줄은 마침표로 끝내지 않음제목은 명령 형태로 작성본문은 영문 기준 72자마다 줄 바꾸기 진행본문에는 어떻게(how)보다 무엇을(what)과 왜(why)에 초점 커밋 메시지 구조[범위(scope, 선택 사항)]:  제목, 본문, 그리고 꼬리말 구조는 Chris Beams가 제안한 것과 유사,여기에 추가로 제목 앞에 타입(type)을 명시타입에는 해당 커밋의 작업 의도를 파악하기 위해 작업의 범주를 명시하며 타입의 종류는 다음과 같음feat : 새..
Git | 명령어 모음.zip
·
Git & Github
[기본 명령어] 설정 (Set up)git init : 저장소(repository) 생성git clone [원격저장소 url] : 해당 원격저장소의 내용을 복제하여 로컬저장소에 생성git config user.name "[Github 닉네임]" :  작성자 이름 설정git config user.email "[Github 이메일 계정]" : 작성자 이메일 설정git config --list : 저장소에 설정된 기본 설정 전체 출력git config --get [설정 항목] : 일부 설정된 항목만 출력(git config --get user.name 등)git help [커맨드 이름] : 도움말 Stage와 commitgit add [파일 이름] : 수정된 파일을 staging area 올리기git add ..
CSS | CSS를 적용하는 방법 및 우선순위
·
FE/HTML & CSS
HTML에 스타일을 적용하는 세가지 방법1. 인라인 스타일 (Inline CSS)HTML 요소에 직접 스타일을 지정하는 방법, 각 요소의 style속성에 CSS 코드 작성장점 : 특정 요소에 빠르게 스타일을 적용할 수 있음단점 : 코드가 복잡해지고, 유지보수가 어려움안녕하세요 권여진입니다 2. 내부 스타일 시트 (Internal CSS)HTML 문서의 안녕하세요 권여진입니다 3. 외부 스타일 시트 (External CSS)CSS 파일을 별도로 작성한 후 HTML 문서에서 링크로 불러오는 방법, 웹사이트의 여러 페이지에서 같은 스타일을 적용할 수 있어 유지보수 용이장점 : 여러 페이지에 동일한 스타일을 쉽게 적용할 수 있고, 코드가 깔끔해짐단점 : 파일을 별도로 로드하므로 페이지 로딩 속도에 영향을 미..
JS | var, let, const 차이
·
FE/JavaScript
차이점var는 함수 범위를 가지며, 호이스팅의 특성 때문에 혼란을 줄 수 있다중복선언과 재할당 모두 가능하다 let과 const는 블록 범위의 특징을 갖는다특정 블록(if, for) 내에서 선언된 변수가 해당 블록 밖에서 접근 불가능하다는 것을 의미let은 중복선언은 불가능하다 재할당은 가능하다 const는 let과 var와 달리 한번 값을 할당하면 그 값을 변경할 수 없다 let과 const를 사용함으로써, 변수의 재할당과 재선언에 관련된 일반적인 문제점들을 피할 수 있는데 이로 인해 코드의 버그 발생 확률이 줄어들고, 코드의 안정성이 향상된다 현재 개발에서는 var의 한계와 문제점들을 피하기 위해 let과 const를 주로 사용하며,변수의 재할당이 필요하지 않은 경우 const,필요한 경우에는 let..
JS | 원시 자료형(Primitive Type)과 참조 자료형(Reference Type)
·
FE/JavaScript
원시 자료형자바스크립트에서 가장 기본적인 데이터 타입, 값 자체를 저장하고 비교원시 자료형은 값에 의한 전달 방식으로 동작하며, 메모리에서 값이 직접 할당된다종류- Number(숫자) : 정수 및 부동소수점 숫자let num = 42;​- String(문자열) : 텍스트 데이터를 나타냄let str = "Hello";​- Boolean : 논리적 참/거짓 값let isTrue = true;​- undefined : 값이 할당되지 않은 변수let x; // undefined​- null : 존재하지 않는 값 (비어 있음을 명시적으로 나타냄)let empty = null;​- Symbol : 고유하고 변경 불가능한 값let sym = Symbol()​특징- 원시 자료형은 불변(immutable)하다   즉,..
JavaScript란?
·
FE/JavaScript
JavaScriptJavaScript는 가벼운 인터프리터 혹은 JIT(just-in-time) 컴파일 프로그래밍 언어로 일급 함수 지원웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat과 같은 많은 비 브라우저 환경에서도 사용하고 있음Js는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 언어로 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원 JavaScript의 동적 기능- 런타임 객체 구성- 변수 매개변수 목록- 함수 변수- 동적 스크립트 생성 (eval을 통한)- 객체 검사 (for..in 및 Object 유틸리티를 통한)- 소스 코드 복구 (Js함수는 소스 텍스트를 저장하고 toString()을 통해 다..