본문 바로가기

전체 글2088

애드센스 광고 중단 긴급 메일 ▲ 메일 받으신 분? 위 광고 경험 보고서를 클릭하고 ▲ 예시 2개 보기를 하면 ▲ 지금 문제가 되는 티스토리 블로그를 보여줍니다. 광고가 본문을 가리는 행위는 애드센스 정책 위반사항입니다. 그러니 저 인간 블로그에 들어가 아무 글이나 신고해주세요. 또 이런 일이 일어났군요. 미꾸라지... 으~ 극혐!!! [티스토리/· 애드센스Fit] - 긴급!!! 더 나은 광고 표준(Better Ads Standard)에 위배되는 광고 저번에도 이런 일이 있었지요. 2021. 10. 21.
grid-template-columns, rows See the Pen grid-template by nilgi (@nilgi) on CodePen. • grid-template-columns: auto auto auto auto; // 3개를 쓰면 3열, 4개를 쓰면 4열. 오토는 모든 크기 같게. • grid-template-columns: 30px 100px auto 20px; // 열마다 크기 지정 가능. • grid-template-rows: 30px 140px; // 행 높이 지정. 2021. 10. 20.
반응형 레이아웃을 좀 더 쉽게 - display: grid; See the Pen display: grid by nilgi (@nilgi) on CodePen. display: grid; // 사용하면 반응형 페이지를 쉽게 만들수 있다. grid-template-columns: auto auto auto; // 3열, 화면 크기에 맞게 자동으로 모두 똑같이 • grid-column-gap: 30px; • grid-row-gap: 30px; • grid-gap: 20px 40px; • grid-gap: 5px; // 아이템 간격 • grid-column-start: 1; • grid-column-end: 3; • grid-row-start: 1; • grid-row-end: 3; // 아이템의 시작점과 끝점을 지정 - 표의 셀 병합과 비스무리. 2021. 10. 20.
드라마 보는 계절 또 드라마 보는 계절이 왔다. 요즘 아무것도 안 하고 드라마 본다. 갯마을 차차차도 잼있고 유미의 세포들도 잼있고 나이가 드니 별거 아닌거에 눈물이 난다. 행복한 장면이라 울고 슬픈 장면이라 울고 웃긴 장면이라 울고 알콩달콩 사랑 이야기 참 좋다. 드라마 보느라 블로그도 예약글로 버틴다. 당분간 드라마... 2021. 10. 20.
viewport 정의 viewport는 무엇입니까요? 우리가 보는 영역이다. 화면 크기에 따라 보이는 영역 또한 다르다. PC화면, 폰화면에 따라 크기가 달라야 한다. 옛날에는 PC화면으로만 보면 됐는데 지금은 다양한 디바이스가 있기 때문에 크기를 해결하기 위해 viewport가 개발되었다. 티스토리의 반응형 스킨 같은 거다. ↪ width=device-width // 화면 너비에 따라 콘텐츠 너비를 설정한다. ↪ initial-scale=1.0 // 처음 로딩시 확대, 축소 수준을 설정한다. 다음을 지켜야 한다. • 너비가 큰 요소를 사용하지 마라. 영역보다 큰 요소를 사용하면 가로 스크롤이 생길 수 있다. 가로 스크롤은 화면이 작은 디바이스에서 보기 아주 불편하다. • 특정 디바이스의 화면 크기로 만들지 말라. • CSS.. 2021. 10. 20.
프리미어 프로 : 효과 저장해서 반복 쓰기 [프리미어 프로 공부] - 프리미어 프로 : 움직이는 글자 지난 글에서 움직이는 글자를 배웠다. 이 글자를 모든 비디오 클립에 적용해보자. 효과를 저장하여 반복 작업을 줄여 시간을 단축할 수 있다. ▲ 자막을 하나 만들었다. ▲ 이렇게 ▲ 화면 밖에서 글자가 들어온다. 크기도 커진다. 애니메이션 만드는 방법은 글 머리에 있는 이전 글을 참고. 텍스트와 모션을 선택하고 '우클릭 - 사전 설정 저장'한다. 텍스트, 모션을 같이 선택하려면 ctrl을 쓰면 된다. ▲ 이름을 적고 확인 ▲ 효과 컨트롤 패널 - 사전 설정에 저장한 효과가 있다. 이제 ▲ 텍스트를 추가하고 위의 저장된 효과를 적용하면 텍스트와 위치 애니메이션이 적용된다. 고로 애니메이션을 만드는 과정은 생력 됨으로 편하다. 허나... ▲ 저렇게 효.. 2021. 10. 19.
엑셀 - 텍스트 나누기 셀에 반복되는 값이 있고 이것을 셀로 나누는 방법이다. 엑셀 공부 참 열심히 한다. ㅎㅎ ▲ '모험가' 글자가 반본된다. 나눠보자. 나눌 셀을 모두 선택하고 ▲ 데이터 - 텍스트 나누기 ▲ 구분 기호로 분리됨 - 다음 ▲ 공백을 선택하고 미리 보기를 확인한다. - 다음 ▲ 마침 ▲ 그럼 이렇게 된다. 좋다~ (ʘ‿ʘ✿) ▲ 이번에는 전화번호를 해보자. ▲ 나누는 구분 기호를 기타로 하고 '-' 입력한다. - 다음 ▲ 첫번째 열을 선택하고 텍스트로 해준다. 일반으로 하면 010이 10으로만 나온다. 2021. 10. 19.
화장실 급할 때는 개방화장실 스마트폰 카카오 맵이나 네이버 지도에서 '개방화장실' 검색하면 저기 파란 동그라미가 전부 개방화장실입니다. 공공기관이나 주유소 찾으시는 분들 이제 그러지 마세요. 개방화장실은 정부에서 지원금을 받고 관리하는 곳이라 깨끗하기도 합니다. 이거 아시나요? 스타벅스도 공공화장실입니다. 왜 그럴까요? 미국에서 흑인 남성이 스타벅스에서 음료를 사지않고 화장실을 이용하려다 인종차별로 싸움이 났습니다. 경찰이 출동하고 난리가 났지요. 그 후로 전세계 스타벅스는 누구나 화장실을 이용할 수 있도록 개방하였습니다. 2021. 10. 19.
프리미어 프로 : 움직이는 글자 글자가 빠르게 들어와서 천천히 멈추는 애니메이션을 만들어 보자. 아주 쉽다. 키프레임만 이해하면 된다. ▲ 영상이 있고 위에 글자를 하나 넣었다. ▲ 애니메이션을 만들 때는 먼저 최종 위치와 모양을 잡아준다. 여기에 글자가 멈출 것이다. ▲ 효과 컨트롤 패널 - 위치에 애니메이션을 켜서 키프레임을 만들어준다. ▲ 그리고 애니메이션이 시작하는 시점으로 재생바를 옮기고 키프레임을 추가한다. ▲ 글자의 위치를 조절한다. ▲ 화면 밖에서 들어오기 때문에 글자가 안 보일 때까지 위치를 잡자. ▲ 여기까지만 해도 밖에서 화면으로 들어오는 애니메이션은 만들어졌다. 이제 글자가 들어오는 속도를 조절해보자. 위치 효과를 확장하면 속도가 나온다. ▲ 속도를 조절하면 저렇게 속도 조절 핸들이 나오고 핸들을 위, 아래로 움직.. 2021. 10. 18.
코드블럭 꾸미기(테마, 넘버링) - 티스토리 ▲ 플러그인에서 적용 중인 코드블럭 모양은 이렇다. ▲ 꾸며봤다. 앞에 넘버링도 달고 좀 더 알아보기 쉽게 해 봤다. 지금 보니 짜다시리 달라진 게 없어 보인다. ㅎ ▲ 외부 테마를 적용하려면 플러그인에서 코드 문법 강조 기능을 사용하면 안된다. 끄자. ▲ 테마는 여기서 가져오고 https://highlightjs.org/ 넘버링은 https://github.com/wcoder/highlightjs-line-numbers.js 에서 가져온다. ▲ 2번 줄에 monokai-sublime.min.css가 테마다. 위 영어 사이트 왼쪽 메뉴의 테마 이름은 무조건 소문자, 공백은 -로 써야 한다. 예를 들어 Nnfx Light 테마는 nnfx-light.min.css라 적는 거다. 티스토리 스킨에 따라 적용 안.. 2021. 10. 18.