프로그래밍에 해당하는 글 14

  1. [Git 설치 및 사용법]4. 원격 저장소(GitHub) 사용하기2022.09.21
    수성비전자방입니다. 지난 글에 이어서 Git에서 원격 저장소를 사용하는 방법을 알아보겠습니다. 원격 저장소는 여러 가지가 있는데, 이 글에서는 GitHub를 사용해 보겠습니다. 목차 1. 설치 2. Git 기본적인 사용법(init, status, add, commit) 3. branch 4. 원격 저장소(GitHub) 사용하기(현재 글) 4.1. git remote add 4.2. git push 4.3. git remote remove 4.4. git clone 4.5. git pull 4.6. 협업 방법1(fork와 pull request) 4.7. 협업 방법2(fork 없이 pull request) 4.8. GitHub repository 공개/비공개 설정, 삭제 4.9. 글 마무리 4.10. 참고..
  2. Git 설치 및 사용법 1~32022.09.19
    수성비전자방입니다. 오늘은 Git을 설치하고 사용해 보겠습니다. Git을 사용하면 버전 관리, 분산 개발 등이 편리해집니다. 특히 요즘은 개발자들이 GitHub를 많이 사용하므로 Git에 대해 알아보려고 합니다. 목차 1. 설치 2. Git 기본적인 사용법 2.1. git init 2.2. git status 2.3. git add 2.4. git commit 2.5. 파일 수정하기 3. branch 3.1. branch 생성과 전환(checkout) 3.2. git merge 3.3. merge 중 충돌 발생 시 3.4. branch 삭제 *. 글 마무리 **. 참고 자료 4. 원격 저장소(GitHub) 사용하기(2022. 09. 21. 업로드 예정) 1. 설치 1.1. https://git-scm.c..
  3. 티스토리 스킨에 로그인 버튼 추가하기(비로그인 시에만 보임)(2)2022.07.16
    수성비전자방입니다. 오늘은 HTML DOM을 이용하여 티스토리 스킨에 로그인 버튼을 추가해 보겠습니다. 로그아웃 버튼은 추가하지 않았으며, 로그인 하지 않은 경우에만 보입니다. 여러분이 원하시는 형태와 이 글에서 설명하는 것이 다를 가능성이 커서 적용 결과부터 보여드리겠습니다. 목차 1. 적용 결과 및 구현 계획 2. 티스토리 스킨에 로그인 버튼을 추가하는 방법 1. 적용 결과 1.1. 티스토리에 로그인 하지 않은 채로 댓글 입력하는 곳에 가면 '티스토리 계정으로 댓글을 다시려면 여기를 클릭하세요.'라는 문구가 나옵니다. 이것을 클릭하면 1.2. 티스토리 로그인 창이 나옵니다. 1.3. 로그인을 완료하면 로그인 전에 보던 페이지로 돌아옵니다. 사실 스크롤은 맨 위로 이동하게 되므로 다시 스..
  4. G++로 C++ 컴파일(feat. GCC)2022.07.02
    수성비전자방입니다. 오늘은 C++ 컴파일 하는 방법을 알려드리겠습니다. 목차 1. 서론 1.1. 사전 준비 및 예제 코드 1.2. C++ 빌드 과정 1.3. GCC로 C++ 컴파일 하는 법 2. 본론 2.1. G++로 C++ 컴파일 하는 기본적인 방법 2.2. -o: 실행파일명 지정 2.3. -c: Linking 전까지만 진행, 목적 파일(*.o) 얻는 법 2.4. -g: 디버깅을 위한 옵션 1. 서론 1.1. 사전 준비 G++를 설치해야 합니다.(제목의 'feat. GCC'만 보고 들어오신 분이 있을지 모르겠지만, 보통 C++은 GCC가 아니라 G++로 컴파일 하죠.^^) Windows를 사용하신다면 MinGW-w64를 설치하시면 됩니다. https://sourceforge.net/pro..
  5. [highlight.js]티스토리 코드블럭 스타일 변경, 줄번호 넣는 법2022.06.20
    수성비전자방입니다. 저는 과거에 블로그 글에 코드블럭을 쓸 때 Color Scripter(관련 글)을 썼었지만, 얼마 전부터 티스토리의 코드블럭 기능을 이용하고 있습니다. 티스토리의 코드블럭은 highlight.js와 함께 사용할 수 있도록 되어 있습니다. 티스토리에서 코드블럭을 쓰면 , 태그로 감싸지며, highlight.js가 이 부분을 예쁜 코드블럭으로 만들어 주는 것입니다. 예를 들어 HTML에 대한 코드블럭은 아래와 같이 되는 거죠. ... (출처: https://highlightjs.org/usage/) 그러므로 이 코드블럭을 제대로 쓰려면 자바스크립트, CSS를 함께 적용하는 것이 좋은데요, 오늘은 highlight.js와 줄번호를 적용해 보겠습니다. 목차 1. 티스토리의 코드 문법 강조 플..
  6. [Visual Studio Code]5. C언어 파일 분할 컴파일(GCC)(2)2022.05.13
    수성비전자방입니다. 오늘은 Visual Studio Code 시리즈 중 하나로, C언어 파일 분할 컴파일을 하는 방법을 알아보겠습니다. 목차 1. 설치 2. C언어 컴파일 3. C언어 디버깅(gcc, gdb 디버거) 4. C언어 빌드 및 디버깅 5. C언어 파일 분할 컴파일(현재 글) 5.1. 사용자 정의 헤더 파일 5.2. 예제 소스코드 5.3. GCC 파일 분할 컴파일 5.4. VS Code 파일 분할 컴파일 5.5. 글 마무리 5.6. 참고 문헌 이 글은 VS Code 카테고리에 올라와 있지만, 1~4편은 Windows 카테고리에 올라가 있는 점 참고하시기 바랍니다. 5.1. 사용자 정의 헤더 파일 C언어 파일 분할 컴파일이 무조건 사용자 정의 헤더 파일을 이용하는 것은 아니지만, 이 글에서는 사용..
  7. 엠원리액트 댓글에 프로필사진 보이게 하기2022.05.02
    수성비전자방입니다. 티스토리 스킨 중 '엠원리액트'라는 스킨이 있습니다. 지금 수성비전자방 스킨도 엠원리액트 기반입니다. 엠원리액트 스킨에는 단점이 있는데, 그것은 바로 댓글을 단 사람의 프로필사진이 보이지 않는다는 것입니다. 제가 단 댓글인데 제 프로필사진이 보이지 않습니다. 오늘은 엠원리액트 스킨에서 댓글 프로필사진이 보이게 수정해 보겠습니다. 1. index.html에서 주석 코멘트 리스트 s를 찾습니다.(Ctrl+F를 이용하면 편하겠죠?) 2. 이 있을텐데 과 사이에 아래 소스코드를 추가해 줍니다. (alt 태그 내용은 임의로 작성하셔도 됩니다.) 3. style.css에서 주석 댓글 보기를 찾습니다. 4. 아래 소스코드를 추가합니다. .comment_in img {width: 64..
  8. [수성비전자방 2022 스킨 수정기록]4. description 삭제 및 스킨 적용2022.03.12
    수성비전자방입니다. 드디어 수성비전자방 2022 스킨 수정기록 시리즈 마지막 화입니다. 오늘 할 내용은 description 삭제 및 스킨 적용입니다. 스킨 적용까지 하고 나면 드디어 그동안의 소스코드 수정의 실체(?)를 보게 되는 것입니다! 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독 3. 글 목록(본문 미리보기), 본문 4. description 삭제 및 스킨 적용(현재 글) 4.1. description 삭제, 검색 엔진 메타태그 4.2. 스킨 적용 4.3. 글 목록 설정 4.1. description 삭제, 검색 엔진 메타태그 4.1.1. index.html의 head 부분(title 태그와 메타 태그들 모여 있는 부분. body 태그 위에 있습니다.)을..
  9. [수성비전자방 2022 스킨 수정기록]3. 글 목록(본문 미리보기), 본문2022.03.09
    수성비전자방입니다. '수성비전자방 2022 스킨 수정기록' 3번째 글입니다. 제 발가락 부상으로 인해 시리즈 연재가 한동안 중단되었었는데, 이제 연재를 재개하겠습니다. 오늘은 글 목록과 본문 서식을 수정해 보겠습니다. 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독 3. 글 목록(본문 미리보기), 본문(현재 글) 3.1. 글 목록(대표이미지, 본문 미리보기) 3.2. 페이징 단추 크기 키우기 3.3. 본문 서식 3.4. 글 마무리 3.5. 참고 자료 4. description 삭제 및 스킨 적용(2022. 03. 12. 업로드 예정) 3.1. 글 목록(본문 미리보기) 3.1.1. index.html의 주석 중에서 검색결과, 카테고리 클릭시 나오는 페이..
  10. [수성비전자방 2022 스킨 수정기록]2. 헤더, 댓글, 방명록, 이웃 및 구독2022.01.15
    수성비전자방입니다. '수성비전자방 2022 스킨 수정기록' 2번째 글입니다. 오늘은 엠원리액트 스킨에서 헤더 수정, 댓글과 방명록 부분 수정, 글 하단 이웃 및 구독 버튼을 적용해 보겠습니다. 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독(현재 글) 2.1. 헤더 및 PC 네비게이션(카테고리1) 수정 2.2. 댓글과 방명록 부분 수정 2.3. 글 하단 이웃 및 구독 버튼 오늘은 거의 다 index.html에서 진행할 것입니다. 이 글에서 설명하는 내용은 전부 다 index.html이라고 생각하시면 됩니다. 2.1. 헤더 및 PC 네비게이션(카테고리1) 수정 제 블로그에서는 이미 삭제된 부분이라서 엠원리액트 블로그를 캡처했습니다. 위 사진에 표시한 부분을 지워 보겠..