내 PC 로컬 호스트를 외부에서 접속 가능한 웹서버로 만들기 (ngrok)
내 로컬 PC가 웹 서버 역할을 하도록 할 일이 생겼다. localhost를 외부에서 접속 가능한 상태로 만들기. 결론은 ngrok을 쓰는 거다.
전체 글 보기
CSS flexbox 쉽게 이해하기
CSS flexbox를 익히면 HTML 요소들을 좀 더 자유롭게 배치할 수 있다. 특히 화면 크기의 변화에 반응하는, 즉 반응형 웹사이트를 만드는 데 유용하다. flexbox 최대한 쉽게 총정리하기.
CSS 반응형 쉽게 만들기 (미디어쿼리)
웹에 접속하는 디바이스가 워낙 다양하다보니 요즘 사이트들은 대부분 반응형이다. 웹페이지를 브라우저 크기에 따라 다르게 나타내기 위해 CSS에서 미디어쿼리를 익혀보자.
CSS 이미지 크기 자동 조절 (스케일링)
브라우저 크기를 조절해도 본문 내 삽입된 이미지들이 망가지지 않고 브라우저 크기 따라 자연스럽게 조정될 수 있도록 하는 방법.
CSS 쉽게 이해하기 (폰트, 배경, 박스모델, 레이아웃)
웹 문서를 제대로 스타일링 하려면 CSS로 별도의 스타일 시트를 작성해 사용하는 게 좋다. 스타일링 기법은 다양하지만, 일단 기초 속성들부터 알아보자. (폰트, 배경, 박스모델, 레이아웃)
EPL 19-20 최고의 공격수를 알아보자 (90분당 공격포인트 시각화)
EPL 19-20 시즌 데이터를 가지고 공격수들의 경기당 공격 포인트(득점, 도움)를 산점도로 시각화 해보았다.
손흥민 EPL 19-20 데이터(스탯) 시각화
손흥민 선수의 EPL 19-20 시즌 데이터를 가지고 시각화 해보았다. 이번 시즌도 스탯이 훌륭하다.