반응형

무선랜 증발 현상

 

나는 현재 ASUS TUF FA506IV 모델을 쓰고있다. 한 2년간 잘 쓰다가 요즘들어 WOL 기능을 이용하는데 네트워크가 자동으로 끊어지는 현상이 있어서 퇴근후 컴퓨터를 확인해보면.. 위 사진처럼 인터넷 연결이 끊어져있었다..

인터넷 아이콘을 눌러보면 위처럼... 아예 WIFI 무선랜 어댑터가 보이지 않았다.. 동시에 블루투스 어댑터도 없어졌다.. 참고로 WIFI와 블루투스 모듈 모두 리얼택 8822CE 한 장비에 모여있다. 즉.. 8822CE 어댑터와 통신이 이상하다는 얘기..! 

네트워크 목록에 들어가도 연결된 네트워크 목록들이 보이지 않는다..

어댑터 속성을 보면 "이 하드웨어 장치가 현재 컴퓨터에 연결되어 있지 않습니다" 라고 나온다..USB도 아니고 메인보드랑 직접 물려있는데 무슨소리야 ㅠㅠ

 

반응형

응급조치

이런 현상이 발생했을 땐 아주 일시적이라서 그냥 재부팅 2~5회 해보거나 혹은 무선랜 초기화를 진행하거나. 장치관리자에서 해당 무선랜 드라이버를 재설치하거나. 방법은 많았다. 걍 뭐 하지말고 몇번 재부팅해보면 돌아오곤한다.

 

발생 원인

간헐적 발생

처음엔..뭐야? 하고 재부팅하고 나니까 해결되기도 했다. 하지만 이증 상은 간헐적으로 하루에 한번? 아님 이틀에 한번씩 발생해 점점 미궁에 빠졌다. 장치관리자에서도 보면 지금은 정상적으로 위 어댑터가 찍히지만. 문제가 일어났을땐 장치관리자 어댑터 목록에도 안보이고 했다..

 

한달 반이라는 시간을 이 문제로 고생하면서 IT업 종사자답게 문제가 일어났을때 원인을 밝히기 위해 안해본 테스트가 없는것 같다. 가장 궁금한게 이게 랜덤한거냐..!? 아님 특정 행위를 할때 발생하는 거냐?! 궁금했는데 아직도 확실하게 밝혀내진 못했지만 경험상 아래 이유에 해당할 경우 발생확률이 가장 높았다.

 

1. 노트북의 전원 설정이 바뀌었을 때

벌써 한달전 일이라 구체적인 케이스가 딱! 생각나진 않지만, 전원 공급 프리셋이 바뀌었을때 아주 높은 확률로 어댑터가 없어졌다. 저 전원 관리 옵션을 내가 직접 바꾸는거 말고도 절전모드, 최대 절전모드가 될때 시스템이 자동으로 바꿔주기도하는데 이 시점에 어댑터 연결이 끊어졌던걸로 기억한다. 즉.. 가만히 하다가 왜 회사가서 WOL 할때 인터넷이 연결이 안되었을까 생각해보니. 절전모드로 연결될 시점에 이런 현상이 나타나는 것 같앗다.

 

그래서 나는 통신장교로 복무할 시절 야전에서 전원 공급이 불안정해지면 얼마나 많은 문제가 생기는지 익히 알고잇었기 때문에 전원 공급단에서 문제가 있는걸까 접지라인이 제대로 되어있는지도 확인해보고 ㅋㅋ 멀티탭에서 벽단자로 전기 선로를 바꿔보기도 해보고 ㅋㅋㅋ 진짜 온갖 테스트와 모니터링을 해봣지만, 전원 공급 자체에는 문제가 없었다. 

2. 게임 등 고성능 작업을 할 때

위에서 말했듯이 전원 관련 옵션이 바뀔때 높은 확률로 안된다고 햇는데..! 반대로 고성능 작업을 할때도 전원 프리셋이 고성능으로 바뀌기 마련이다. 이 케이스는 진짜 확률이 높았다. 왜 아냐면은.. 나는 퇴근하고 가끔 배틀필드1을 플레이하는데 배1 플레이 눌러놓고 로딩 기다리면서 유튜브 머 틀어놓을까 찾아보다가 딱 게임을보면!? 오프라인 모드라고 떠있는거다.

 

엥..?! 방금까지 인터넷하고 있었는데 겜키니까 무선랜이 끊겨!? 그래서 이 케이스가 기억이난다. 하지만 이것도 100%는 아니었다.한 80% 확률로 이 증상이 나타났고 위 1번과 종합해봤을때 분명..! 전원 옵션이 바뀔때 발생하는 것 같은데?

3. 7월 이후로 증상이 발생한다.

그리고 또 이상했던 것.. 2년 넘게 이런 문제가 없었다가.. 이번년도 7월 초부터 이런현상이 발생하기 시작했다는 것이다. 꼭 이런 케이스는 윈도우 업데이트가 한몫하는데.. 윈도우 업데이트 로그를 보니.. 이 시점 몇일전에 업데이트가 있긴 했다. 그래서 업데이트를 지워보기도 했으나.. 자동으로 다시 설치하더라... 맞다.. 평생 업데이트 안하면서 살 수도 없을 것 같고.. 윈도우 업뎃을 제거하느니.. 차라리 명확한 원인을 찾는게 나아보였다.

 

해결 방법

문제 원인에 전원이 연관된 것 같은데 그 이후로 유의미한 결과가 없었다. 지속해서 여러가지 키워드를 조합해서 구글에서 해외 커뮤니티 위주로 찾아보니 OS와 물리장치의 드라이버 호환성으로 발생하는 문제라고들 한다. 근데 생각해보니까 이전에도 내 PC에서 블루투스 연결이 되지않아서 결국은 윈도우 재설치 후 해결한적이 있었는데 이때도 같은 경우인 것 같다.. 블루투스+WIFI 같은 물리장비이기 때문에.. 이번엔 와이파이가 문제를 일으킨듯 하다.

 

이전 드라이버 설치

그러다가..! 어떤 해외 유저가 올린 구 버전의 드라이버를 한번 설치해보았는데..! 해결이 되었다..! 그 본문은 지금 검색해도 나오지가 않는데..! 다행히 그때 받았던 파일은 남아있다!

 

RTLWlanE_WindowsDriver_2023.56.0502.2017_DUA.L_저용량.7z
19.13MB

바로 2023.56.050 버전 파일!! 이거 설치하고 나는 해결되었다. 다른분들도 되실지는 모르겠지만.. 일단.. 드라이버 호환성 문제였다는 것.. 아마 특정 시점 윈도우 업데이트로인한 호환성 맞지않아 발생한 문제인 것 같다.

 

파일 업로드 용량이 20메가바이트 제한이 있어서 설치파일 내의 윈도우8.1 버전은 제외했다.. 윈7 32/64bit 윈10 32/64bit 은 포함되어있으니 잘 설치해서 해결되길 바란다.

 

[ASUS 노트북] WIFI 무선랜 어댑터 없어짐, 사라짐 해결하기 / Realtek 8822CE

반응형
  1. go1den_goose 2022.09.24 22:24 신고

    글 솜씨가 뛰어나시네요! 좋은 글 잘 보고 갑니다 다음에도 놀러올게요 :)

반응형

현상

유튜브 초고화질 영상(4K등) 재생시 먼가 끊겨..!

나는 LG 27UP850 4K 모니터를 사용하고있다. 유튜브로 4K 영상을 볼 일이 없어서 한번도 4K로 재생을 시도해본적이 없었던것 같다. 근데.. 오늘.. 4K영상 볼일이 있어 재생을 해봤는데.. 먼가.. 끊기는 느낌..? 중간중간? 버퍼링은 아니고 ..먼가 프레임 몇개가 비는 느낌??

 

처음에 주사율이 문제인가 했지만..주사율도 60Hz로 정상.. 그럼뭘까? 4K 대역폭을 네트워크가 견디지 못하는걸까? 했지만 나는 500MB인터넷을 쓰고있고.. fast.com 에서 측정해도 모든게 정상..

혹시나 크롬 시스템 설정에 하드웨어 가속옵션이 안켜져있나?라고.. 의심을 해보았으나.. 이것도 활성화 되어있었다.. 그럼 뭘까..?

 

원인

GPU 가속이 실제로 작동하지 않음

2K 이상의 초고화질 영상을 재생 할 경우 AV1 혹은 VP9코덱을 통해 인코딩/디코딩이 진행되는데 대게 지포스 RTX 그래픽카드를 사용하는 노트북에서 해당 코덱사용시 GPU 가속이 안되는 문제가 있다고 한다.

 

 

해결방법

크롬 ANGLE hraphics backend 옵션 D3D11on12 활성화

아래 주소를 크롬창에 입력후 엔터

chrome://flags/#use-angle

위 창에서 ANGLE hraphics backend 옵션이 Default로 되어있을텐데 D3D11on12로 변경 후 Restart 진행하면 4K 영상이 부드럽게 나오는 것을 확인 할 수 있다.

 

반응형
  1. 4k 안끊김 2022.10.01 21:24

    감사합니다. 4k 유튭 계속 끊겨서 그래픽 카드가 오래되서 그러가하고 새로 바꿨는데도 똑같아서 빡쳐있었는데, 교체 전에 이 글을 봤으면 ㅠㅠ
    아무튼 덕분에 4k 영상 잘 보게 됐습니다. 감사합니다.

반응형

오늘 비진도에서 할일중에 가장 하이라이트! 바로 바다수영이다!

수영하기 좋은 물색깔!다만...미역같은게 같이 물에 밀려와서..슬펐다.. 미역은 싫어..!

보다시피.. 백사장에 아무도 없다... 해변 전세내서 사용하기!

측면에서 보니 한국이 맞나 의심이..!

오잉..잘보면 갈매기가 앉아서 쉬고있다.

여유가 넘치는구나... 갈매기씨..

노는건 좋은데..쓰레기가 너무많다.. 앞에 보이는 텀블러도그렇고 죄다 쓰레기다. 더욱이 문젠건... 유리병조각도 굉장히 많다는것.. 조심하자..

파도가 안쳐서 호텔 수영장처럼 놀 수 있다.

5월 말이어서그런지 물 온도가 그렇게 따뜻하진 않았다. 물은 너무 맑아!

물에 들어가기까지 시간이 꽤 걸렸다.. 추워서..

본격적으로 들어가기위해서 튜브 부는중 차량 도선이 되지 않기때문에 필요한건 다 가방에 챙겨왔다.

후..튜브 부는게 힘들구나..

튜브하나 불고...쉬는중..

반응형

태닝중

튜브는 다 불었는데.. 물이 차가워 들어갈 엄두가 나질않는다..

10분간의 사투끝에 물에 입수!

좋아 죽는 표정

멀리는 못가고 해변앞에서 애기처럼 놀았다 ㅎㅎ

바다에 나혼자라구~

해변에 해삼같은 친구가 밀려들어왔다.. 원래 들면 물줄기를 발사하는데.. 얜 발사해주지 않앗다. 다시 바다로 던져 보내주었다.

후면 선탠중

수영 끝나고 휴식중

잔잔한 물결이 이뿌군여

비진도에서 바다수영하기 끝! 내년에도 시간이된다면 또 오고싶다!

반응형
반응형

망산 등산을 마치고 내려와서 해수욕을 하기전에 물도살겸 섬마을을 둘러보기로했다.

외항 선착장에서 외항마을로 가는길 우측은 몽돌해변이 있다.

정말신기한게 좌측은 백사장이다..! 어떻게 이런해변이..! 한곳에 있는걸까! 너무신기!

몽돌해변에서 놀기엔 돗자리피기가 마땅치않아 풍경만 감상하기로했다.

백사장이 정말 고요하군! 파도도 한점 없이!

빨리 해수욕장에서 놀고싶어!

걷가보니 마을 초입 도착

뒤를보면 외항 선착장과 선유봉이 보인다.

작은 섬이라그런지 해변에 아무도 없다!

부산 흰여울 문화마을과같은 풍경! 청량해!

대학교 벽화봉사 감성

흰 벽으로 둘러쌓인 골목에서..

사이로 보이는 바다가 이쁘네요

마을 바로앞이 백사장이라니 말도안돼!

이 공간이 맘에들었는지 사진이 아주여러장 찍은것같다.

좁은 골목을 돌아다니면 매점같은걸 볼 수 있다.

여기서 한 1주일 있다가 가고싶어!

나름 공원도있다.

사람이 많이 없다. 아직 대중들에게 알려지지 않은곳!

요기는 펜션이 있는데 여기서 투명카약을 빌려주기도한다. 우린 숙박을 안할꺼라 혹시나 빌릴 수 있는지 여쭈어보았으나 안된다고한다 ㅠ

망산 꼭대기에서 봤을땐 해변이 아주 좁아보였는데 실제로보니 꽤나 넓다.

커피와 횟집! 같이 내린사람들중에 요기서 회를 드시는분도 계셨다!

어느곳을 봐도 청량한 이곳!

넘 조아!

사진작가분들이 오면 좋은 사진을 많이 찍을 수 있는 포인트들이 곳곳에 있다.

감.성

장판 뭉치와 함께 뒤태샷

해가 지지않네요

잔잔한 바다!

요기는 섬 뒤편이라고해야하나?! 동쪽 방향이다.

삼륜 오토바이가 주 교통수단이신듯 하다.

몽돌해변의 동들동그한 돌들..! 실제로 저기 걸어보니 너무 다리가 아푸당 ㅠ..

반응형

녹조가 이쁘게 끼었군

요기는 내항마을로 넘어가는 길

이런 멋진오토바이도 있다

엇..!? 잠깐만!

비진도에도 치킨이있다!!!!!!!!!!!!!! 먹진 않았다.

비진도에도 강아지가 있다!!!!!!! 근데 졸고있는듯..

전기는 해저로 끌어오는 걸까

이곳의 식생중 눈에띄는 식물..! 팔손이인가!?

우린 여기서 아이스크림을 샀당!

해변으로 갑보자!

해변 바로앞 주택! 파도가 심하게 치는날엔 집까지 물이 들어오지않을까 궁금하다..

평화로워~~

라이프가드는 없지만 자리는 있다.

CCTV가 전광판을 비치고 있다... 전광판이 잘 나오는지 확인하는 CCTV인가..!

비진도 해변앞을 지나가는 통통배

낭만적이야..!

비진도의 메인로드

좌우 해변샷

저건 뭘까 오징어 말리는 곳일까

다시 외항 선착장쪽으로 이동

몽돌해수욕장은.. 백사장보다는 살짝 파도가 더 치고있는 것 같았다.

백사장의 모래!

사람이 없어..!

해변 사진들

오자마자 올라갔던 망산 올라가는길

바람에 모래가 유실되는 것을 막기 위함일까?

넓군..!

다시 걸어서 외항 선착장에 도착했다.

저기 보이는 동그라한 돔 모양의 건물이 외항 선착장이다.

이름이 진짜 외항 마을..!

지붕이 귀엽다.

조형물인가 의심이 드는 배. 멋지다.

물이 아주 잔잔하고 아주 맑아보인다.

요기가 배가 드나드는 선착장이다.

아래에서보면 섬이 아주 커보인다.

떠내려가지 않을까 걱정된다.

여기까지 비진도 외항마을 둘러보기 끝!

반응형
반응형

배편으로 비진도에 들어와 가장 먼저 할일은 바로 망산 등산! 

근래봤던 해수욕장중에 가장 이쁜 곳 같았다. 왜냐면..! 여기는 해수욕장이 듀얼이기 때문.!

작은 통통배가 바로 해변에 정박해있었다. 다른 해수욕장에선 보기 힘든 광경..!

서쪽엔 백사장이 있고 동쪽에는 몽돌 해변이있다. 엄청 신기하다. 한쪽은 백사장..한쪽은 몽돌..

다시..본론으로 들어와서..! 망산 가는길은 간단하다. 머 지도 볼것도 없이... 선착장에서 내려 망산을 향해서 나아가기만하면 어차피 길이 하나라..쉽게 찾아갈 수 있다.

요 파란 선을 따라가면 된다. 저기 보이는게 망산! 작은 섬의 산이라고해서 무시하면 안된다. 왜냐면..! 여긴 아주 작은 섬의 산이기때문에 관리가...다른 국립공원처럼 잘 되어있지 않기 때문에 살짝 리얼 서바이벌정도의 난이도라고 보면 된다.

쭉쭉 파란선을 따라가주자.

우리가 갈곳은 바로 미인도 전망대이다! 망산 꼭대기에 선유봉이 있긴한데 저기까진 너무 가파르고 보통 가볍게 트래킹하는 경우 미인도전망대까지 많이 간다고들 한다. 미인도 전망대에가면 비진도가 한눈에 내려다보인다고한다!

어느정도 올라오면 외항마을의 전경이 보인다.

선유봉은 어딘지 모르곘고 저 앞에 가장 높은 봉우리를 향해서 나아가면 된다.

걷다보면 이런 곳을 지나게된다.

쭉쭉 지나가자 여기서부턴 사유지 느낌이 물씬난다.

계속 해서 앞으로!

중간에 한번씩 뒤를 돌아봐서 어디까지왔는지 체크..!

여기서부턴 이제 관리가되지않은 길..!

갑자기 생태계가 바뀐다.

대나무 등장!

이제부턴 숲구간이다.

우리가 육지에서가던 정비가 잘 된 국립공원이 아니라 확실히 아주 자연의 모습 그대로다.

이끼들이 돌을 다 녹색으로 염색..!

주라기공원을 보는듯한 햇살..!

쭉쭉 가자 다행히 높은 나무들이 있어 햇빛이 직사로 쬐이진 않았다.

중간중간 나무계단이 있어 아, 그래도.. 등산로는 인간이 만들었구나라는것이 느껴진다.

반응형

일단 나는 망산 정상으로 가고있는데 이정표에는 망산 정상이 없다.

정상쯤 도착하자 시구절 한편 등장

요기는 중간에 발견한 쉼터! 망부석 전망대라고한다.

아직 정상이 아니라 아래 나무들이 무성하게 나있다.

아주 협소한 정상으로 가는 길..!

요기가 바로 미인도 전망대 데크!!!!!!!!!!!! 사람이 많지않다면 여기서 백패킹하는것도 재밌지않을까 생각이들었다.!

시원한 바다!

아래에 비진도에서 가장 유명한 듀얼해변!

아주 평화롭군

배타고오는길에 봤을땐 큰섬같았는데 요기서 보니까 한눈에 딱 들어와 아주 귀엽다.

우측엔 넓은 바다..!

지구는 둥굴구나!

죽이는 주변경치

망산 등정을 끝내고 해수욕을 할껀데 사람이 아무도 없다 거의 전세내고 이용할 것 같은 해수욕장..

내려다보이는 각도가 어마어마하다. 아래서 봤을땐 작은산인줄 알았는데... 꽤나 높다.

무인도일까 유인도일까 생각중

사진 실컷찍고 데크위 소나무 그늘아래서 잠쉬 여유를 가졌다.

내려가는길

이렇게 좁은길은 처음이라 아직도 익숙하지가않다..

어느새 출발했던곳 도착!

드디어 해수욕장 탐방!

해수욕장편은 다음포스팅에서..!망산등산은 굉장히 좋았다. 탁트인 시야때문에. 등산 난이도가 그렇게 높지는 않은데 위에서 계속 말했듯 잘 가꾸어진 등산로가 아니기때문에 초보자면 좀 유의가 필요할 것 같다. 그리고 난이도는 중정도로본다. 먼가..! 수직경사가 사정없이 계속 나온다..

반응형
반응형

비진도를 가려면 배를타고 들어가야하는데 아쉽게도 차량도선은되지않는다.. 그래서 우린 차는 통영항 주차장에 두고 갔다. 통영항에 하루해놓는데 5000원이었다.

주차장 너머로 보이는 푸른바다!

통영항 주차장은 아주 크다. 아무데나 차를 대고 바로 앞에 보이는 통영항여객선터미널에 들어가주자. 출입문이 사선으로 나있는데 먼가 출입문같지 않은데 출입문이니 그냥 들어가면 된다.

우린 두명이서 갔고 가는거 2장, 오는거 2장을 발권해주셨다. 가격은 편도 1인당 1만원, 따라서 우린 2명 오고, 가고니까 총 4만원이 들었다! 아 그리고 구매할때 신분증이 있어야하니 꼭 지참하자.

터미널은 넓고 한산햇다.

배타러 가는중..!

가서 바다수영을 할 예정인데 날씨는 아주 좋아보였다 히히

이 배가 우리가 탈 배다.

반대편에는 작은 조선소가 있었다

항구도시에 온 느낌이 진하게 들었다.

배 탑승후 주변 배 구경중

배는 1층 실내와 2층 실외+실내로 구성되어있다. 우린 바다바람을 맞으며 갈것이기 때문에 2층에 자리를 잡았다.

이 안쪽으로 들어가면 2층 실내다.

출발~ 생각보다 속도가 빠르다 ㅋㅋ 전에 마카오에서 홍콩갔을때 탓던 페리는 멀미가 장난아니었는데 이번배는 딱히 그런건 없었다.

지나가면서 보이는 많은 섬들

고깃배도 어렵지않게 볼 수 있다.

 

반대편에는 통영 관광지쪽의 고층 빌딩이 보인다.

후미에는 태극기가 달려있당

펄럭펄럭~

굴뚝도 있음

실내는 이렇게 생겼다.

1층 실내에는 매점도있고, 갈매기 먹이로주라고 새우깡도 팔고있다.

반응형

시원하게 바다를 가르며 순항중

1층 실내 앞쪽은 사람이 많이 없었다.

앞쪽은 이렇게 생겼다

길가다 마주친 많은 섬과 등대!

아 그리고 비진도는 내항, 외항이 있는데 먼저 마주치는 항구가 내항이다. 그리고 우리가 바다수영하려는 해수욕장을 가려면 외항에가야한다. 버스정류장과 똑같이 내리고싶은 항구에 내리면 된다. 외항에 내릴꺼라면 내항에서 내리지말고 기다리면 외항으로 출발하는데 그떄 내리면 된다.

다만, 외항에 내려서 내항에서 다시 통영가는건 안된다. 이렇게하려면 승선표 구매시 말씀을 드리면 된다고하는데, 우리는 외항 in 외항 out을 할꺼라서 물어보진 않았다. 가끔 내항에 내려서 걸어서 섬한바퀴 보고 외항에서 out 하려는 분들은 한번 체크해보면 좋을 것 같다.

요기가 바로 내항!

우린 외항에서 내릴꺼라 구경만했다. 엄청 작은 섬이었다

등대도 있다

내항을 지나쳐 외항으로 출발

하나 사고싶은 무인도

요기가 외항이다. 먼가 내항보다 큰 것 같은 모습?

작은 통통배들이 많이 떠있다. 작은 섬마을 느낌 물씬

섬으로 들어오는 물건들을 받으러온 마을 주민분들

빨리내리고싶어!

섬에선 저 ATV가 요긴하게 쓰이는 모양인가보다.

저기가 바로 비진도해수욕장!

파도한점 없는 잔잔한 바다를보니 나른해졌다

선착장을 나오다보면 간단한 섬 안내가 붙어있는데, 어디가서 놀지 이걸보고 판단하면 될 것 같다.

비진도 입장 성공!!

반응형
  1. go1den_goose 2022.08.28 15:16 신고

    정말 좋은 글잘읽고갑니다!! 다음에도 좋은글 부탁드려요 ㅎㅎ

반응형

TOC란?

Table of Contents로써 책 첫장에서 볼 수 있는 차례/목차와 같은 개념이다.
포스팅에 TOC를 적용한다는 것은, 해당 포스팅이 어떤 내용들이 있구나라는 목차를 대략 알 수 있으며, 추가적으로 해당 목차를 누르면 해당 문단으로 이동하거나, 스크롤을 내릴때 현재 어떤 내용을 보고 있는지 알려주기도 한다.
단, 마크다운으로 작성된 포스팅이어야한다.

https://extsdd.tistory.com/404

 

[거제/통영 여행 #8] 통영 신축 오션뷰 바라봄 펜션 - 가성비 최강 / 202호 원룸족욕

통영에서 숙소를 알아보다.. 대부분.. 가격이나 숙소질을 고려했을때 ..맘에 드는 곳이 없어서... 진짜 하루종일 뒤지다 겨우 타협본곳.. 바라봄 펜션..! 이름은 올드했지만 신축 펜션이었다. 우리

extsdd.tistory.com

내용만들으면 잘 이해가 안가는데 내가 작성했던 포스팅을 보면 직관적으로 알 수 있을 것이다. 위 포스팅을 눌러보자.

포스팅을 보면 우측에 목차가 나오는 것을 볼 수 있다. 스크롤도 내려보면 현재 위치에 따라 녹색바로 하이라이팅이 된다. 독자 입장에선 정보를 찾으러 포스트를 보러온 경우가 많은데, TOC가 적용되어 있으면 내가 보려는 목차로 바로 이동해서 볼수도 있고 해당 포스트가 어떤 내용을 담고 있는지도 대략적으로 알 수 있다.

1. Head 추가

스킨편집 이동



먼저 티스토리 관리자 화면 좌측에서 꾸미기>스킨 편집으로 들어가주자.

html 편집

html 편집을 눌러주자.

스크립트 태그 추가

태그 안에 아래 스크립트 태그를 추가하자. head 태그 안에 어디다 넣지..!? 고민 하는.. 비전공자 분들은 걍 바로 위에 적는 것을 추천한다.

<!-- TOC 추가 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css">
<!-- TOC 끝 -->

2. div 추가

이제 toc가 추가될 공간을 추가해야한다.

위에서 추가했던태그를지나 밑으로 계속내리면태그가 시작되는데 body 태그 내부를 보면 content가 표시되는 영역이 있다. 일단 스킨마다 태그 구조가 다름으로 나랑 다를 수가 있지만. 대충 크롬 개발자 도구로 뒤져보면 어디다 넣어야할지 감이 올것이다. 걍 Content가 시작되는 곳쯤에 추가하면 된다. 나는 Square 스킨을 사용하고 있는데 이 스킨을 사용하는 사람들은 아마 위와같은 모습일 것이다.

아래에 아래 코드를 추가해주자.

<div class='toc'></div>

3. 스크립트 추가

요기서부터 좀 중요하다. 실제 content가 있는 영역을 인식해서 toc 영역에 목차를 뿌려주는데 코드를 보면 알겠지만 컨텐츠 태그 안에있는 h1~h3 태그를 자동으로 인식해서 띄어주는 것이다. 아마 다른 포스팅에서 toc 적용을 보고 그대로 따라서 추가하면 안되는 경우가 많은데 스킨마다 content 영역 클래스명이 다르기 때문이다.

일단 맨 아래로 내려보면 body 태그가 끝나는 태그를 볼 수 있는데 요기 바로 윗칸에 아래 코드를 추가해준다. 여기서 중요한점이 위 사진에서 형광녹색으로 하이라이팅한 document.querySelector와 아래 contentSelector 를 보면 .article 로 되어있는 걸 볼 수 있다. 이게 바로 content영역의 클래스 명이다. 나 같은 경우 클래스 명이 aticle인 태그를 찾아  태그 안에있는 h1~h3 태그 정보를 끌어와 띄어주는 것이다.

<script>
  var content = document.querySelector('.article')
  var headings = content.querySelectorAll('h1, h2, h3, h4, h5, h6, h7')
  var headingMap = {}

  Array.prototype.forEach.call(headings, function (heading) {
      var id = heading.id ? heading.id : heading.textContent.trim().toLowerCase()
                 .split(' ').join('-').replace(/[\!\@\#\$\%\^\&\*\(\):]/ig, '')
      headingMap[id] = !isNaN(headingMap[id]) ? ++headingMap[id] : 0
      if (headingMap[id]) {
        heading.id = id + '-' + headingMap[id]
      } else {
        heading.id = id
      }
    })

  tocbot.init({
    tocSelector: '.toc',
    contentSelector: '.article', 
    headingSelector:'h1, h2, h3',
    hasInnerContainers: false
  });

  $(document).ready(function(){
    $('.toc').addClass('toc-absolute');

    var toc_top = $('.toc').offset().top - 165;
    $(window).scroll(function() {
      if ($(this).scrollTop() >= toc_top) {
        $('.toc').addClass('toc-fixed');
        $('.toc').removeClass('toc-absolute');
      } else {
        $('.toc').addClass('toc-absolute');
        $('.toc').removeClass('toc-fixed');
      }
    });
  });

</script>

content 태그의 class 명을 모르는 경우?

나처럼 square 스킨을 쓰면 아마 위처럼 쓰면 되겠지만 다른 스킨을 사용하는 사람들은 자신의 content를 띄어주는 태그의 클래스명이 뭔지 알아내서 바꿔주면 된다. 아마 다른 포스팅보고 안된다고 한사람들은 아마 코드는 비슷할텐데 저기 나와있는 contentSelector 의 클래스명이 일치하지 않아서일 것이다.

나의 경우 content 영역이 article 클래스를 사용하고 있는데 아마 다른 스킨을 쓰는 사람들은 사용하는 클래스명이 이게 아닐 수도 있다. 하지만 ##_notice_rep_desc_## 을 검색해보고, 이 태그를 감싸고있는 상위 태그의 클래스명을 적어주면 된다. ##_notice_rep_desc_## 는 티스토리 블로그에서 사용하는 공통 치환자이기 때문에 스킨이 달라도 이 태그가 있을 가능성이 매우 높다.

4. CSS 추가

상단에서 CSS 탭으로 이동 후 아래 코드를 상단 적당한 공간에 추가해주자. @import 이런 구문들 밑이면 적당할 꺼같다.

/*
* TOC
*/
.toc-absolute {
  position: absolute;
  margin-top:165px;
}
.toc-fixed {
  position: fixed;
  top: 165px;
}

.toc {
  left: 1350px;
  width: 250px;
  padding: 10px;
  box-sizing: border-box;
}

.toc-list {
  margin-top: 10px !important;
  font-size: 0.9em;
}

.toc > .toc-list li {
  margin-bottom: 10px;
}

.toc > .toc-list li:last-child {
  margin-bottom: 0;
}

.toc > .toc-list li a {
  text-decoration: none;
}

그리고 마지막으로 적용을 눌러주자.

5. 적용 확인

자신의 포스팅중 마크다운으로 작성된(h1~h3 태그가 사용된 글)을 눌러보면 좌측에 TOC가 적용된 것을 확인 할 수 있다.

반응형
반응형

현상

어느날.. 서버설정을 조금 만지고 서버를 재부팅했는데.. AWS 콘솔 접속이 안되는것이다....허걱

오류가 발생하여 인스턴스에 연결하거나 연결 상태를 유지할 수 없습니다. 이 인스턴스가 방금 시작된 경우 1~2분 후에 다시 시도하십시오. UPSTEAM_NOT_FOUND [519]

콘솔 접속 할 경우 위와같은 메시지와 함께 콘솔접속이 안되는 상황.. 1~2분 기다려보래서 10분을 기다려도 연결 할 수 없었다.

반응형

 

해결 방법

중지 > 실행

해결방법은 생각보다 간단했다.. 나는 계속 재부팅을 눌러 재부팅하만을 기다렸는데.. 재부팅으로 하면 안된다... 먼저 서버 콘솔에서 중지 명령을 먼저 해주고 인스턴스가 중지됨을 확인하고 다시 시작을 누른다.

 

사실 재부팅이 중지>시작을 합쳐놓은거지만 인스턴스에서 처리되는 것은 세부적으로 차이가 있다. 따라서, 재부팅 시도하지말고 중지와 시작을 나눠서 수행하면 정상 연결 되는 것을 볼 수 있다.

 

AWS 라이트세일 UPSTREAM_NOT_FOUND[519] 해결하기 / LightSail 콘솔 접속 안됨 문제 해결

반응형

+ Recent posts