여러 사이트를 접속하다보면 어떤 사이트는 금방 접속되는 반면에 한참이 걸린 후에야 페이지가 나타나는 것을 본 적이 있을 것이다. 사이트의 구조에 따라 페이지가 로딩되는 속도가 다르며 너무 오래 걸릴 경우에는 접속자에게 나쁜 인상을 줄 수 있으며 기업이나 회사와 같은 곳의 사이트에서 접속이 오래 걸릴 경우에는 브랜드에 안 좋은 영향을 줄 수도 있다. 어떤 사이트의 속도가 다른 사이트에 비해 어떤지 알아보는 방법에는 구글의 'Testmysite' 라는 사이트를 이용하는 방법이 있다.

모바일 페이지 로드 속도 테스트 : 'Testmysite'

'Testmysite'는 구글에서 운영하는 사이트이다.

한글 버전 : https://testmysite.withgoogle.com/intl/ko-kr

영어 버전 : https://testmysite.thinkwithgoogle.com/intl/en-us

[ 'Testmysite' 메인 페이지 ]

사이트에 접속을 하고 테스트하고 싶은 사이트 주소를 입력한다.

[ 사이트 검사중 ]

사이트 분석하기를 누르면 3g에서의 속도 테스트와 html, css, javascript 등을 여러 소스를 분석하게 되며 모바일 사용 편의성도 검사하게 된다.

[ 사이트 검사 결과 ]

사이트 검사결과 3g에서 로드시간은 7초가 나오며 양호함을 나타냈고 그로 인해 26%의 예상 방문자 손실률이 나타났다. 

검사 결과는 조금씩 차이가 있을 수 있으나 대부분 비슷한 결과를 나타낸다.

[업종 비교]

해당 사이트는 양호함을 받긴 했지만 같은 업종의 사이트들보다 로드 속도가 느린 결과를 얻었다.

[속도 높이기]

사이트 속도가 높아지면 방문자를 더 많이 확보할 수 있는데 그 방법을 알려주기도 한다.

[최고 해결 방안]

초기 렌더링에 중요하지 않은 자바스크립트는 첫 번째 렌더링 이후까지 비동기 또는 지연되어야 한다는 등 여러가지 해결 방안이 제시된다. 그리고 무료 보고서를 제공해주는데 이때 필요한 것은 결과를 받을 이메일 주소이다.

사이트를 제작하거나 운영하고 관심이 많은 분들은 'Testmysite' 사이트를 이용해보는 것도 좋은 방법일 것 같다.

지원하지 않는 모드입니다. HDMI/DVI:PC

현재 해상도는 지원하지 않습니다. 외부기기에서 해상도를 변경하세요.

평소에 잘 쓰던 모니터에서 갑자기 이런 문구가 나왔다. 컴퓨터를 부팅할 때 화면이 반응하는 것을 보면 분명 모니터가 연결은 되있는 것인데 윈도우 화면에 접근할 때 저런 문구가 나오는 현상이었다.

처음에는 재부팅을 해보았고 화면에 나온 말처럼 해상도를 지원하지 않는 것이 원인일까 싶어서 해상도 조절을 해봤지만 고쳐지지 않았다.

어제까지만해도 잘 쓰던 모니터가 이렇게 된 것이니 실제로 해상도 문제는 아닐 것 같다라는 생각을 했다.

필자는 윈도우 업데이트를 한 후에 저렇게 됬다. 그렇다면 업데이트 과정에서 무언가가 오류가 생긴 것은 아닐까? 

그 후 아래와 같은 방법으로 해결하게 됬다.

그래픽 드라이버 업데이트

인텔 내장그래픽을 사용하는 사람은 위 사진에 있는 다운로드 링크를 따라가면 되며 다른 그래픽 카드를 사용하는 사람은 각자에 맞는 그래픽 드라이버를 찾아서 업데이트 해주면 된다. 3DP 같은 자동으로 드라이버를 잡아주는 프로그램을 사용해도 좋다.

과거에는 PC로만 인터넷에 접속했기 때문에 웹 사이트 디자인을 할 때 PC의 모니터를 기준으로 했다면 요즘은 PC, 테블릿, 스마트폰 등 다양한 기기들의 출현으로 글씨가 작게 보이는 등의 문제가 발생했다. 그런 이유로 PC버전과 모바일버전의 웹사이트를 따로 제작하게 되면 비용, 시간, 인력이 모두 2배로 들기 때문에 비효율적이다. 그리고 드디어 반응형 웹이라는 기술이 등장했다.

반응형 웹이라는 것은 다양한 기기, 환경마다 최적화된 웹사이트를 제공하는 것을 말한다.

반응형 웹의 장점

1. 유지보수가 간편하다.

- 모바일 버전과 데스크톱 버전을 따로 만들 경우 새로운 내용을 추가하거나 수정할 때 개별적으로 수정하는 반면 반응형 웹에선 한번에 할 수 있다.

2. 모바일 점유율의 증가.

- 모바일로 인터넷에 접속하는 사람들을 위한 모바일화면에 최적화된 화면을 구성할 수 있다.

3. 마케팅에 유리하다.

- 각 기기들에 최적화된 화면을 제공함으로써 웹 사이트에서 보여주고자 하는 내용을 잘 전달할 수 있다.

4. 검색 엔진 최적화가 가능하다.

- 검색 엔진 최적화(SEO, Search Engine Optimize)란, 포털 사이트나 검색 사이트에서 사용자가 특정 키워드로 검색했을 때 검색 결과에서 상위권에 나타나도록 관리하는 작업을 말하는데 데스크톱 전용 웹사이트와 모바일 전용 웹사이트 등으로 사이트가 나눠지면 주소 또한 나눠지게 되고 이런 경우, 검색엔진이 검색 결과를 나타냄에 있어서 불리함을 가진다. 반면에 반응형 웹을 이용하여 웹 사이트를 만들면 하나의 주소만을 사용하게 되어 검색 결과 노출에 유리함을 가지게 된다.

5. 미래 지향적 기술이다.

- 미래에는 테블릿, 스마트폰뿐만 아니라 TV, 냉장고, 내비게이션 등 더 다양한 기기들로 웹 사이트를 접속할 수 있게 될 것이다. 그렇기 때문에 다양한 화면에 최적화가 가능한 반응형 웹 기술이 필수적이다.

반응형 웹의 단점

1. 기획력과 디자인의 어려움

- 기기, 환경마다 최적화된 구조를 설계해야 하기 때문에 제작함에 있어서 조금 더 어렵다.

2. 높은 비용

- PC만 지원하는 웹 사이트 제작보다 더 많은 비용이 발생하며 유지 보수 비용 또한 높다.

반응형 웹을 만들기 위해서는 미디어 쿼리가 필요하다. 

미디어 쿼리는 CSS3부터 지원되는 기술로 미디어 타입, 화면 크기 등을 기준으로 다른 스타일 시트를 적용시켜 주며 이를 이용하여 화면 크기가 달라질 때 스타일을 바꿀 수 있고 반응형 웹을 만들 수 있다.

컴퓨터나 노트북을 살때 저렴하게 구입하는 방법으로 OS가 포함되지 않는 것을 사는 방법이 있다.

이럴 경우에는 자신에게 맞는 OS를 직접 설치해야하는데 WINDOW를 설치하기 위해선 부팅 USB가 필요하다.

준비물 : 8GB USB

우선 https://www.microsoft.com/ko-kr/software-download/windows10 에서 윈도우 10 프로그램을 다운 받는다.

그리고 밑의 사진의 단계를 거친다.

USB 플래시 드라이브를 선택하면 바로 USB를 부팅 USB로 만들어 주는 것이고,

ISO 파일을 선택하면 ISO 파일만 다운 받게 된다. USB 플래시 드라이브를 선택했는데 안될 시 선택해준다.

첫번 째 방법으로 했을 땐 부팅USB가 자동으로 만들어진 반면 두번 째 방법은 그렇지 않기 때문에 직접 부팅USB를 만들어야한다.

이 글에서는 'rufus' 라는 프로그램을 사용할 것이다.

http://software.naver.com/software/summary.nhn?softwareId=MFS_111001

1. 부팅USB로 만들 USB를 선택한다.

2. iso 이미지를 선택한다.(window 파일)

3. FAT32 또는 NTFS를 선택한다. (FAT32가 좋다는 의견도 많으나 필자는 오류가 발생하여 NTFS를 선택했다.)

USB 안의 모든 파일들이 삭제되기 때문에 중요한 파일이 있다면 다른 곳으로 옮겨야 한다.

약 30분의 시간이 소요된다.

웹서비스를 할 때 누구에게나 같은 모양의 페이지를 보여줘야 하기 때문에 웹폰트의 중요성은 매우 높다고 할 수 있다.

쉽게 사용하는 방법으로는 구글 폰트 https://fonts.google.com/ 를 이용하는 방법이 있는데

사이트를 보면 대부분이 영어를 위한 폰트이며 한글은 없을 것 같다.

하지만 구글에서는 여러 나라의 폰트를 지원하며 한글 폰트 역시 지원하고 있다. https://fonts.google.com/earlyaccess

현재 구글에서 지원해주는 한글 폰트 11가지를 소개하겠다.

수년 전에 메이플스토리를 하고 다시 하려고 하니 새로운 시스템이 많이 생겨있었다.

토드의 망치는 그 중 하나였다. 처음에는 그저 그런 기술이겠거나 했는데 레벨이 올라갈 수록 필요성이 느껴졌다.

토드의 망치란, 장비에서 장비로 잠재옵션과 스타포스를 전수해 주는 것이다.

이동하는 것은 잠재능력(윗잠), 에디셔널 잠재능력(에디, 아랫잠), 스타포스-1, 소울 등이다.

토드의 망치를 사용하기 위해서는 

1. 추출할 장비의 스타포스가 1성 이상이어야 한다.

2. 추출/전수 받는 아이템은 +1~+20 레벨 차이가 나야하고 100 이상 아이템은 +1~+10레벨 차이가 나야한다. 

3. 추출/전수는 같은 부위의 장비만 가능이다. (단, 한벌옷과 상,하의는 서로 능력 추출/전수가 가능하다.)

->성별,직업 관계x / 무기는 같은 종류의 무기만 가능

전수 받을 장비는 업그레이드 가능 횟수가 0이어야 하며 그렇지 않을 경우 100% 주문서 강화로 일괄 소비된다.

밑에 사진들은 실제로 토드의 망치를 사용한 모습이다.

우선 모자들을 준비한다.

현재 갈색 좀도둑 털모자: "잠재옵션은 럭2%/럭2/럭1%에 에디셔널 잠재옵션은 공1/hp5/이동속도1"

그리고 이 모자는 위의 레벨10제 도적모자의 능력을 전수 받을 모자이다.

토드의 망치 버튼을 눌렀을 때 모습이다. 능력 추출이 가능한 아이템 목록이 보인다.

능력을 전수 받을 수 있는 아이템 목록이 나오며 전수 됬을때의 옵션을 미리 볼 수 있다.

전수받을 아이템은 업그레이드 가능 횟수가 0이어야 하며 그렇지 않을 경우 공짜100% 주문서를 이용할 수 있다.

순서대로 모자에 능력을 전수시켜준다.

최종적으로 능력을 전수 받을 모자이다. 이 아이템은 100% 주문서가 아닌 다른 주문서를 미리 발라두어야 좋은 옵션을 사용할 수 있다.

최종적으로 능력을 전수 받은 모습이다.

시작할때와 달리 옵션들이 크게 상향된 것을 알 수 있다.

이유는 잠재능력을 가진 아이템의 레벨이 올라갈 수 록 능력 또한 올라가기 때문이다.

에픽잠재: 2%->6% / 에디레어잠재첫줄: 1->10

html, css, js 파일 등 웹 서버에 파일을 올렸는데 적용이 안된 경험을 한 적이 있는가?

이런 경우에 패치된 내용을 확인할 수도 없고 원인을 모른다면 정말 답답한 상황이 찾아온다.

이러한 현상이 일어나는 이유는 방문한 페이지를 다시 접속할 때 더 빠르게 보여주기 위해서 웹 브라우저에서 웹 캐시(문서, 그림, 파일 등)를 저장하기 때문이다.

이러한 기능 덕분에 우리는 더 빠른 페이지 로딩이 가능하지만 때로는 오래된 정보를 보여주는 경우가 생기기도 한다.

앞서 말한 새로운 파일이 적용이 안된 이유도 이것 때문이다.

그래서 우리는 웹 브라우저에서 캐시를 무시하거나 지우는 방법에 대해 알아야 한다.

OS와 브라우저에 맞는 방법을 찾아 여러 가지 방법들을 해보면 좋을 것 같다.

[캐시 무시하기]

1. 인터넷 익스플로러

Ctrl + F5(새로 고침)

2_1. 구글 크롬(window)

Ctrl + F5(새로 고침)

Shift + F5(새로 고침)

2_2. 구글 크롬(mac)

Cmd + Shift + R

2_3. 리눅스

Ctrl + F5

3_1. 사파리(버전 4 이상)

Shift + 새로 고침

3_2. 사파리(버전 3 이하)

Cmd +  R

4. 오페라

Ctrl + F5(새로 고침)

Shift + F5(새로 고침)

5. 캉커러

F5(새로 고침)

[캐시 지우기 & 설정 끄기]

1. 인터넷 익스플로러

* 캐시 지우기

1. Ctrl + Shift + Del

2. '임시 인터넷 파일 및 웹 사이트' 체크

3. '삭제' 버튼

* 캐시 설정 바꾸기

도구 -> 인터넷 옵션 -> 검색 기록 -> 설정 -> 캐시 및 데이터베이스 ->'웹 사이트 및 데이터베이스 허용' 에서 변경

2. 구글 크롬

* 캐시 지우기

1. Ctrl + Shitf + Del

2. '다음 항목 삭제' 옆 목록에서 '전체' 선택

3. '캐시 삭제' -> '인터넷 사용정보 삭제'

3. 파이어폭스

* 캐시 지우기

1. Ctrl + Shift + Del

2. '삭제할 기간' -> '전체' 선택

3. '캐시' 선택 -> '지금 삭제' 클릭

* 캐시 설정 바꾸기

설정 -> 고급 -> 네트워크 -> '자동 캐시 크기 관리' 체크 후 '제한 용량' 값 '0' 으로 변경

이 카테고리는 비공개 카테고리입니다.

This category is a private category.

このカテゴリはプライベートカテゴリです。

这个类别是私人类别

레벨 : 60이상 (추천레벨 60~90)

제한시간 : 20분

참가인원 : 1~3명

획득 아이템 : 탕윤의 요리사옷 / 탕윤의 요리 모자

요리를 할때 레시피가 맞지 않으면 맛있는 요리가 아닌 맛없는 요리가 제작되어 경험치 등 보상이 적어지기 때문에 재료를 순서에 맞게 넣어줘야 한다.

(성공했을 때 보스 : 포크랑 나이프를 든 돼지 / 실패했을 때 보스 : 음식물 쓰레기)

단계를 진행하다 보면 '미각파괴불꽃' 이라는 몬스터가 생기는데 불꽃 몬스터 사냥꾼으로 임명이 된 사람이 잡으면 된다.

그리고 보스 전 소금뿌리는 단계가 있는데 넣어야하는 소금 갯수에 맞게 네모칸을 채우면 된다.

보상으로는 자격증을 주는데 실패 시 1개를, 성공 시 2개를 준다.

옷을 획득하기 위해선 자격증 2개가 필요하며 모자는 3개가 필요하다.

옷은 올스텟: +5 / 물리,마법방어력 : +80 이며 모자는 올스텟 : +12 / 물리,마법방어력 : +80이다.

세트효과는 올스텟 : +15 / 공격력, 마력 : +8 / 체력,마나 : +500 이다.

링크스킬이란, 각 직업들마다 보유한 전용 스킬이며 다른 캐릭터에게 전수할 수 있는 스킬이다.

링크스킬은 레벨1, 레벨2가 있으며 각각 70, 120에 전수 할 수 있다.

모험가 직업군은 링크스킬을 가지고 있지 않으며 예외적으로 캐논슈터는 링크 스킬이 있다.

스킬 효과에 따라 인기 있는 직업이 있는 반면, 인기가 없는 직업들도 있다.

굳이 순위를 꼽으라 한다면 나는 이렇게 하겠다.

1등 : 메르세데스(엘프의 축복)

2등 : 데몬어벤져(와일드 레이지)

3등 : 아란(콤보킬 어드밴티지)

4등 : 에반(룬 퍼시스턴스)

5등 : 제논(하이브리드 로직)

물론 주 캐릭터의 성향에 따라 필요한 링크스킬이 달라질 수 있다.

링크 스킬 정리

1. 메르세데스 / 엘프의 축복

[패시브] 경험치 획득량 10/15% 증가

[액티브] 에우렐로 귀환 (재사용 대기시간 600초)

2. 데몬어벤져 / 와일드 레이지

[패시브] 데미지 5/10% 증가

3. 아란 / 콤보킬 어드밴티지

[패시브] 영구적으로 콤보킬 구슬 경험치 획득량 400/650% 추가 획득

4. 에반 / 룬 퍼시스턴스

[패시브] 룬 해방의 지속시간 30/50% 증가

5. 제논 / 하이브리드 로직

[패시브] 모든 스탯 5/10% 증가(hp 제외)

6. 팬텀 / 데들리 인스팅트

[패시브] 크리티컬 확률 10/15% 증가

7. 루미너스 / 퍼미에이트

[패시브] 몬스터의 방어 무시 10/15% 추가

8. 데몬슬레이어 / 데몬스 퓨리

[패시브] 보스 몬스터 공격시 10/15% 데미지 추가

9. 제로 / 륀느의 축복

[패시브] 받는 데미지 3/6/89/12/15% 감소

[패시브] 공격 시 대상의 방어율 2/4/6/8/10% 무시

10. 키네시스 / 판단

[패시브] 크리티컬 데미지 2/4% 증가

11. 엔젤릭버스터 / 소울 컨트랙트

[액티브] 10초간 데미지 30/45% 상승(재사용 대기시간 90초)

12. 캐논슈터 / 파이렛 블레스

[패시브] 영구적으로 올스탯 15/25, 최대 HP,MP 5/10% 상승

13. 카데나 / 인텐시브 인썰트

[패시브] 캐릭터보다 레벨이 낮은 몬스터 공격 시 데미지 3/6% 증가

[패시브] 상태이상에 걸린 몬스터 공격 시 데미지 3% 증가

14. 미하일 / 빛의 수호

[액티브] 90/110초간 100% 확률로 스탠스(재사용 대기시간 180초, 버프지속효과 적용 가능)

15. 카이저 / 아이언 윌

[패시브] 최대 HP 10/15% 증가

16. 레지스탕스(블래스터, 배틀메이지, 와일드헌터, 메카닉)  / 스피릿 오브 프리덤

[패시브] 부활 시 1/2/3/4/5/6/7/8초간 피해를 받지 않는다.

17. 시그너스 기사단(소울마스터, 플레임위자드, 윈드브레이커, 나이트워커, 스트라이커) / 시그너스 블레스

[패시브] 상태 이상 내성 2/5/7/10/12/15/17/20/22/25 증가

[패시브] 모든 속성 저항 2/5/7/10/12/15/17/20/22/25% 증가

18. 은월 / 구사 일생

[패시브] 사망에 이르는 공격을 당할 시, 5/10% 확률로 생존

19. 일리움 / 전투의 흐름

[패시브] 일정 거리 이상 이동 시 발동되며 최대 6회 중첩 가능하다.(지속시간 5/6초, 각 중첩당 데미지 1/2% 증가)