전체보기 881
css flex 가로 정렬
분명히 flex에 row를 적용했는데 가로로 정렬되지 않고 세로로만 정렬된다면 이 포스팅을 자세히 봐주세요. 1. 문제점 발견 ① 가로로 정렬되지 않은 문제점 flex-direction: row;를 적용하면 요소가 가로로 나란히 정렬되어야 하는데 위의 이미지처럼 여전히 세로로 정렬되어있는 문제를 발견했습니다. *보시기 편하시라고 색과 위치를 조정했습니다. 실제 적용 색과 다를 수 있습니다. header{ display: flex; flex-direction: row; justify-content: center; align-items: center; } ② css 코드 살펴보기 적용했던 css 코드입니다. flex 관련 코드들이 잘 들어간 모습입니다. 값도 row로 잘 들어가 있고 어디가 문제인지 잘 모르..
애드센스 광고 크롤러 오류 해결 방법을 알아보자
애드센스 광고 크롤러 오류 메시지가 뜨셨나요? 저와 같이 해결해봅시다. 1. 광고 크롤러 오류 ① 크롤러란? 애드센스 크롤러는 블로그의 내용과 어울리는 광고를 달기 위해서 블로그 내용을 확인하는 작업을 하는 프로그램이에요. 여기서 구글 크롤러와 애드센스 크롤러는 다르답니다. 오늘 저희가 살펴볼 친구는 애드센스 크롤러! 왜냐하면 저는 지금 광고 제한 걸렸기 때무니죠.. 하하 - ② 광고 크롤러 오류란? 광고 크롤러 오류는 이 애드센스 크롤러 프로그램. 혹은 봇이라고 부르는 이 친구가 블로그 내용을 제대로 읽지 못할 때 발생합니다. 티스토리 사용자에게 많이 알림이 오는 오류인데 이게 단순한 오류일 때도 있고 그렇다고 합니다. 새로 올린 포스팅에서 오류가 발생했을 때는 애드센스 크롤러가 블로그 내용을 크롤링하..
vscode 유용한 단축키 빠른 행 이동
vscode 유용한 단축키 중 하나 빠른 행 이동을 단축키를 사용해서 해보겠습니다. 1. 빠른 행 이동 빠른 행 이동이란? vs code 유용한 단축키 중 하나인 행 이동 단축키 그렇다면 빠른 행 이동이란 무엇을 말하는 것일까요? 위의 이미지를 보면 대략적으로 짐작이 가능하시겠지만 원하는 행의 번호를 입력해 바로 이동하는 기능입니다. 예시로 사용한 파일은 길지 않아서 122줄 정도이지만 코드를 짜다보면 200줄은 훌쩍 넘어버리고 그러잖아요. 그럴 때는 이런 행 이동 단축키가 유용합니다. - - 이 단축키는 행 자체를 이동시키는 것이 아니고 행이 있는 곳으로 화면을 이동하는 단축키입니다. 혹시 행 자체를 이동하는 단축키가 알고 싶으시다면 아래 버튼을 클릭해주세요. 행 이동 단축키 2. vs code 유용한..
[그누보드] 게시판 본문 글자수 제한 해제 방법
그누보드 게시판 본문 글자 수 제한 해제 방법을 알아봅시다. 1. 필드 속성 변경 그누보드 게시판은 본문의 글자수가 64kb로 제한되어있습니다. 어떤 웹 페이지에서 긁어와 이미지를 함께 넣는 작업을 한다면 코드로 들어가기 때문에 중간부터 잘려서 저장될 것입니다. 아 내 글 다 어디로 날아갔어~ 하는 경우가 없도록 글자 수 제한을 해제해봅시다. ① MySQL 관리 일단 필드 속성을 바꿔주어야 하는데요. 아니 필드 속성이 대체 뭐죠? 하시는 분들 웹 호스팅 받았던 사이트 기억하시죠? 일단 거기에 로그인해주세요. 저는 닷홈에서 주로 무료 호스팅을 받아서 사용하기 때문에 닷홈 페이지에 들어왔습니다. 해당 호스팅의 상세페이지에 들어와서 아래로 쭉 내리다 보면 MySQL 관리 혹은 myadmin 같은 항목이 있습니..
![[그누보드] 게시판 본문 글자수 제한 해제 방법](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/tMCvt/btrGUr9Kv7y/jzO4nJsdaYxeZkOFdEpdV0/img.png)
프리랜서 일러스트레이터 포폴 올리기
프리랜서 일러스트레이터로 살아남기... 저번 포스팅에 이어서 노트폴리오에 포폴을 업로드해볼게요. 1. 대표 이미지 변경 첫 이미지 변경 약간의 수정사항이 있습니다. 일단 맨 첫 이미지를 크롭한 이미지로 바꾸어주었어요. 이미지가 여러개 나눠져 있는 것보다 주목도가 높을 것 같아서 바꿔봤습니다. - 다음 노트폴리오 수정 페이지에서 오른쪽 패널을 보시면 다음이라는 버튼이 있는데 이 버튼을 누르면 썸네일과 키워드 등을 정할 수 있습니다. 원래는 이전 포스팅에 올렸던 대표 이미지를 올렸었는데 커버 이미지를 그림과정 gif 이미지로 바꿔주었습니다. 노트폴리오 썸네일에는 움직이는 이미지가 많이 사용되더라고요. 저도 유행에 한번 편승해봤습니다. - 2. 작업물 올리기 목업 활용 처음에는 그냥 이미지만 올리려고 했는데 ..
