데스크톱으로만 쓰던 개인 위키를 모바일에서 열어봤는데 처참했다. 사이드바가 콘텐츠를 밀어내고, 목차가 화면의 절반을 차지하고, 검색창은 작아서 누르기도 힘들었다. 모바일에서도 출근길에 컨텐츠를 읽을 수 있게 만드는 것이 목표기 때문에 모바일 화면 최적화를 진행했다. 목표 1. 반응형 디자인: 4개 breakpoint로 모든 화면 크기 대응 2...

웹사이트를 만들다 보면 결국 사람들이 내 사이트를 공유하길 바라게 된다. 그런데 막상 카카오톡이나 페이스북에 링크를 붙여넣으면 밋밋한 URL만 덩그러니 나오는 경우가 있다. 반면 어떤 사이트들은 멋진 썸네일 이미지에 제목, 설명까지 깔끔하게 나온다. 이 차이를 만드는 게 바로 Open Graph Protocol이다. Open Graph는 Faceboo...