본문으로 바로가기

WEBDIR

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈으로
  • 블로그소개
  • 카테고리
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    흉내쟁이

    개발자모드 ON, 부스터 디자인

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

WSL(Windows Subsystem for Linux ) 소개

MS는 개발자들의 발걸음을 되돌리기 위한 노력의 일환으로 Windows Subsytem for Linux(WSL)를 발표하였습니다. 맥과 리눅스의 개발환경의 편의성을 고려했다는 것은 그것들에 익숙해져있는 개발자들에게는 희소식이 아닐수 없습니다. 아래의 내용에선 WSL의 간단한 소개와 유의사항에 대하여 알아봅니다. WSL 소개 윈도우즈 10과 윈도우즈 서버군에 새롭게 포함된 WSL은 윈도우즈에서 리눅스 명령을 cmd, powershell 등을 통해 직접 실행할 수 있는 새로운 기능이다. 다시말하면 리눅스용으로 제공되는 각종 프로그램과 편리한 도구들을 윈도우용으로 포팅하거나 윈도우용 버전을 구할 필요가 없어지는 것이다. 특히나 IT쪽 개발자들은 윈도우에서 개발을 진행하면서 각종 가상머신과 에뮬레이터를 통해 ..

윈도우즈/WSL 7년 전

그누보드5 작업준비

그누보드5를 이용해서 원하는 테마를 만들때 우선적으로 수행하고 있는 몇가지 팁을 작성합니다. 이것은 필자의 편의를 위해 추가하는 것이니 참고정도로 생각하시길 바랍니다. jQuery Migrate 그누보드5에서 사용하고 있는 jQuery 버전은 1.8.3버전으로 구버전의 jQuery를 기준으로 작성되어 있다. 이 버전으로 인해 미묘한 차이가 발생할 수 있는데 가령 대중적인 jQuery 플러그인들이 1.9 버전 이후대를 지원하고 있는 등 최신의 플러그인들과 호환성 문제를 야기시킬 수 있다. 필자는 jQuery Migrate를 이용해 1.12.4 버전을 사용하고 있으며, theme/js 폴더를 만들어두고 그 곳에 자바스크립트 및 jQuery 소스를 넣어둔다. 경로 접근방법은 G5_THEME_JS_URL php..

그누보드/GNU 팁 8년 전

AMD 라이젠(RYZEN) 정보모음

PC 업계가 AMD의 라이젠(RYZEN) 출시로 한창 떠들석한 요즘입니다. 한 동안 인텔사에 못미치는 성능으로 대중에게 외면받던 AMD사가 가성비와 성능을 앞세워 반격에 나섰기 때문이죠. 이에 여러 하드웨어 포럼에서 먼저 출시된 라이젠 7 제품군들에 대한 벤치마크를 통한 성능 테스트 및 오버클럭 효율등에 대하여 많은 리뷰가 작성되고 있습니다. 필자 또한, 컴퓨터 교체를 염두에 두고 있던 터라 라이젠과 관련된 정보를 모아보던 중 이에 혼선을 초래하는 정보들로 인해 판단의 어려움을 겪었습니다. 많은 분들이 비슷한 입장이라 생각되어 관련 정보를 취합해 봅니다. AMD 라이젠(RYZEN) 소개 라이젠은 14nm(나노) 공정의 젠(Zen) 아키텍처로 생산되며, 코드네임은 서밋 릿지(Summit Ridge)이다. ..

윈도우즈/Windows 일반 8년 전

새로운 수익창출 모델 - Adobe Affiliate Program (어도브 제휴 프로그램)

사이트 및 블로그 운영의 수익창출모델에 도움이 될만한 프로그램이 있어 소개합니다. 기존의 구글 애드센스와 유사하며 아래에서 배너 신청 및 등록방법에 대하여 알아봅니다. Adobe 제휴 프로그램 소개 Adobe Affiliate Program은 어도브사와 제휴를 맺고, 웹 사이트에 배너를 등록하여 수수료 이익을 창출하는 프로그램이다. 또한, 어도브사는 익히 알다시피 포토샵, 일러스트등의 유명 그래픽 프로그램 제작사로 관련제품을 월간 혹은 연간 구독을 통해 저렴한 가격으로 사용할 수 있게 제공하고 있고, 여러가지 할인혜택을 함께 제공하고 있다. HOME Adobe 제휴 프로그램 DOC Getting_Started_Guide_The_Adobe_Affiliate_Private_Network_Nov16_KOR_V..

웹코딩/App,Plugin 8년 전

그누보드5 메뉴 현재 위치 설정

그누보드5에서 제공하는 메뉴는 현재 위치를 알리는 클래스가 설정되어 있지 않습니다. 현재 위치를 알리는 용도로 사용될 active 클래스를 추가하는 간단한 방법을 살펴봅니다. 메뉴 현재 위치 설정 원리 그누보드5에서 제공하는 메뉴에는 링크 주소를 담고 있는 $row['me_link'] 가 존재한다. 이를 현재 페이지의 주소창의 주소와 비교하여 같다면 해당 메뉴의 에 .active 를 추가하도록 설정하는 것이 핵심이다. .active 에 대한 디자인을 스타일시트에 추가함으로써 일반 메뉴와 현재위치의 메뉴가 구분된다. 당연한 이야기겠지만, 그누보드5의 관리자 > 환경설정 > 메뉴설정 에서 추가한 메뉴들에서만 작동하며, 주소창의 주소를 다른 방식으로 변경하는 방법을 사용한다면 작동하지 않는다. 메뉴 현재 위치..

그누보드/GNU 팁 8년 전

그누보드 제목 $g5['title'] 이해와 설정

그누보드에서 제목 출력을 담당하는 PHP 변수는 $g5['title'] 입니다. 이에 대한 설정내용과 페이지별 제목의 원리를 살펴보고 이를 수정해 봅시다. 해당 글은 그누보드5 버전을 기준으로 작성되었습니다. 사이트 제목 담당 ($g5_head_title) 그누보드에서 사이트의 제목을 설정하는 곳은 head.sub.php 파일이다. head.sub.php 파일의 head 영역에서 와 같이 처리하고 있는데 $g5_head_title은 PHP 변수로 head.sub.php 파일의 상단에 아래와 같이 변수값을 설정하고 있다. if (!isset($g5['title'])) { $g5['title'] = $config['cf_title']; $g5_head_title = $g5['title']; } else { ..

그누보드/GNU 자습서 8년 전

그누보드 $w 변수값이 의미하는 것

그누보드에서 사용되는 변수 $w 값이 의미하는 것에 대하여 알아봅니다. 해당 글은 그누보드5 버전을 기준으로 작성되었습니다. 변수 $w 그누보드는 변수 $w 값을 이용해 특정상황에 맞는 조건문의 분기로 사용한다. 가령 글쓰기 폼이나 회원가입 폼등에서 작성된 문서의 수정을 위한 접근인지 첫 접근인지를 파악하는 용도로 사용된다. 각각의 값이 가지는 의미는 아래와 같다. $w == '' 라면 새글 $w == 'u' 라면 글수정 $w == 'r' 라면 답변글 $w == 's' 라면 비밀글

그누보드/GNU 자습서 8년 전

여러가지 기기의 중단점(breakpoint)

반응형 웹디자인을 만들때 특정 중단점을 기준으로 디자인을 구상하는 것은 현명하지 못한 결과를 초래한다. 수많은 기기의 뷰포트들을 각각의 중단점에 맞게 디자인을 구상하지 말고 전체를 아우르는 유동성있는 디자인이 작업의 노고를 줄이는 지름길이다. 다만 경우에 따라 특정 기기들의 뷰포트가 필요한 경우가 있기에 이를 조사해봤다. 스마트폰(Smartphone) 아이폰(iphones) /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-rat..

웹개발론/반응형웹디자인 9년 전

크롬 개발자 도구 오류

크롬개발자도구에서 갑자기 아래와 같은 오류가 발견되었다. VM: 다음의 숫자는 계속해서 변하고 있다. GET http://s3.eu-central-1.amazonaws.com/forton/http_headers_1.js VM7376:1 이게 무슨 오류일까 곰곰히 생각해봤다. 진행중이던 프로젝트에 삽입된 코드들중에 외부서버에서 무엇인가 받고 내보내는 해킹코드가 삽입되었는가? 최근에 재설치한 VMware(가상머신)에서 정보수집을 위해 무엇인가 하고 있는 것인가? 기타 등등 관련하여 검색중에 의심되는 부분을 발견했고 구글의 확장기능들을 만들때 사용되는 코드들과 관련될 수 있다고 유추했다. 설치된 확장기능을 하나 하나 사용중지 시켜보니 HTTP Headers 란 확장기능이 문제의 원인이었다. VMware를 의심..

개발도구/크롬, 개발자도구 9년 전

Windows 10 정품인증 사례

윈도우즈 10의 정품인증과 관련된 궁금한 내용들을 모아봅니다. 일반 사용자를 위한 윈도우즈 10 무료 업그레이드 혜택은 2016년 7월 29일로 종료되었지만, MS는 여전히 무료 업그레이드 혜택을 받을 수 있는 통로를 열어두었다. 보조 기술을 사용하는 고객을 위한 Windows 10 무료 업그레이드 기존에 사용하던 윈도우에 정품인증을 받았던 사용자들은 윈도우 10 업그레이드 후에도 자동으로 인증되었다. K.J 툴로 정품인증 받은 사용자 바이오스 개조하여 정품인증 받은 사용자 OEM PC/노트북에 상위 버전의 윈도우를 설치하고 인증툴로 정품인증 받은 사용자 기타등등 물론, 불법 사용자의 윈도우즈 10까지의 업데이트 길이 험난할 수 있고 모든 경우에 성공할 순 없다. 재설치 뿐만 아니라 하드웨어 정보가 변경..

윈도우즈/Windows 10 9년 전

Windows 10 다운로드 및 설치용 미디어(USB/DVD) 만들기

윈도우즈 10은 업데이트 및 설치도구, ISO 이미지를 제공하고 있습니다. 관련 ISO 이미지가 필요해서 토렌트나 기타 웹하드를 전전하는 분들은 마이크로소프트에서 제공하는 최신의 정식 버전을 다운로드하여 사용하기를 추천합니다. Windows 10 다운로드 아래의 링크는 마이크로소프트 공식 링크이다. DOWN #1 Windows 10 다운로드 DOWN #2 Windows 10 디스크 이미지 다운로드(ISO 파일) DOWN #1 : 이 링크는 미디어 만들기 도구를 통해 운영중인 PC에 직접 윈도우즈 10을 설치하거나 설치/부팅용 USB/DVD 를 만들 수 있게 해준다. DOWN #2 : 이 링크는 원하는 버전의 ISO 파일을 바로 다운로드 받을 수 있게 해준다. 아래에선 DOWN #1 링크에 대한 설명으로 ..

윈도우즈/Windows 10 9년 전

부팅가능한 USB 드라이버 만들기 - Rufus

이전에 소개한 Windows USB/DVD Download Tool은 빠른 제작은 가능하지만 다른 옵션지정이 불가능한 단점이 있습니다. 최근에는 UEFI 부팅을 이용한 GPT 파티션이 애용되고 있으니 이에 대한 편리함을 제공하는 Rufus에 대하여 알아봅니다. 윈도우즈 10은 마이크로소프트에서 제공하는 Windows 10 다운로드를 통해 USB나 DVD를 제작할 수 있습니다. 다만 UEFI를 이용한 GPT 파티션 설정을 지원하지 않습니다. Rufus 소개 Rufus는 USB키/펜드라이브, 메모리 스틱등의 USB 드라이버 포맷과 동시에 USB로 부팅할 수 있게 도와주는 유틸리티이다. 윈도우 8/8.1 설치 - Fast Boot 설정(UEFI 설치)에서 다뤘던 UEFI 부팅디스크를 만드는 방법은 트윅되어 퍼..

윈도우즈/Windows 일반 9년 전

Windows USB/DVD Download Tool

예전부터 윈도우즈 설치를 위해서 ISO 파일을 부팅가능하게 만들어주는 여러가지 도구들이 존재했는데 이런 프로그램들이 대부분 유료이거나 여러가지 기능중에 하나이기에 복잡하기도 하고 오랬동안 같은 과정을 반복하지 않아 사용법을 잊곤 했습니다. 아래의 방법은 마이크로소프트에서 공식적인 문서로 제공하는 부분이고 몇가지 질답을 제공하고 있으니 좀 더 안정적인 방법일거라 판단되고 무엇보다 매우 간단합니다. Windows USB/DVD Download Tool은 윈도우즈7/8 의 ISO파일을 BIOS의 MBR 파티션을 기반으로 미디어를 제작합니다. 최신의 PC들은 UEFI를 지원하고 GPT 파티션 기반의 미디어를 제작하기를 원한다면 Rufus를 이용한 미디어 제작을 추천합니다. 이에 대한 설명은 부팅가능한 USB 드..

윈도우즈/Windows 일반 9년 전

Window(전역객체) - BOM

Wiindow 객체 정의 Window 객체는 브라우저의 창(또는 프레임)을 가리키는 객체로, 모든 전역 객체와 전역 함수는 Window 객체의 프로퍼티와 메서드에 해당한다. 즉, Window 객체가 최상위 객체이며, 생략될 수 있기에 눈에 보이지 않을뿐, 모든 변수와 객체, 함수들이 Window 객체안에서 선언되고 실행되고 있다는 것이다. var x = 6; //window.x = 6 과 같다. var y = 4; //window.y = 4 와 같다. window.document //현재창의 document 프로퍼티(HTML 문서)접근 window.document.forms[0] //현재창의 HTML 문서의 첫번째 폼 접근 모든 자바스크립트 구현에는 유효 범위 체인의 가장 앞에 전역 객체가 위치하며, 이..

웹코딩/Javascript 9년 전

자바스크립트 표현식들

보호되어 있는 글입니다.

보호글 9년 전
  • 이전
  • 1
  • 2
  • 3
  • 4
  • 5
  • ···
  • 30
  • 다음

사이드바

ABOUT

WEBDIR for Developer

NOTICE

  • 스킨 변경 및 배포
  • 리부트!! WEBDIR 개편 소식
  • 오픈!! WEBDIR 블로그 소개
  • 전체 보기
MORE+

CATEGORY

  • 전체보기 (438)
    • 윈도우즈 (68)
      • Windows 일반 (49)
      • Windows 10 (11)
      • WSL (8)
    • 리눅스 (135)
      • Linux 일반 (63)
      • CentOS (26)
      • Ubuntu (46)
    • 네트워크 (8)
    • 웹코딩 (125)
      • HTML (43)
      • CSS (41)
      • Javascript (14)
      • PHP (5)
      • MySQL (0)
      • App,Plugin (22)
    • 웹개발론 (31)
      • 웹표준, 접근성 (6)
      • 크로스브라우징 (24)
      • 반응형웹디자인 (1)
    • 프레임워크 (6)
      • 보일러플레이트 (6)
      • 부트스트랩 (0)
    • 그누보드 (4)
      • GNU 자습서 (2)
      • GNU 팁 (2)
    • 워드프레스 (13)
      • WP 팁&테크 (9)
      • WP 플러그인 (3)
      • WP 변경이력 (1)
    • 티스토리 (10)
      • 블로그가이드 (0)
      • 스킨가이드 (8)
      • 스킨배포 (2)
    • 개발도구 (33)
      • XAMPP (6)
      • 서브라임텍스트 (15)
      • 에디터 (2)
      • 크롬, 개발자도구 (6)
      • Git (1)
      • Hyper-V (0)
      • Docker (0)
      • 가상머신 (1)
    • 기존 작성물 (5)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

TAG

  • app
  • property
  • html5
  • Linux
  • element
  • Plugin
  • server
  • sublimetext
  • Editor
  • Windows
  • CentOS
  • Wordpress
  • ubuntu
  • jQuery
  • CSS
  • HTML
  • JavaScript
  • polyfill
  • Utility
  • Command
MORE+

LINK

  • 그렇고 그런 이야기
  • Life is an egg.
  • Codrops
  • Front-end Developer Ishaiin.

VISITOR

현재 실시간 방문자
오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT WEBDIR, ALL RIGHT RESERVED.
WEBDIR
블로그 이미지 흉내쟁이 님의 블로그
MENU
  • 홈으로
  • 블로그소개
  • 카테고리
  • 태그
  • 방명록
CATEGORY
  • 전체보기 (438)
    • 윈도우즈 (68)
      • Windows 일반 (49)
      • Windows 10 (11)
      • WSL (8)
    • 리눅스 (135)
      • Linux 일반 (63)
      • CentOS (26)
      • Ubuntu (46)
    • 네트워크 (8)
    • 웹코딩 (125)
      • HTML (43)
      • CSS (41)
      • Javascript (14)
      • PHP (5)
      • MySQL (0)
      • App,Plugin (22)
    • 웹개발론 (31)
      • 웹표준, 접근성 (6)
      • 크로스브라우징 (24)
      • 반응형웹디자인 (1)
    • 프레임워크 (6)
      • 보일러플레이트 (6)
      • 부트스트랩 (0)
    • 그누보드 (4)
      • GNU 자습서 (2)
      • GNU 팁 (2)
    • 워드프레스 (13)
      • WP 팁&테크 (9)
      • WP 플러그인 (3)
      • WP 변경이력 (1)
    • 티스토리 (10)
      • 블로그가이드 (0)
      • 스킨가이드 (8)
      • 스킨배포 (2)
    • 개발도구 (33)
      • XAMPP (6)
      • 서브라임텍스트 (15)
      • 에디터 (2)
      • 크롬, 개발자도구 (6)
      • Git (1)
      • Hyper-V (0)
      • Docker (0)
      • 가상머신 (1)
    • 기존 작성물 (5)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

  • app
  • property
  • html5
  • Linux
  • element
  • Plugin
  • server
  • sublimetext

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.