본문으로 바로가기
⭐

파일의 IT 블로그

웹

해당되는 글 33건
  • thumbnail
    웹/HTML + CSS

    티스토리 본문 넓히기 (#2 반응형 스킨)

    블로그에서 #2 스킨이 깔끔하고 좋아서 사용중인데 본문 부분이 살짝 좁은 느낌이 들어서 수정해봤습니다. 티스토리 관리 페이지로 이동 >> 꾸미기탭 - 왼쪽아래 스킨변경 >> 오른쪽위 사용중인 스킨 부분 편집을 누릅니다. 오른쪽 부분에서 CSS 항목으로 이동한후 빨간색 부분만 수정해주면 됩니다. /* 헤더 */ .wrap_skin{position:relative;min-width:884px;min-height:100%;padding-left:23%;transition:padding-left ease-in-out 0.2s} .wrap_skin.navi_on {padding-left:960px} .area_head{position:fixed;left:0;top:0;width:23%;margin-top:171p..
  • thumbnail
    웹/PHP

    [PHP] 변경 사항이 Bitnami WAMP 서버에 즉각 반영되지 않을때

    Bitnami WAMP에서 PHP의 수정사항이 즉각반영이 되지 않는 불편함을 겪었습니다. 알아보니 PHP의 캐싱기능인 OpCache 때문이라고 합니다. 로드했던 PHP를 메모리에 넣어뒀다가, PHP를 재실행하면 이를 불러와서 성능을 향상시킨다고 합니다. 사이트 완성후엔 이것이 유리하겠지만 완성전엔 불편함만 있는거 같아서 끄는 방법을 알려드리겠습니다. Bitnami WAMP의 일반적 경로 C:\Bitnami\wampstack-버전 으로 이동한후 php.ini를 열어서 수정해줍니다. [opcache] zend_extension=php_opcache.dll ; Determines if Zend OPCache is enabled opcache.enable=0 opcache 부분만 0으로 바꿔주면 됩니다. 그 후..
  • thumbnail
    웹/HTML + CSS

    [CSS] a 태그 마우스 갖다댈때만 밑줄(underline) 표시하기

    This is a link 주목: a:hover은 a:link 와 a:visited 정의 이후에 등장해야 합니다 주목: a:active 은 a:hover 정의 이후에 등장해야 합니다 a:link 방문 전 링크 상태 a:visitied 방문 후 링크 상태 a:hover 마우스 오버시 상태 a:active 클릭 했을때 상태 출처 www.w3schools.com/css/css_link.asp CSS Styling Links CSS Links With CSS, links can be styled in different ways. Text Link Text Link Link Button Link Button Styling Links Links can be styled with any CSS property (e...
  • thumbnail
    웹/Node.js

    [Node.js] 스팀 API 사용하기

    설치방법 npm i steamapi cmd 창에서 다음 명령어를 입력해서 설치해주세요 * Node.js 가 설치되어 있고 환경변수가 등록되어 있어야지 작동합니다. 사실 스팀 Web API가 이미 친절하게 제공되어 있으나 기능을 구현하려면 GET으로 일일히 만들어줘야 합니다 그걸 Node.js로 미리 해주신 분이 있어서 우린 써먹기만 하면 됩니다! 사용예제 Steam Api Key는 다음 링크에서 받으실 수 있습니다. const API_KEY = 'your_api_key'; const SteamAPI = require('steamapi'); const steam = new SteamAPI(API_KEY); steam.resolve('https://steamcommunity.com/id/your_steam_..
  • thumbnail
    웹/JS

    [Polyfill] beforescriptexecute, beforescriptexecute 이벤트의 폴리필

    beforescriptexecute 이벤트를 활용하면 JS 로딩전에 JS를 내 마음대로 조작시킬 수 있습니다. (JS 로딩자체를 없애버리거나 안의 변수 이름, 내용등을 Replace 해버릴 수 있습니다) TamperMonkey, GreaseMonkey 같은 것에서 사용하면 거의 왠만한 사이트를 내 마음대로 조작이 가능해집니다. 하지만 사진 이 이벤트가 파이어 폭스 이외엔 제대로 작동하지 않는것으로 알려져 있습니다. 크롬에서도 작동시키려면 아래 주소의 Polyfill을 사용하면 됩니다. gist.github.com/maple3142/c6593f0aff180bc0e4be5d549259da2c polyfill of 'beforescriptexecute' event polyfill of 'beforescript..
  • thumbnail
    웹/HTML + CSS

    티스토리 본문 부분 나눔고딕 폰트로 변경하기

    빨강 본문 부분 폰트를 나눔고딕으로 변경하는 코드입니다. 노트북 FHD해상도에 배율 125%로 볼땐 본문 진한 글씨가 깔끔하게 보였는데 제 PC로 보니깐 티스토리 기본 글꼴에서 진한 글씨가 지저분하게 보여서 본문폰트 바꾸는 코드를 만들었습니다. (본문만 바꾸는 이유는 블로그 처음들어왔을때 제목으로 표시되는건 티스토리 기본 폰트가 더 나아서 그렇게 했습니다.) 티스토리 설정 - 스킨편집 - HTMl 편집에 들어가셔서 /* 본문 글꼴 - 나눔고딕 설정 */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); .area_view{ font-family: 'Nanum Gothic', sans-serif; } CSS ..
  • thumbnail
    웹/HTML + CSS

    브라우저의 속성 지원 확인 사이트 CAN I USE

    caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! caniuse.com CSS, HTML 등 다양한 속성들에서 브라우저의 호환성과 전세계 사람들이 그 기능을 얼마나 사용가능한지 확인 가능합니다. CSS의 GRID기능을 예로 하자면 Global의 95.89%는 전세계 인터넷 사용자들의 95.89%가 Grid Template기능을 이용가능하단 겁니다...
  • 이모티콘창 닫기
    울음
    안녕
    감사해요
    당황
    춤
    피폐

    이모티콘을 클릭하면 댓글창에 입력됩니다.

    티스토리툴바