전체 글 썸네일형 리스트형 구글폰트 포토샵 및 HTML에 적용하는 방법 포토샵이나 여타 디자인 프로그램을 사용하던 중 원하는 글씨체가 없으면 꽤나 답답할 것이다. 다행히도 구글에서 무료로 폰트를 다운받을 수 있기 때문에 그 방법을 소개해 보고자 한다. 구글폰트 사이트에서는 수많은 영문폰트를 지원하고 있어서 대부분 자신이 원하는 폰트를 찾을 수 있을 것이다. 사이트 찾는 방법은 간단하다. 구글이나 네이버 검색창에서 한글이나 영어로 '구글폰트' 라고 입력하면 나오는 Google Fonts 사이트로 들어가면 된다. 단, 익스플로러에서는 접근이 불가능하니 이점 참고하자. 메시지에 보듯이 크롬, 파이어폭스, 에지, 사파리에서 방문이 가능하다고 되어있다. 필자는 크롬을 이용하였다. 구글폰트 사이트의 메인화면인데, 각종 폰트가 등록되어 있는 모습이다. Search에서 찾고자 하는 폰트명.. 더보기 구글블로그 5분 만에 만들기 구글블로그를 만드는 방법을 알아보자. 티스토리 블로그를 운영하고 있다면 구글블로그에서도 기존의 애드센스 계정과 연동이 되므로 쉽게 광고를 넣을 수 있다는 장점이 있다. 하지만 티스토리와는 달리 단조로운 스킨때문에 HTML/CSS에 능숙해야 본인이 원하는대로 블로그를 꾸밀 수 있을 것이다. 어쨌든 이번 포스팅은 블로그를 꾸미는 것이 목적이 아니기 때문에, 일단은 구글블로그를 만들어 보도록 하자. 별로 어렵지 않으니 누구나 쉽게 만들 수 있을 것이다. 구글사이트에서 구글블로그라고 검색하면 나오는 빨간색 박스 안에 있는 사이트로 들어가자. 블로거 고객센터의 사이트로 들어갔다면 다음과 같은 화면에서 로그인 링크를 클릭하면 된다. 위와 같은 화면이 나오면 블로그만들기를 클릭하고 블로그를 만들 본인의 계정을 선택하.. 더보기 메이플스토리 궁수 1차 스킬트리 & 2차전직 방법 메이플스토리 버닝캐릭으로 궁수를 키워보았습니다. 평소 모험가 캐릭을 좋아라 하는데 이번 기회에 평소 키우고 싶었던 궁수캐릭을 선택하였습니다. 30 레벨까지 올리는데 1시간도 안걸리네요. 역시 버닝캐릭이 짱입니다. 옆의 움짤은 더블점프 무빙 애로우 블로우 샷!!! 어차피 올마스터니 마음대로 올린다!!! 는 농담이고 그나마 이렇게 올리는게 낫습니다. 애로우 블로우1 ▶더블 점프(M) ▶아처 마스터리(M) ▶크리티컬 샷(M) ▶애로우 블로우(M) 더블 점프 스킬을 찍어 기동력을 높여서 사냥하면 한결 수월합니다. 스킬 올릴 때마다 마나 소모치가 크게 감소하여 마스터시 마나소모량이 MP10 밖에 안됩니다. 애로우 블로우 - 최대 4명의 적에게 데미지를 준다 함 더블점프 - 모험가들 다 가지고 있는 이동스킬이죠. .. 더보기 그림던(GRIM DAWN) 확장팩 직업 - 라이트닝 레인저 빈디케이더(Vindicator) 그림던 확장팩의 신규직업인 네크로맨서[Necromacer]와 인퀴지터[Inquisitor]를 조합한 캐릭터들을 조금씩 키워보았는데, 얼티메이트[Ultimate] 모드까지 키운 유일한 캐릭터이네요. 아이템 파밍을 꽤나 귀찮아하기 때문에 아이템 영향을 크게 받지 않는 원거리 캐릭이 저한테 잘 맞는거 같습니다. 플레이 해 본 결과 무난하게 얼티메이트까지 키울 수 있는 괜찮은 빌드 같아서 포스팅을 해봅니다. 확장팩에서 샤먼[Shaman]의 Savagery 스킬이 원거리 무기에도 적용이 되는 것을 보고 키우게 된 라이트닝 레인저인 빈디케이터[Vindicator]입니다. 샤먼[Shaman]과 인퀴지터[Inquisitor]의 조합으로 Savagery스킬의 차지가 쌓이면 DPS는 상당히 높게 나옵니다만, Savager.. 더보기 [JavaScript] 티스토리 블로그 스크롤 다운하면 내려오는 헤더메뉴 스크롤 다운 시에 떨어지는 헤더메뉴의 동작 원리이다. 구글링을 해보면 다양한 방식들을 접할 수가 있는데, 처음에는 한 해외 유튜버의 코드를 응용한 스크롤의 Y포지션을 지정하여 헤더높이를 0에서 늘리는 방식을 적용하였다. 하지만 스크롤의 Y포지션이 지정한 범위일 때는 헤더가 보이지 않지만, 페이지를 막 띄운 상태인 Y포지션이 0일 때 헤더가 남아있는 문제점이 있었다. 그 이유를 모르겠다. 빨리 초보에서 벗어나야 할텐데 ㅋㅋ. 어쨌든 궁여지책으로 알아낸 방법으로 원하는 동작을 구현해낼 수 있었다. 헤더메뉴의 초기 Y위치를 마이너스 값으로 잡는다. 이러면 화면 밖으로 벗어난 상태이기 때문에 어떠한 상황에서도 헤더메뉴가 보이지 않는다. 이제 자바스크립트로 스크롤이 일정한 범위 이상일 때에만 원래의 위치로 돌아오.. 더보기 윈도우 10에서 'javac은 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다' 해결방법 윈도우 10의 명령 프롬프트에서 javac 명령어를 쳤을 때 'javac은 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다' 라고 뜨는 현상의 해결 방법입니다. 이걸 가지고 2시간이나 헤매었네요 ㅠㅠ '내 PC' 마우스 우클릭 -> 속성 고급 시스템 설정 클릭 고급의 환경 변수로 들어갑니다. 시스템 변수에서 새로 만들기를 클릭하세요. 변수 이름에 JAVA_HOME 을 입력 변수 값에 본인의 자바가 설치된 경로의 자바 버전을 입력 다음으로 시스템 변수에서 Path를 찾아서 들어가세요. 윈도우 10이라면 다음과 같은 화면이 뜰 겁니다. 새로 만들기를 클릭하세요. %JAVA_HOME%\bin을 입력하세요. 윈도우 10이면 여기서 끝이 아닙니다. 위로 이동을 눌러서 방금 만든 %JA.. 더보기 HTML/CSS float와 overflow hidden 5분만에 이해하기 overflow hidden은 일정 영역을 벗어나는 부분을 보이지 않게 하는 스타일 속성이다. 하지만 레이아웃을 구성할 때에 float 속성과 자주 함께 사용하기도 한다. overflow hidden과 flow를 같이 사용하여 레이아웃을 구성하는 방법을 One True Layout 방식이라고 표현한다. 다음과 같은 HTML 코드를 입력하여 간단한 레이아웃을 구성하여 CSS로 스타일을 적용하여 float: left 속성을 주었다. 다음처럼 Footer 요소가 제대로 자리를 잡지 못한 레이아웃이 구성된다. 이유는 Aside와 Section 요소가 Footer 요소 위에 float 속성으로 부유하게 되므로 일어나는 현상인데, overflow hidden 속성으로 이를 바로잡을 수가 있다. 원래의 float의 .. 더보기 HTML/CSS margin,padding 간단정리 margin : 마진의 너비를 지정하는 속성으로 border의 바깥쪽 여백을 정함 플러스 값, 마이너스 값을 입력할 수 있음 px이나 % 단위를 입력 padding : 패딩의 너비를 지정하는 속성으로 border의 안쪽 여백을 정함 px이나 % 단위를 입력 border : 글자 밖의 테두리를 지정하는 속성으로 굵기나 색상 등을 설정 1. 한개값 입력 margin/padding : 값1 [위, 아래, 오른쪽, 왼쪽] 2. 두개값 입력 margin/padding : 값1 [위, 아래] 값2 [오른쪽, 왼쪽] 3. 세개값 입력 margin/padding : 값1 [위] 값2 [오른쪽, 왼쪽] 값3 [아래] 4. 네개값 입력 margin/padding : 값1 [위] 값2 [오른쪽] 값3 [아래] 값4 [왼쪽].. 더보기 군중심리 - 올바른 지도자를 선출하기 위해 반드시 알아야 할 심리 정치가란 다 마찬가지다. 건너갈 강도 없는데 모두 다리를 세우겠다고 약속한다. - 후르시초프 - 후보자들의 공약에는 '약속'만 있을 뿐, 사람들의 '왜', '어떻게'의 물음에 대한 답은 없다. 정치에 깊은 관심은 없지만 언론을 통한 정치소식을 접하다 보면 항상 생각하는 것들이 있다. '왜 저렇게 정치인들에게 휘둘릴까?' 뻔한 공약들과 번지르르한 미사여구의 말발에 이리저리 놀아나는 사람들. 자기들만의 무리를 만들어 타인의 것들은 비난하고 배척하는 사람들. 국민들을 개돼지로 취급하며 이용하는데도 그에 맞춰서 꼬리를 흔들어대는 사람들. 집회나 종교단체 같은 곳에 선동되는 사람들의 심리가 항상 궁금했었다. 그리하여 읽어보게 된 책이 바로 '군중심리'이다. 저자는 프랑스 출생의 '귀스타브 르 봉'으로 처음에는 의.. 더보기 워킹데드 릭의 저주 - 릭을 만나면 모두 죽는다 최근 가장 재미있게 보고 있는 미드 중 하나인 워킹데드 시리즈. 대부분의 인류가 좀비로 변한 세상에서 생존자들의 투쟁을 그린 드라마로 극한의 상황에 몰린 인간의 본성을 이 드라마를 통해 엿볼 수 있다. 현재 시즌 8의 8화까지 방영되었고 내년 2018년 미국 시간으로 2월 11일에 9화가 방영될 예정이다. 마지막 시즌이 언제인지는 모르겠으나 어느덧 드라마의 중반을 넘어서 종반을 향해 달려가고 있는 워킹데드이다. 워킹데드의 주인공 역인 릭 그라임즈 [Rick Grimes]는 영국 출신의 배우인 앤드류 링컨 [Andrew Lincoln]이 맡아서 열연 중이며 드라마 성격상 과격한 액션신과 잔인한 장면이 많은데도 불구하고 정말 무섭게도 잘 소화해내고 있다. 특히 릭이 빡 돌았을 때(?) 사이코 패스적인 눈빛은.. 더보기 이전 1 2 3 4 5 6 7 8 ··· 30 다음
