고딕은 가독성이 좋지만... 내 취향의 글씨가 아니다ㅠㅠ일단 내 눈에 보이는 글씨가 이뻐야 포스팅 할 맛이 나지 않을까? 글꼴 고르기먼저 원하는 글꼴은 레터 스킨 때 이미 찾아놨다.가장 많이 사용하는 사이트는 눈누(https://noonnu.cc/index)에서 골랐다.마음에 드는 글꼴이 많아서 하나로 통일은 못하고ㅎㅎㅎ여기저기 다른 느낌으로 적용하기로 했다. 가장 기본 글꼴은 국립공원 꼬미.영어 글씨체는 별로 내 마음에 안들지만 블로그명, 카테고리명 이런 곳에 영어는 별로 없으니까 선택했다. 포스팅 제목은 온글잎 언즈체.특수문자가 귀여워서 선택했다. 포스팅 내용은 귀염발랄체.내가 고른 것 중에 그마나 가독성과 귀여움을 다 챙긴 글꼴 같아서 선택했다. 포스팅 댓글이랑 포스팅 날짜는  오뮤 다예쁨체.페이지..

블로그 글을 읽을 때 제일 귀찮은 게 스크롤하는 것!탑버튼이랑 바텀버튼을 만들어서 맨 위와 맨 아래로 이동할 때 편리하게 할 거다.여러 방법이 있는데 나는 Galam.님의 포스팅에서 본 스크롤 위치에 따라서 버튼의 모양이 바뀌는 방법을 사용해봤다. 적용 모습이런식으로 스크롤 움직임에 따라 자동으로 버튼 모양이 변한다. 버튼을 누르면 위로, 아래로 한번에 이동한다.만약 스크롤 부드럽게 효과를 적용했다면 아래 영상처럼 움직인다. 취향에 따라 선택하면 될 것 같다.일단 나는 스크롤이 부드럽게 움직이는 걸로 적용했다. 스킨 수정 과정1. 버튼으로 사용할 이미지 2개를 다운 받는다.① 화살표만 있는 모양 ② 원 안에 화살표가 있는 모양  2. 스킨 편집 화면으로 들어가서 다운 받은 이미지 파일을 파일업로드에 업로..

보호되어 있는 글입니다.

티스토리는 포스팅 맨 밑에 네임카드가 나온다.꾸미는 방법도 있던데 나는 이게 쓸데없이 공간을 차지하는 것 같아서 지우고 싶다.  적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 2. 적당한 위치에 아래 코드를 입력한다./* 네임카드 숨기기 */div[data-tistory-react-app="Namecard"] {display: none;} 3. 코드 수정이 끝났다면 적용을 누른다. 참고네임카드를 꾸미고 싶다면 아래 코드를 입력하면 된다./* 배경, 테두리색 */.tt_box_namecard { background-color: #fcfcfc !important; /* 배경색 우선순위 */ color: #333; /* 글..

검색하다보니까 인라인 코드라는 걸 적용하면 이브길래 한번 해볼거다.챗GPT한테 인라인 코드가 뭐냐고 물어봤는데인라인 코드는 함수의 내용을 호출 지점에 직접 삽입하는 프로그래밍 기법입니다. 이 방식은 일반적인 함수 호출 과정을 거치지 않고, 함수의 코드를 호출된 자리에 바로 삽입합니다.이게 무슨말인지 모르겠다.....설명만 보면 적용 모습이랑 너무 다른데... 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 2. 적당한 위치에 아래 코드를 입력한다./* 인라인 코드 */.inkey { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3..

스킨을 바꾸고 처음 할 일은 테마 컬러 바꾸기!포트폴리오 디폴트 컬러셋은 핑크다!핑크 덕후인 나에겐 너무 좋은 선택!하지만 내가 좋아하는 핑크가 아니다ㅜㅜ진한 핑크컬러라서 잘 보이긴 하지만 싹 수정해줘야 한다.바꿀 컬러는 #FF90BC다.적용된 모습을 미리 확인해보자. 적용 모습 스킨 수정 과정1. CSS 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 2. CSS창에서 Ctrl+F를 눌러서 theme를 찾으면 수정할 부분이 나온다.이런식으로 핑크컬러가 #FF567A가 지정돼 있는데 이 부분을 전부 #FF90BC으로 바꾼다.Ctrl+F를 눌러서 FF567A를 검색하면 바꿔야 할 부분을 파악하기 쉽다. 3. 코드 수정이 끝났다면 적용을 누른다.