목록분류 전체보기 (272)
말랑말랑제리스타일
사진에 무료로 워터마크를 넣는 사이트 하나 추천하려고 하는데요. 워터마크란 이미지에 문구를 넣어서 내가 어딘가에 올린 이미지가 아무 출처 없이 떠돌게 하지 않기 위한 방법이죠. 원리는 간단히 이미지의 한 영역에 이미지의 일부로 글자를 넣어주는 방법인데 이게 굳이 워터마크를 넣겠다고 그림판이나 포토샵 등 이미지 편집 프로그램을 여는 게 번거롭거든요. 그래서 무료로 회원가입도 필요 없이 간편하게 사진에 워터마크를 넣는 사이트를 두 개 추천하려고 합니다. 사진에 워터마크 넣는 사이트 추천 1 - 블록툴툴 워터마크 먼저 첫번째로 소개드릴 사이트는 가장 단순하고 쉽게 텍스트 워터마크를 추가할 수 있는 블록툴툴이라는 사이트입니다. http://blogtooltool.com/watermark.html 블록툴툴 블록툴..
일반적으로 html, css, 자바스크립트를 이용해서 코딩하는 경우 html 파일은 나누기가 힘든 경우가 많습니다. 그러나 공통된 헤더를 사용하거나 부트스트랩 내비게이션 바를 유지한 채 페이지 내부의 일부 영역만 바꾸는 경우 html 파일을 나누는 것이 코드 관리에 훨씬 유리한 경우가 많습니다. 이런 경우 사용 가능한 두 가지 방법을 정리해 봅시다. 부트스트랩 내비게이션 바로 body의 변경 영역만 이동하는 방법 일반적으로 블로그 같은 내용만 바꾸는 사이트의 경우 사용해 볼 수 있는 방법입니다. 사이트를 이동하는 것처럼 body 영역의 html만 바꾸는 방식으로 부트스트랩 내비게이션 바 영역을 그대로 두고 내부 페이지의 html 요소만 바꾸는 방법이죠. 먼저 부트스트랩의 내비게이션 바만 만들어 둔 ind..
깃허브 코파일럿이라는 AI 코딩 기능을 사용해 봤습니다. 첫 한 달은 무료로 사용 가능하고 한 달이 지나면 한 달에 10달러의 비용이 자동으로 발생하는데요. 일단 자바스크립트 프로젝트에서 무료로 한 달 사용을 해보고 Chat GPT와 어떤 차이가 있는지 확인해 봤습니다. 깃허브 코파일럿의 용도와 Chat GPT와 차이 우선 Chat GPT와는 기본적으로 AI라는 점과 AI를 이용해 코딩이 가능하다는 공통점이 있지만 깃허브 코파일럿은 AI를 이용한 코딩에 그 기능이 치중되어 있다는 차이가 있죠. Chat GPT를 이용해 코드를 만들 때는 어떤 프롬포트를 전달하면 하나의 코드를 만들어주는 반면 깃허브 코파일럿은 다음에 어떤 코드를 쓸지 AI가 예측해서 제안해 준다는 차이가 있습니다. 우선 html 파일에 d..
천수의 사쿠나히메를 하다 보면 처음 만나는 보스 몬스터 돼지 오니 대장에서 난관을 겪을 수 있는데요. 게임의 본질에 대한 이해가 약간만 있다면 쉽게 클리어 가능한 보스인데도 불구하고 저 역시 난관을 겪었습니다. 그렇다면 어떻게 하면 돼지 오니 대장을 쉽게 클리어할 수 있을까요? 천수의 사쿠나히메 돼지 오니 대장이 어려운 이유 천수의 사쿠나히메에서 처음 만나는 보스 몬스터 돼지 오니 대장이 잡기 어려운 이유는 두가지죠. 몇 대만 맞으면 게임오버된다는 점과 아무리 때려도 딜이 안 들어간다는 점입니다. 이유는 바로 능력치가 낮기 때문입니다. 일반적인 게임이라면 사냥을 하고 레벨업 등을 통해 능력치를 올리고 보스에 도전하기 마련인데요. 천수의 사쿠나히메에서 능력치를 올리는 방법은 사냥이 아니기 때문에 능력치가 ..
요즘은 GUI(Graphic User Interface)가 활성화되어있다 보니 명령 프롬포트에서 어떤 작업을 하는 데에 부담을 느끼는 분들이 많을 텐데요. 저 역시 GUI 세대다 보니 명령 프롬포트를 자주 사용하지는 않지만 기본적으로 Git이나 Github를 사용하거나 간간히 명령 프롬포트에서 필요한 작업을 할 때 명령 프롬포트에서 작업을 하는 경우가 생기더라고요. 저같이 명령 프롬포트가 익숙하지 않은 분들이나 자주 기억이 안나는 분들을 위해 명령 프롬포트 실행 단축키 등 간단한 명령 프롬포트 사용법을 작성해 봤습니다. 윈도우 명령 프롬포트 실행 단축키 윈도우에서 기본적으로 명령 프롬포트를 실행하는 방법 중 가장 많이 사용하는 방법이 윈도우 키를 눌러 "cmd"라고 입력하고 엔터를 치는 거죠. 가장 전통..
Jekyll로 만든 깃허브 블로그의 초기 상태는 말 그대로 깔끔 그 자체입니다. 너무 깔끔해서 애석할 정도죠. 그래서 여러 가지 테마를 사용해서 블로그 테마를 적용해 줄 수 있습니다. 깃허브 블로그 테마 변경에는 몇 가지 방법이 있을 텐데 깃허브 페이지 자체 제공해 주는 매뉴얼을 따라 해서는 실패했고 제가 사용한 방법을 알려드립니다. Jekyll로 만든 깃허브 블로그 테마 변경 매뉴얼을 믿지 말자 먼저 Jekyll로 만든 깃허브 블로그 테마를 손쉽게 바꾸는 방법입니다. 깃허브 페이지에서 제공해주는 테마를 이용하는 방법인데요. 사실 이쁜 게 없긴 하지만 나름 깜찍하게 생긴 Architect 테마를 적용해보려고 했으나 실패했습니다. config.yml 파일의 theme를 깃허브에서 지원하는 테마로 바꿔주고 ..
사실상 깃허브 블로그는 깃허브 블로그보다 Jekyll 블로그라고 부르는 게 좀 더 정확하다고 느낄 정도로 기능은 대부분 Jekyll에 있었는데요. 지난번 Jekyll 설치와 블로그 만들기에 이어서 깃허브에서 Jekyll 블로그 배포하는 방법을 알아봅시다. 먼저 지난 글을 못 보신 분들은 맨 하단의 링크를 타고 들어가 주세요. 깃허브 블로그 배포용 Repository 생성하기 깃허브에서 뭔가를 배포하려면 일단 Repository가 있어야 합니다. 깃허브 블로그 역시 Jekyll로 블로그를 만들고 깃허브 페이지라는 깃허브 자체적 호스팅 시스템을 이용해서 배포해 주는 작업이기 때문에 Repository를 생성해줘야 하죠. 깃허브 로그인을 하고 좌측 상단의 고양이 모양을 클릭하면 바로 밑에 Repository ..
깃허브 블로그를 시작하려면 거의 Jekyll은 필수 항목이라고 할 수 있는데요. Jekyll이 뭔지 왜 루비를 설치해야 하는지, 어떻게 루비와 Jekyll을 설치할 수 있는지를 정리해 봤습니다. Jekyll은 어떤 프로그램인가 Jekyll은 설치형 블로그 생성기 중 하나로 루비라는 언어를 기반으로 만들어졌습니다. 이 지킬의 역할은 마크다운이라는 포맷으로 작성된 문서를 HTML 문서로 변환해서 정적 사이트 형태로 보여주는 건데요. 마크다운은 상대적으로 HTML에 비해 작성이 편리하고 이미지나 링크, 표 등의 표현을 간단하게 만들어준 포맷이죠. 주로 깃허브 블로그를 사용하는 경우 포스팅이나 각종 문서를 마크다운 파일로 관리하게 되고 그러다 보니 Jekyll이 깃허브 블로그를 만드는 데 필수 아닌 필수 항목이..