Coding

[Git] Commit Message Style Guide

개인적으로 생각하는 커밋 메시지 컨벤션이 필요한 이유 로그 가독성 ( 과거 코드를 찾기 쉬움 & 어떤 이슈가 있었는지 알 수 있음 ) 협업 ( 위와 마찬가지로 팀원들간 동시 작업 시 가독성을 올리기 위함 ) 커밋 메시지 7가지 약속 제목과 본문을 한 줄 띄워 분리하기 제목은 영문 기준 50자 이내로 제목 첫글자를 대문자로 제목 끝에 .(마침표) 금지 제목은 명령조로 본문은 영문 기준 72자마다 줄 바꾸기 본문은 어떻게보다 무엇을, 왜에 맞춰 작성하기 ? 제목과 본문을 한 줄 띄워 분리하는 이유 git log --oneline 명령어를 사용하면 제목만 보여준다. 분리하지 않으면 지저분하게 뒷 내용까지 보여질 것이다. ? 제목은 명령조로 하는 이유 Git 스스로가 자동 커밋을 작성할 떄 명령문을 사용하고 있..

[Shell] 쉘, 프로그래밍.

깃허브 1일 1커밋 잔디심기를 습관화하는 중이다. 하지만, 불가피한 일로 커밋하지 못하는 날도 있기 때문에 이런 상황을 대처할 수 있도록 깃허브 커밋 자동화를 찾게 되었다. 쉘 스크립트로 만들 수 있다고 하고, 만들기 전 쉘에 대한 이해부터 짚고 넘어가려한다. 그럼 알아보자 🐚 Shell 은 무엇인가 운영 체제 상에서 다양한 운영 체제 기능과 서비스를 구현하는 인터페이스를 제공하는 프로그램이다. 쉘은 껍데기를 의미하며, 사용자의 응용프로그램과 운영 체제 커널 사이의 인터페이스를 감싸는 층이기 때문에 이러한 이름을 가졌다고 한다. 작동원리 : 쉘 프로그램을 통해 명령어를 입력하면 쉘이 해석하여 커널에게 보낸다. 이에 커널은 해당하는 동작을 하고, 그에 대한 결과를 다시 사용자에게 보여주고자 쉘에 응답을 보..

[HTML5] 웹을 의미있게 만드는 Semantic tag (시멘틱 태그)

Semantic tag 란 무엇일까 Semantic = 의미론적 시멘틱 태그는 직역한 그대로 "의미론적인 태그" 를 의미한다. 태그는 태그인데, 아무 뜻, 의미가 없는 태그가 아닌 좀 더 뜻이 담긴, 의미가 있는 태그를 말하는 것이다. 태그로 영역을 나누는 것보단, header, article, footer 와 같은 태그를 사용해 좀 더 기계가 이해하기에, 개발자가 이해하기에 직관적인 태그를 사용하는 것이 보기 좋은 코드를 작성하는 것에 도움이 된다. Semantic tag 의 장점 3가지 1. SEO (Search Engine Optimization) 검색 엔진 최적화 SEO (검색 엔진 최적화)에 좋은 영향을 줄 수 있다. 검색 엔진은 시멘틱 태그들을 중요한 키워드로 인식하여 검색 랭킹에 영향을 준다..

[JavaScript] 변수

해당 게시글은 '모던 자바스크립트 Deep Dive' 책을 토대로 작성하였습니다. 변수란 변수는 값을 저장하기 위해 확보한 메모리 공간 자체를 의미한다. 식별자 변수 이름을 식별자라고도 한다. 식별자는 값이 아닌 메모리 주소를 기억하고 있다. 메모리 주소를 통해 메모리 공간에 저장된 값에 접근한다. 변수, 함수, 클래스 등 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 모두 식별자라고 부른다. 자바스크립트의 변수 선언 변수 선언 시 var, let, const 키워드를 사용한다. ES6에서 let, const 키워드가 도입되기 전까지는 var 키워드로 변수를 선언하였다. ES6로 넘어오면서 let, const 키워드 사용을 권장한다. var 키워드의 단점 ~ var score; 위 코드블록을 살펴보면..

[JavaScript] 자바스크립트란 ?

해당 게시글은 '모던 자바스크립트 Deep Dive' 책을 토대로 작성하였습니다. # 자바스크립트란 ? 객체기반의 스크립트 프로그래밍 언어이다. # 자바스크립트의 탄생 자바스크립트는 1995년 웹 페이지의 보조적인 기능을 수행하기 위해 브렌던 아이크가 개발한 언어이다. 해당 시기에 웹 브라우저 시장을 지배하던 넷스케이프 커뮤니케이션즈가 해당 언어를 도입하기로 한다. 모카 -> 라이브스크립트 -> 자바스크립트 # 자바스크립트 표준화 마이크로소프트사의 자바스크립트 파생 버전인 "Jscript" 를 익스플로러에 탑재하였고, 넷스케이프 컴뮤니케이션즈와 마이크로소프트사는 자사 브라우저의 시장 점유율을 높이기 위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하기 시작했다. 이로 인해 브라우저에 웹페이지가 정..

[C++] 동적 할당 배열 Dynamically Allocating Array

정적 배열 컴파일 타임에 배열의 크기가 미리 결정되어야한다. 프로그램 실행 전에 메모리 공간을 할당 받기 때문이다. int length; int array[length];동적 할당 배열 런타임에 배열의 크기를 결정하고, 그때 그때 OS로부터 메모리 영역을 받아온다. #include using namespace std; int main() { int length; cin >> length; // 실행 중에 입력으로 결정된 크기 int* array = new int[length]; // 동적할당 for (int i = 0; i < length; ++i) // 원소 대입 cout

[ C++ ] chapter 6.11 : 메모리 동적 할당 new와 delete

# 프로그램에서 메모리가 할당 되는 방법들 Static memory allocation ( 정적 메모리 할당 ) 전역변수, 스태틱 변수 같이 한번 만들어지면 끝날 때까지 가지고 있는 것을 의미한다. 고정된 메모리. 자동 메모리 할당 변수를 선언하거나 정적 배열을 선언 했을 때 블록 밖으로 나가면 전부 사라지고 다시 메모리가 할당 되는 것을 의미. Dynamic Memory allocation ( 동적 메모리 할당 ) 필요할 때만 메모리를 할당받아서 사용하고 반납할 수 있다. # 스택과 힙 #include using namespace std; int main() { int array[1000000]; // 안됨. 이유는? stack -> 정적으로 할당하는 메모리는 스택에 들어감. return 0; } st..

[ C++ Side Project ] LoginPage 회고

# main.cpp #include #include #include using namespace std; void login(); void registration(); void forgot(); int main() { int c; cout