PC Geek's

1. 반응형 웹사이트 디자인이란, 스마트폰, 태블릿, 컴퓨터 모니터 등의 다양한 화면 해상도와 가로세로비, 그리고 마우스와 터치 인터페이스를 고려해 그때그때 가장 알맞은 레이아웃을 보여줄 수 있도록 html코딩하는 방법을 말한다. 이렇게 만든 웹페이지는 일만 컴퓨터 화면에서도 웹브라우저 창모양을 바꾸면 레이아웃이 달라지기도 한다. 반응형 디자인으로 웹페이지를 꾸미면, 신기하면서도 "얘들 사용자를 배려하는구나"하는 인상을 주기 좋다. 장애인을 위해 접근성을 개선한 웹사이트 디자인이 반응형보다 더 중요하지만, 어쨌든 가장 먼저 눈에 들어오는 것은 반응형이니까.웹페이지 하나로 여러 해상도, 기계에 맞춰준다는 컨셉에서 알 수 있듯, 잘 되면 멋지지만 코딩이 복잡하고 전체적으로 웹페이지가 무거워지며, 잘 만들어도..

지난 달 말에 쓴 이후 누적된 것입니다. 따로 글만들어 적지 않은 자잘한 내용입니다. - 스킨 자유도가 조금 더 필요한데.. 어떨지 모르겠습니다. - 지난 달에 새 에디터로 전환해 시험해봤는데, 새 에디터에서도 최근태그 추천기능이 부활돼있지 않았더군요. - 전에도 적었는지 모르겠는데, 글목록화면에서 F5키를 눌러 리프리쉐해도 지금 보고 있는 페이지가 보입니다. 이건 참 편해졌군요. 만세! - 블로거닷컴처럼, 티스토리도 글목록에 태그목록을 표시해 준다면?다만 그러는 대신 세로길이가 너무 늘어나거나 한 화면당 글목록 갯수가 줄어드는 건 반대. - 티스토리에서 글수정할 때, 웹브라우저 back 버튼을 눌러 수정화면으로 돌아가면 실수할 수 있으니 조심하세요. 예전에는 이렇지 않았는데.. 아마 크롬, 네이버 웹브..

제가 모은 것은 아니고, 티스토리 공지에 올라온 글입니다. 체크해둡니다.[주간 구독 리포트] 티스토리 스킨 수정이 어렵다면? TISTORY 2019.07.23

에버노트 공홈: Evernote XML(.enex) ★ 노트와 노트북을 백업(내보내기)하고 복원(가져오기)하는 방법백업단위는 노트 또는 노트북이라는데, 에버노트에 로그인하지 않은 지 좀 돼서 테스트해볼 것.html, mht파일로 저장할 때 구글 크롬, 네이버 웨일에서 읽어볼 것. ★ Windows용 Evernote에서 데이터를 백업하고 복원하는 방법PC용 프로그램을 깔면 로컬PC에 동기화파일이 만들어지고, 이것을 복사해 보관할 수 있다. (이건 처음부터 그랬다)요즘은 .enex파일이 들어있다는데요즘버전 C:\사용자\[PC 이름]\Evernote\Databases옛버전 C:\사용자[PC 이름]\AppData\Local\Evernote\Evernote\Databases이라고 한다. 그 폴더 자체를 복사하는 ..

윈도우 7과 윈도우 10 맑은고딕 글꼴이 다릅니다. 제 블로그 사용자글꼴 중 하나가 맑은고딕인데, 같은 크롬 웹브라우저인데 윈도우 7보다 윈도우 10에서 글꼴이 더 가늘게 보입니다.본래 다를 이유가 없는데.. 제가 윈도우 7에서 튜닝을 많이 했는지도 모르겠습니다. 원도우 10에서 크롬깔고 보니 제 블로그에선 확 느껴지는군요. 가독성이 조금 떨어져서 설정을 조금 바꿔줄까 생각 중입니다. * 윈도우 10 글꼴을 윈도우 7에 복사해 쓰는 사람도 있나 봅니다. 라이센스문제를 확인하지 않았스니 시도해보는 건 개인적으로만.

티스토리 로그인은 이메일주소-비밀번호입니다.그래서 만약 그 로그인용 이메일을 서비스하는 회사가 끝! 이래버리면티스토리 블로그에 문제가 생겼을 때 끝장입니다.- 당장 로그인도 그 메일로 할 뿐더라- 로그인 이메일주소를 변경하려 해도 일단은 먼저 이메일로 연락받을 수 있어야 하고- 고객센터 소통도 그 메일주소를 통하기 때문입니다. 고지와 문의 답변 등. https://notice.tistory.com/2494?category=377478 그러니, 드림위즈 메일로 티스토리 로그인 이메일주소를 쓰는 분들은 바꿔주세요.되도록이면 daum.net 이메일이 나을 겁니다. 티스토리 블로그를 이용하다가 만에 하나 계정 로그인을 못한다든가 다른 문제가 생기면 그쪽 고객센터로 연결이 되기 때문에.

한 달 간 쌓인 것입니다. 저는 여전히 구편집기를 사용하고 있습니다. 그래서 Ctrl-V로 블럭을 붙이면 그 뒤로 개행문자(?) 전까지 전부 선택되어 타자 잘못하면 싹 지워지는 버그를 여전히 겪고 있습니다. 뭐.. 더 이상 지원하지 않는 모양이니까 이해합니다. ^^ 없애지만 말아주세요. 태그를 카테고리처럼 임의 구성할 수 있는 사이드바 메뉴가 하나 있으면 좋겠습니다. 이제 구형편집기는 지원하지 않아서겠지만, 태그 자동입력지원은 기대하지 말아야?이 기능이 지원되지 않기 때문에 티스토리 태그 활용도가 확 떨어졌습니다.완전히 제 기억에만 의지해야 하다 보니, 어떤 분류로서 사용할 수 없습니다.그저 글 핵심단어 요약이란 느낌으로 쓰고 있습니다.

관리자화면에서 "새로운 글쓰기"를 사용합니다하고 선택해주면, 그 화면 하단의 CCL(크리에이티브 커먼즈 라이센스를 적용한 퍼블리싱)설정이 자동으로 켜집니다. 원래부터 CCL을 켜놓고 쓰던 사람이라면 상관없지만, CCL를 적용하지 않고 글쓰던 사람이라면 이 부분을 놓치면 번거로워집니다. 주의해주세요. 그리고 옛날 글쓰기로 재설정해도 또 CCL설정이 켜집니다. 이건 티스토리의 고질적인 버그이자 잠재적인 유저 저작권 침해 행위입니다. 또한, 예전에는 "새로운 글쓰기를 사용하지 않습니다"를 고르면 다시 구편집기를 사용할 수 있었습니다만, 구편집기로 되돌려도 여전히 강제로 새 편집기를 사용하게 만드는 버그가 있습니다.(이게 제 컴퓨터에서만 발생하는 현상이 아니라면 말입니다) 이 부분을 조금 더 테스트해보니, 새로..

이전글 다음으로 누적된 사용기 및 개선희망목록입니다.아래 내용 중에는, 월중에 바뀌었거나 나아져 5월말 시점에는 필요없는 항목도 있을 수 있습니다. 날짜예약 미니달력에서, 월(month)항목에 좌우스크롤 버튼을 만들면 편할 것 같습니다. 그게 풀다운 선택지보다 낫습니다. 우선순위는 낮습니다. 관리자화면 글목록에서, 각 글의 제목 다음에, 거기 걸어놓은 태그를 표시해주면 좋을 것 같습니다. 지금 티스토리는 태그입력창에 이 블로그에서 이미 사용한 비슷한 태그 자동완성 후보를 보여주는 기능을 없애버렸기 때문에 태그기능 자체가 그저 글요약 정도 기능에 그치고 있긴 합니다만.. 그래서 글목록에 태그를 보여주는 것은 별로 시급한 이야기는 아닙니다. 한가하실 때 편집기의 태그 자동완성기능 부활과 함께 신경써주..

에디터 개편 후, 태그가 아무 데나 붙는 일이 종종 있습니다.ctrl-v했을 때나 몇몇 태그(블록쿼트, 박스 등)를 쓴 다음에. 그리고 블록쿼트() 다음에 태그가 들어가지 않으면 그 다음 텍스트 글자는 레이아웃이 달라지는 현상이 있네요. 단, 이건 특정 스킨 특정 조건에서만 생기는 현상일 수 있습니다. 관리자 화면 글목록에서, 페이지를 넘긴 뒤 예를 들어 11페이지에서 웹페이지를 refresh (reload)를 하면 첫페이지로 돌아가지 않고 그대로 11페이지가 보입니다. 참 편리해졌습니다. ^^ 블로거에게 개인단위 고지 또는 주의조치, 경고, 환경설정 변경 요청 등이 있을 때는 이메일발송과 함께 블로그 관리자 화면 알림에 넣어주면 좋겠습니다. 어쩌면 이미 이렇게 바뀌었을지도 모르겠습니다만.. (예전 티스..

주석을 넣을 수 없습니다. 워드프로세서처럼 WYSIWYG로 해달라고 기대하는 건 무리라고 생각했습니다만 주석넣는 버튼이 어디에 있는지 모르겠네요. 맥OS X에서 컨트롤키대신 커맨드키를 사용한 단축키가 동작합니다. 모두인지는 모르겠지만 일단 주로 사용하는 키는 그렇습니다. 좋아진 점.목록(리스트)을 만들고 붙여넣기하면 붙여넣기되는 위치를 잘못 잡는 버그가 있습니다. 일반적인 발동 조건은 확인하지 않았습니다.일부 사용자에게만 나타나는 현상일지 모르겠는데, 작성한 글의 CCL라이센스 설정이 강제로 활성화됩니다. 편집기에서는 끌 수 없고, 글을 새로 쓸 때를 위해 관리자화면 글 설정에서 꺼줄 수 있습니다.새 편집기로 글쓰기를 사용하지 않음으로 해도 활성화되어 있습니다. 필요하면 관리자화면에서 다시 꺼줄 수 있습..

3월분 리포트 모음입니다. 월중에 생각난 내용을 모은 글이므로, 적은 다음에 티스토리가 업데이트되며 해결된 내용도 있을 수 있습니다. 티스토리 서명기능말인데, 워터마크 등록도 할 수 있으면 좋겠습니다. 저는 거의 쓰지 않는 기능이라 어찌되든 상관없습니다만. 티스토리기반으로 만든 다양한 정부기관, 기업체 블로그를 구경해보니, 청말 아이디어 대단하고 다양하게 사용하더군요. 멋졌습니다. 티스토리가 구글 블로거에 비해 좋은 점이, 태그제한이 없어보인다는 점입니다. 블로거는 텍스트로 태그필드를 관리하는지 200자던가? 제한이 있습니다. 예를 들어, 고양이, 강아지, 호랑이.. 이렇게 쉼표로 구분해 적은 태그 텍스트의 총합이 200자란 식입니다. 티스토리는 적어도 그건 없는 것 같습니다. 그리고 태그목록을 본문의 ..

2월분입니다. 월말 전에 업데이트되어 해결된 내용이 있을 수 있습니다. - 글작성화면에서 태그.. 최근 사용 태그 목록은 표시해줍니다만, 입력하면 가장 비슷한 최근 태그목록을 표시해주어 고를 수 있게 해주는 기능은 없어진 지 꽤 됐습니다. 언제쯤 돌아올지. - 편집기에서 필요없는 span,div태그 군더더기가 붙는 현상이 많아졌습니다. 전부터 있었을 지도 모르겠습니다. - 맥에서는 command+C/V/X 키로, 윈도우에서는 Control+C/V/X키로 단축키가 자동대응되면 좋겠습니다. 현재는 맥에서도 CTRL키입니다. 비교하면, 구글 블로거는 맥에서는 커맨드키, 윈도우에서는 컨트롤키입니다. 어떻게 했는지 모르겠지만(크로뮴기반이 아닌 다른 웹브라우저에서는 테스트해보지 않았습니다). - 티에디션에서 이미지..

예전체 체크해두었던 사이트 한 군데. http://jjycjnmath.tistory.com 입니다. http://jjycjnmath.tistory.com/259http://jjycjnmath.tistory.com/260 감동먹었어요. 리디북스 전자책보다 눈이 더 편하단 느낌이 들 정도. 그런데 여기 들어가 글꼴은 뭘까.. 잡담.웹브라우저 화면에서 클리어타입이 적용되지 않던 윈도우 9x시절에도 홈페이지나 블로그 본문 글꼴에 바탕체를 선호하는 사람은 여럿 있었습니다. 하지만 그때 바탕체는 그다지 보기 좋지는 않았습니다. 해상도를 감안하더라도 HWP워드프로세서에서 보는 화면과는 달리 도트가 튀었죠. 하지만 요즘은 글꼴 렌더링 기술이 좋고 CPU가 빨라서인지, 종이책보는 느낌을 주는 웹페이지가 많습니다.

티스토리가 아닌 다른 웹페이지나 웹브라우저가 아닌 소스(예: 윈도우 메모장)에서 텍스트를 영역지정한 다음 Ctrl+C로 복사한 후, 티스토리 블로그 편집기 화면에 Shift+Ctrl+V 로 텍스트를 붙여넣기할 때, 아래와 같은 군더더기코드가 붙습니다. 그리고 뭔가 다른 로직이 깔려 있는지, 어떤 경우에는,같은 티스토리 편집창에서 텍스트를 복사해 복사한 바로 이 창에 붙이는데,Ctrl+V로 붙이면 그냥 제대로 붙고Shift+Ctrl+V로 붙이면 저 코드가 따라붙습니다.이거참.. 그래서 텍스트 붙여넣기할 때 무척 귀찮아졌습니다. 또 하나, 어떤 경우에 html텍스트를 보면 맑은고딕글꼴을 지정하는 코드가 자동으로 들어가 있습니다.그리고, 제 편집창말인데, "고딕", "14px"가 지정돼 있습니다. 이상하죠? ..

2019년 1월부터 쌓인 소감입니다. 매일매일 적기는 뭐해서 예약글 하나를 적어 모아둡니다. 1월 중순 이후 업데이트에 개선된 사항은 반영되지 않았을 수 있습니다. 웹사이트 도메인이나 와일드카드를 적용한 웹페이지별로 글꼴적용할 수 있게 해주면 좋겠습니다.예를 들어 티스토리 편집기 화면 URL에는 나눔고딕이나 코퍼브 글꼴을 사용하도록 정한다든가, 뉴스사이트에서 사용하는 글꼴과 글자크기, A커뮤니티 사이트에서 사용하는 글꼴과 글자크기를 다르게 지정하는 것 말입니다. 전체적으로로 바꿔놓으면 가끔 불편하거나 표시되는 정보가 왜곡될 때가 있습니다. 사용자글꼴을 맑은고딕으로 바꾸고, 최소글꼴크기를 12포인트로 바꾸니 티스토리 편집창과 관리자화면에서 참 편안하네요. 슬림모드의 문제인데, 웨일도 다른 웹브라우저처럼 윈..

구글 크롬과 네이버 웨일(크로뮴 기반 웹브라우저)가장 작은 글씨가 잘 안 보일 때, 특히 화면 크기에 비해 해상도가 아주 높은 모니터에서.최소 글꼴 크기를 14포인트로 해주면 좀 낫습니다.더불어 편집창 기본 글꼴도 커집니다. 최소글꼴크기는 화면에 표시되는 가장 작은 글씨가 그것이란 얘기. 기본이 10포인트인데, 12~13포인트로 해서 괜찮으면 그쪽이 낫습니다.14포인트는 레이아웃이 깨지는 웹페이지가 좀 있습니다. 구글 크롬 네이버 웨일티스토리 편집창에서는 14포인트일 때 레이아웃이 부분적으로 깨집니다. 다른 웹사이트도 그렇습니다.그건 그렇고 그 다음은 글꼴 문제인데..태그입력창의 영문 글꼴을 고정폭 글꼴로 지정해줄 수 있으면 좋을 것 같은데.. 위 스크린샷에서 "Tistory.com"부분의 영문 철자가 ..

유튜브검색은 많이 하는 모양이지만. 요즘 티스토리 관리자화면> 방문 통계화면이 개편되었다.이전 화면에서 없어진 것도 있고 추가된 것도 있는데, 이 블로그로 들어오는 방문자를 보면검색엔진유입은 네이버가 대부분이고 다음이 조금이다. (카카오검색이 만들어지면 다음이 좀 만회하려나?) 올들어 개편된, 티스토리의 새 방문 통계화면은 월간통계를 볼 수 있는데, 얼마 전에 작년 자료도 돌아볼 수 있도록 기능이 추가되었다는 공지가 떴다. 하여튼 그것으로 보면, 작년내내 구글검색으로 이 블로그에 들어온 사람은월평균 한손가락으로 다 꼽을 수 있을 만큼 적다....... 5명 내외, 한 달에.

티스토리가 업데이트될 때마다,티스토리 블로그하는 분들은 조심해서 확인하셔야 할 게 있습니다.티스토리 관리자 화면의 CCL(Creative Commons License) 항목입니다. 좀 이상해요. "당신 착각~"이라거나 "버그~"라고 한다면 그렇겠네하겠지만, 이것저것 손볼 떄마다 저 부분은 곡 OFF돼있는지 확인하는데도 켜진 적이 있으니.. 아주 가끔, 티스토리가 업뎃할 때 이 설정이 CCL 표시 허용으로 임의로 변경돼 있습니다. 블로거가 CCL표시를 안 함으로 해놔도 말이죠. CCL표시를 아래와 같이 디폴트값으로 허용한 대로 놔두면, 블로그에 쓴 글은 누구나 퍼가서 수정하고 상업적으로 사용해도 되는 글이 됩니다. 그런데 이런 라이센스 변경은 블로거 자신이 하는 것이지,티스토리가 자사가 호스팅하는 남의 블..

CSS파일을 고칠 때 알아둘 상식: 글꼴. 조금 찾아본 것을 버리기 아까워 메모해 둔다.일일이 고치는 귀찮은 짓을 하지 않기 위해. 반응형 디자인을 할 때 헤매지 않기 위해. ★ 서체의 종류와 스타일 http://webberstudy.com/html-css/css-1/font-style/: 글꼴에 관한 기본 설명이 눈에 잘 들어온다. ★ CSS 단위별 폰트사이즈(px,pt,em,%) http://jsunnylab.tistory.com/24: 반응형에는 em이 좋다고. 그리고 이렇게 여러 종류가 있는 이유를 간략하게 정리한 블로그.글자크기 비교표가 아주 유용하다.디자인 원리 자체는 전문 사이트에서 좀 더 읽어야 한다. ★ 당신은 모를 수도 있는 CSS의 7가지 단위 https://webdesign.tuts..

2019년 공지에 편집기가 크게 바뀐다고 하니까 기대합니다만(카카오"SNS"를 중심으로 미디어다음"뉴스", 다음"메일", 다음쪽 "동영상"포털, 그리고 "블로그"에선 티스토리를 잘 결합하는 게 목표일 것 같더군요. "인공지능비서"쪽은 카카오에 뭐가 있을 것 같으니, 그럼 포기한 다음"클라우드"와 처음부터 없었던 "사진"서비스가 빠져 있는 셈).,몇 가지 써봅니다.지금 편집기의 좌우 여백은 왜 만든 거예요? 아무 짝에도 쓸모없이 공간만 차지하죠. 동영상올리기도, 파일을 올려 TV팟에도 올리도록 하는 건 좋은데,TV팟에 올라온 영상을 티스토리에 쉽게 퍼오게 하는 기능은 지금 없군요.오히려, 플러그인으로 지원하긴 했지만, 유튜브 영상을 쉽게 퍼오는 기능은 있었죠. 지금도 외부컨텐츠 삽입이란 이름으로 html모..

티스토리 블로그의 관리자화면 접속통계를 보여주는 부분이 좀 바뀌었습니다.https://notice.tistory.com/2466?category=110385 얼마 전에 보니, 유입통계가 간결하게 바뀌었습니다.그런데 검색엔진을 통해 들어오는 네이버:다음 비율이 네이버가 훨씬 많더군요. 이전 통계화면으로 볼 때보다 차이가 더 벌어져보였습니다. 구글로 들어온 건 이달 전체가 손가락으로 셀 정도고.그리고 전화기/태블릿과 PC/노트북 둘로 구분한 것 같은 단말기 비율이 거의 동등했습니다. 블로그리뉴얼을 할 때가 됐나 하는 생각도 해보고,모바일 웹페이지는 제 수준에서는 마음대로 바꿀 수 있는 게 거의 없는 것 같아서 어떻게 해야 하나도 생각해봅니다.

- 윈도우와 맥에서 같은 글꼴 같은 크기라도 좀 다르게 보일 수 있다. 같게 하려면 생각보다 조금 크게. 테스트필요.- 웹브라우저가 웹글꼴을 다운받아 사용하는 방식을 공부할 것. 무작정 끼워넣으면 다운받는 트래픽 부담을 지워 사용자에게 불편하고, 웹페이지 로딩도 늦다.- 웹폰트든 일반 폰트든, 다양한 OS, 기본글꼴만 사용하는 사람들을 배려해서 css font 항목에 글꼴 순서를 지정할 것.- google early access (google developers) 페이지와 jsDelivr.com CDN 웹사이트 대충 이런 이야기. 한국어와 웹 폰트에 관한 6.1가지 사실 https://taegon.kim/archives/5528- 블로그 전용 웹폰트를 만들면서 용량 줄이기- WOFF2 폰트 포맷- OS별..

꽤 품이 들어가는데, 생각만큼 모양이 잘 나오진 않더군요.구글 블로거닷컴 블로그 스킨을 손볼 때처럼, 불편한 점이 한두 가지가 아닙니다.많이, 많이 불편하고, 지금 무료로 골라 활용할 수 있는 반응형 스킨은 모두, 여백의 미가 아니라 여백이 너무 많은 느낌.그러면서도 폭이 바뀔 때 배치와 모양이 바뀌는 것은 신기하기도 하지만 개조하는 입장에서는 신경써야 할 점이 많고(다양한 화면 크기와 포인팅 디바이스를 상상해 수동테스트해봐야 하는 불편), 때로는 깨지기도 해서, 실력없는 제겐 반응형 웹사이트의 장점보다는 장점이 많아 보였습니다. 몇 가지 키트가 있긴 한데 그걸 배우는 것도 번거롭지만, 브라우저쪽에서는 라이브러리를 같이 읽는 것이니 그만큼 무거워질 것 같고..피드가 신기해서 손대봤는데, 제겐 아직 시간이..

1.관리자 화면, 내가 링크한 목록에서, 링크수정 화면이 잘 동작하는지 확인해주시면 좋겠습니다.링크작성, 삭제는 잘 되지만 수정은 안 되는 것 같은데.. 그리고 저장/저장완료 버튼은 자동식이 된 듯. :) 2.요즘 대화면 모니터를 고려해서, 글관리화면 한 화면에 표시하는 글목록을 15개만이 아니라 30개, 50개를 선택가능했으면 좋겠습니다. 그 옵션은 글관리화면에 자리를 만들어 넣을 필요는 없고, 관리자화면> 콘텐츠> 설정 화면에서 정할 수 있도록 하면 되겠죠.

내 블로그 스킨은 손댄 데가 많아서 오리지널도 그런지, 요즘 새로운 반응형 스킨도 그런지는 잘 모르겠다. 하지만 아래와 같은 증상이, 만약 지금 일반적인 현상이라면, 개선했으면하고 생각한다. 댓글이다.티스토리 블로그는 글작성하며 댓글허용하면(기본 설정이다) 댓글(a)을 적을 수 있다.그리고 그 댓글(a) 아래에 댓글(a)에 대한 댓글(b)을 달 수 있는데..이런 상태에서 댓글(a)의 작성자가 댓글(a)를 지우면 댓글(b)도 지워진다. 다음블로그와 티스토리는 댓글삭제시 처리 방식이 다른데,댓글이 깔끔하게 날아가는 티스토리는 여러번 썼다 지웠다 한 경우 지저분하지 않다.반면 다음블로그는 "지운 댓글입니다"던가 뭐던가 하여튼, 뭐라고 자욱이 남는다.다음블로그는 그 대신, 댓글(a)를 지우면 댓글(a) 본문 자..

티스토리 편집기에서 * 글자크기, 장식, 바탕색 결정은 왼쪽에서 오른쪽으로 버튼을 눌러주어야 안전하다.발생조건은 아직 알아내지 못했지만, 오래 전부터 있던 현상이다. 범위지정, 버튼누르는 순서 등이 어떤 식으로 순서가 바뀌면, 바탕색은 바탕색버튼누를 때 글씨크기를 기준해 그려지고, 한편 글자는 마지막에 재지정한 크기대로 지정한 것처럼 보일 떄가 있다. * 밑줄은 기본적으로 본문 글자와 같은 색이다. 하지만 다른 색을 넣을 수도 있다. html코드를 손댄 게 아니라 그냥 버튼누른 순서가 그렇게 만든다. 이것도 발생조건은 알아내지 못했고 가끔 경험하는 현상. * 편집기는 아직, 군더더기 코드가 붙는 버그가 좀 많다. 예를 들어 DIV태그나 SPAN태그가 막 붙어버리는 경우가 있고, 링크가 멋대로 여러 개로 ..

전에는 그냥 티스토리 블로그의 파일 첨부 기능을 써서, 필요하면 분할압축해 업로드했다. 대부분 드라이버 파일이지만.그래도 좋지만.. 블로그가 커지면서 파일을 체계적으로 관리할 필요를 느꼈고, 10메가바이트씩 분할압축해 업로드하는 것이 불편하기도 해서, 앞으로는 dropbox, box.com, 구글드라이브같은 곳에 올려 두고 공개 링크를 따오기로 했다. 물론 합법적으로 배포해도 되는 파일 이야기다. 드롭박스의 무료 용량은 2기가바이트, 박스닷컴은 10기가바이트밖에 안 되지만, 그래도 그게 어디야.그런 저장고 안에 두면 이점이 몇 가지 있는데,1. 체계적으로 폴더를 나누어 분류할 수 있다. 링크를 딴 파일을 같은 저장소 안에서 다른 폴더에 옮기고 나서, 이전에 딴 링크가 유효한 지 링크를 새로 따야 하는 지..

먼저 글 하나 링크. 잘 된 설명과 예제다.Styling Underlines on the Web BY JOHN D. JAMESON ON OCTOBER 10, 2016기본은 이 사이트 https://www.w3schools.com/css/css_link.asp CSS는 영문에 어울리게 되어 있기 때문에 텍스트 아래에 밑줄이 나올 때, 한글은 밑줄이 붙어버린다. 그래서 밑줄을 좀 띄어 주면 보기가 좋아진다. 그리고 밑줄이 붙었을 때만 띄우면 레이아웃이 깨지니까, 텍스트 전체적으로 다 밑줄을 조금 띄워 디자인 통일성을 유지하도록 CSS를 조정해주어야 한다.예를 들어 이런 식이다..article u {border-bottom: 1px solid; padding-bottom: 2px; text-decoration..

Daylogs/HTML/CSS word-wrap, word-break 줄바꿈 속성 차이 - 꿀벌개발일지 블로그CSS 줄바꿈속성 (LineBreak Property) - White-space, Word-wrap [WEBDIR] word-wrap: break-all; 이 유용한 경우가,본문에 URL링크를 넣었는데 링크가 너무 길어 웹페이지 레이아웃을 깨버린 경우.신경쓰면 링크는 남기고 보이는 부분은 ...으로 처리할 수도 있고, 다른 방법을 쓸 수도 있지만, 티스토리 본문인 경우에는 그건 귀찮으니까, 본문 css속성에 저걸 넣으면 됨. word-break가 유용한 경우는 제목란.제목란 줄바꿈은 직접 손대줄 수도 있겠지만, 가장 편한 방법은 word-break: keep-all; 띄어쓰기 단위로 잘라준다. 제..