[Github] Github page 기능을 통한 웹 사이트 운영
·
Git
포트폴리오와 TIL 를 위한 웹 사이트를 제작하기로 했습니다. Github를 웹 호스팅으로 이용하기로 했고 그 방법을 소개하겠습니다! 1. Repository 를 생성 2. index.html 파일을 생성 웹 사이트의 메인 페이지로 사용될 파일입니다. 저는 Hello라는 텍스트만 담은 파일로 생성했습니다. 3. Github Pages 설정 Settings > GitHub Pages > Source 에서 None을 클릭하여 master branch 를 선택하고 Save! Settings 에 들어가서 아래로 쭉 내리면 찾을 수 있습니다. Save하면 index.html 이 자동으로 웹 사이트의 소스로 공개됩니다. 4. 생성된 링크를 통해 웹 사이트로 들어갈 수 있습니다. index.html 이 이 웹 사이트..
[Github] Github 프로필에 Daily 코딩 시간 나타내기
·
Git
위 사진처럼 내가 커밋하는 시간을 Github 프로필 메인에 나타낼 수 있습니다. 쉽게 사용할 수 있는 오픈소스와 적용 방법을 소개하겠습니다. 1. 다음 링크로 들어가 Repository를 Fork 합니다. 원작자의 Repository 에서 Fork 받아 한국에 맞게 설정이 변경된 Repository 입니다. 링크 : github.com/techinpark/productive-box techinpark/productive-box Are you an early 🐤 or a night 🦉? Let's check out in gist - techinpark/productive-box github.com fork 하여 내 저장소로 가져옵니다. 2. Public gist 생성하기 새로운 gist를 생성합니다. g..
[Tistory] 티스토리 코드블록 폰트 변경
·
etc
티스토리 커스텀 스킨을 적용해서인지 구글링하여 나오는 방법으로 코드블록 폰트 변경이 안됩니다... 그래서 찾은 간단한 방법입니다! 스킨 편집에서 HTML과 CSS 파일에 간단한 코드만을 추가하여 코드블록 폰트를 변경할 수 있습니다 Google Fonts 기본 폰트 이외에 다른 폰트를 구글 폰트에서 골랐습니다! fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com Google Fonts 코드 복사 1. Google Fonts에서 폰트 선택 저는 Roboto Mono를 선택했습니다! 2. 원하는 굵기, 타입의 스타일 선택 3. link에서 첫번째 코드..
[Git] Git GUI SourceTree 설치 및 사용법
·
Git
Git GUI Git은 기본적으로 CLI(Command Line Interface)에서 사용 가능하지만, GUI(Graphic User Interface) 환경에서도 사용가능 하도록 많은 프로그램들이 있다. Sourcetree, Github Desktop, GitKraken 등이 있다. Github Desktop은 제공하는 기능이 한정적인데 비해, Sourcetree는 사용할 수 있는 기능이 많아 많은 사람들이 사용한다. GitKraden은 UI가 화려한 것을 선호하는 개발자들이 많이 사용한다. 예전부터 많이 사용해오던 Sourcetree를 설치해보고 사용 방법에 대해 간단히 알아보려 한다. SourceTree 다운로드 및 설치 1) 다운로드 - SourceTree 홈페이지에서 설치 프로그램을 Downl..
[HTML] HTML 문서의 구성과 기본적인 태그
·
HTML & CSS
Tag(태그) 란? HTML 문서를 구성하고 있는 요소 태그에는 이름과 속성이 있다. 예) 시작 태그와 종료태크가 쌍을 이룬다. HTML 1. 최신 HTML 버전 HTML5 2. 사용할 편집툴 메모장으로도 가능 Notepad, Atom, Eclipse ... 본인에게 맞는 툴을 사용하는 것이 좋습니다. 저는 Visual Studio Code를 사용합니다! HTML 전체적인 구조 1. 기본 태그 : 문서가 html 파일이라고 지정 html 태그 : 태그 안이 html 문서를 구성. html 태그 안은 , 두 가지 태그로 구성된다. head 태그 : 환경 설정에 관련된 정보 body 태그 : 공유하고자 하는 정보를 담는다. : 줄바꿈(개행). 종료 태그를 따로 하지 않아도 된다. ※ xmlns : 지정네임스..
[HTML & CSS] Web을 구성하는 HTML과 CSS
·
HTML & CSS
Web(웹) 1개 이상의 사이트가 연결되어 있는 인터넷 서비스의 한가지 형태 사전적으로 거미줄이란 의미로, IT에서는 WWW(World Wide Web)의 줄임말 전 세계의 컴퓨터들을 연결하여 정보 공유를 하는데 주 목적 이렇게 연결되어 있는 상태를 네트워크에 연결되어 있다고 한다. ※인터넷(Internet) 1개 이상의 네트워크가 연결되어 있는 형태 http://codesyun.tistory.com:80/category/Programming 프로토콜 : 네트워크 상에서 약속한 통신규약(HTTP, FTP, SMTP , POP, DHCP) IP : 네트워크 상에서 컴퓨터를 식별할 수 있는 주소 DNS : IP 주소를 인간이 쉽게 외우도록 맵핑한 문자열 Port : Port 번호는 해당 컴퓨터의 구동되고 있..
[Algorithm] 소수를 찾는 방법, 에라토스테네스의 체
·
Computer Science/Algorithm
에라토스테네스의 체 란? 소수(Prime number)를 찾는 알고리즘 대량의 소수를 빠르고 정확하게 구할 수 있는 방법 에라토스테네스의 체 원리 소수를 판별할 범위의 배열을 할당하고, 값을 지워나가는 방법 1. 배열을 생성하여 초기화 2. 2부터 시작하여, 특정 수의 배수를 모두 지운다. (자기 자신은 지우지 않는다) 3. 2부터 남아있는 모든 수는 소수이다. 에라토스테네스의 체 구현 (C++) void Eratos(int n){ /* 인덱스 0과 1은 사용하지 않음을 고려하여 배열을 할당해야 한다 */ bool num[1000001]; /* 배열 초기화 : 모두 소수라고 가정한 true 값을 준다 */ for (int i = 2; i
[C++] 동적 할당 new와 delete 사용, 메모리 누수
·
Lanuage/C++
동적 할당 컴퓨터 프로그래밍에서 실행 시간 동안 사용할 메모리 공간을 할당하는 것 크기가 정확히 얼마나 요구되는지 모르는 경우에 주로 사용한다. C++의 동적 할당 연산자 new 연산자 heap에 메모리를 만들고 그 주소를 리턴한다. 메모리에 공간이 없다면 NULL을 반환한다. delete 연산자 가리키는 주소의 메모리를 해제한다. 메모리 할당 사용법 타입 *변수명 = new 타입;//메모리 할당 delete 변수명;//메모리 할당해제 배열 형태의 메모리 할당 및 해제 타입 *변수명 = new 타입[크기];//배열 형태 메모리 할당 delete[] 변수명;//배열 형태 메모리 할당해제 메모리 누수 (Memory Leak) 필요하지 않은 메모리를 계속 점유하고 있는 현상을 말한다. 자바의 경우는 사용하지 ..
[Visual Studio Code] VS Code C / C++ 컴파일, 실행, 디버깅
·
Lanuage/C++
보다 간단한 방법인 Code Runner 사용에 관한 글도 하단에 링크 달아두었습니다! 1. C / C++ 컴파일 컴파일러의 종류 gcc : C언어를 컴파일 할 수 있는 컴파일러 g++ : C++을 컴파일 할 수 있는 컴파일러 컴파일러 준비 터미널 > 기본 빌드 작업 구성 사용하는 언어에 따라 gcc 또는 g++을 선택합니다. 둘 다 사용하는 폴더의 경우 g++을 사용하면 좋습니다. Ctrl + Shift + B를 누르면 '빌드 작업을 찾을 수 없다'는 메시지와 함께 빌드 작업 구성을 선택할 수 있습니다. 이어서, '템플릿에서 tasks.json 파일 만들기'를 선택합니다. 그리고 'Others 임의의 외부 명령을 실행하는 예'를 선택하면 tasks.json 파일이 만들어집니다. tasks.json 파일..
Debugging(디버깅)이란?
·
Computer Science/Concept
Bug 벌레 프로그램의 오류 / 에러 Debug 벌레를 없애는 것 프로그램의 오류를 없애는 것 Bug의 종류는 크게 3가지 1. Complie Error 프로그램에 문법적 오류가 있어서 정상적으로 컴파일 되지 않는 경우 출력창에 어디서 에러가 발생했는지 알려주기 때문에 해결하기 쉽다. 2. Runtime Error 프로그램이 실행 중 비정상적으로 꺼지는 경우 컴파일 에러처럼 컴파일러가 에러 발생 위치를 알려주지 않기 때문에 어디서 에러가 발생했는지 찾기가 까다롭다. 프로그램을 한 줄씩 실행해보면서 문제가 발생하는 줄을 찾아야 한다. 3. Logic Error 프로그램의 결과가 이상하게 나오는 경우 예를 들어, 구구단 6단을 출력하려고 했는데 5단이 출력되었다.