인사이 런칭
커뮤니티
[버그/건의] 디버깅을 해드리다보니 디버깅을 해드리다보니 독학으로 코딩을 배운 제 입장에서 얼마나 디버깅이 중요한지 깨닫게 되었습니다? ㅋㅋㅋ 사실 독학이다보니 개발자로 일하지 않고, 원래 하는 업종은 따로 있어서 .. 그 업종을 하면서 간간히 독학으로 배운 코딩을 연습해보는 편이다보니 아무래도 뒤집기가 쉬웠습니다 ㅎㅎ;; 디버깅을 안하고 뒤집기 일수이고, 스파게티 코딩으로 인해 버그를 발견해도 해결하지 못하는 경우도 허다했죠.. 그래서 이것저것 찾아드리면서 “아, 이런게 문제가 될 수 있구나~” 하는 마음으로 틈날때마다 사이트를 찾아와 디버깅을 하고 있습니다. 물론, 지금 쓰는 이 글은 두번째 작성중입니다. 왜 오류가 났냐면.. gif를 올리려고 하면 용량 제한이 걸리는지 업로딩 실패가 되어, URL로 삽입을 하니 500 코드로 반환되더군요..(?) 아무튼 그렇게 제 코드를 보다보면 이런 생각이 들어서 갑작스레 적어본 똥글입니다. 아참, 대장님 https://villain.city/contents/view/357 이거 보셨는지요..? 피드백이 없으셔서 못보신건가.. 메인페이지가 바뀌질 않고 있어서 다시 한번 언급해봅니다 ㅋㅋ 지금은 왜 또 되는 것이지..? 카테고리가 ROOT > 로 표기되던데.. 올라갈때 뭐 이상하게 올라갔나..
잔고0원 2025.08.11
2
3
[일상/여행/맛집] 30도 넘는 한여름에도 삼계절 침낭이 필요한 숲속 도마치계곡 캠핑장 숲속 도마치계곡 캠핑장은 경기도 포천시 이동면 도평리에 위치한 자연 속 힐링 명소로, 맑은 계곡물과 울창한 숲이 어우러진 백패킹과 물놀이의 성지입니다. 서울에서 약 1시간 30분 거리에 있어 당일치기나 1박 2일 캠핑으로 제격이며, 특히 에메랄드빛 계곡과 깨끗한 수질로 유명합니다. 이곳은 과거 군단장의 휴양지로 사용되다 민간에 개방된 곳으로, 상업화가 덜 되어 자연 그대로의 매력을 느낄 수 있습니다. 가는 방법 대중교통이 좋지 않기 때문에 자차(자가용)를 이용하는 방법이 대표적입니다. 경로: 서울 → 구리포천고속도로 → 포천IC → 도마치계곡 소요시간: 약 1시간 30분 도마치 계곡까지는 차로 직접적인 접근이 불가합니다.(사유지 도로 점유권 분쟁 때문이라는 말이 있습니다.)아무튼 일단 주자 방법부터 설명해 드리자면 다음과 같습니다. 갓길 주차: 조선비치모텔(포천시 이동면 화동로 2311) 근처 갓길에 무료 주차 가능. 평일 오전 10시에도 만차될 수 있으니 주말은 8시 이전 도착 권장. 다만 CCTV가 주변에 없기 때문에 위험도가 높음. 유료 주차장: 이동풍차갈비 근처 유료 주차장(1일 1만 원, 1박 2일 2만 원) 또는 백운계곡 주차장 후 택시 이용(기본요금 수준). 안전함 도로 따라 직진, ‘숲속도마치계곡캠핑장’ 표지판을 따라 약 10분 더 걸으면 캠핑장 도착(총 20~30분 소요). 대체 경로: 계곡길 대신 산길(풍차갈비 맞은편 마을길)로 이동 시 물에 젖지 않지만 약 30분 소요. 숲속 도마치계곡 캠핑장은 자연의 품에 안긴 듯한 풍경으로 힐링을 선사합니다. 바닥이 훤히 보일 정도로 맑고 깨끗한 1급수. 열목어 등 물고기가 많아 스노쿨링하는 사람드 많은 정도로 깊은 곳도 있습니다. 캠핑장 환경 숲속 도마치계곡 캠핑장은 차가 진입하지 못하는 만큼 백패킹 전용으로, 넓은 사이트와 그늘진 나무가 많아 쾌적. 텐트 피칭 공간(당초 기획은 오토캠핑장인것 같은 레이아웃입니다.)이 넉넉해 프라이버시 보장됩니다. 입구에 있는 매점에는 각종 음식(한강라면 5,000원, 구명조끼 5,000원, 삼겹살 12,000원 등)과 화장실(깔끔, 휴지 비치), 샤워실(온수 가능, 선반 없음). 전자레인지가 마련되어 있습니다. 다만 세제/수세미는 개인이 준비해 와야 합니다. 자연과의 조화 계곡 바로 옆 사이트는 시원한 물소리와 함께 자연을 만끽 가능합니다. 그늘막이나 타프 설치로 햇빛 피하며 휴식 가능합니다. 숲속 도마치계곡 캠핑장은 서울 근교에서 자연을 온전히 느낄 수 있는 몇 안 되는 장소입니다. 계곡에 발 담그는 순간 도시의 스트레스가 녹아내리고, 맑은 물과 울창한 숲이 주는 힐링은 기대 이상입니다. 다만, 접근성이 다소 까다롭고 철조망 같은 장애물이 있어 초보 캠퍼나 아이 동반 가족은 준비를 철저히 해야 합니다. 매점과 화장실이 깨끗하고, 가격도 산속 치고 합리적이어서 만족스러웠습니다. 비 온 뒤 방문했더니 물살이 세서 아쿠아슈즈와 구명조끼가 큰 도움이 됐어요. 다음엔 평일 이른 아침에 방문해 더 여유롭게 즐기고 싶네요. 포천의 숨은 보석, 도마치계곡에서 진짜 자연을 만나보세요!
따노스 2025.08.10
7
0
[버그/건의] 모바일 홈페이지 관련 개선 요청 지금 현재 빌런의 모바일은 정말 빌런 다운 버그가 일어나 있는 상황입니다. 무슨 버그냐구요? 모바일에서는 2번째에 있는 게시글이 앞 게시글을 잡아먹는 버그가 있습니다. 이렇게 보이던 게시글이 해상도를 줄이면? 이런식으로 잡아먹히는 문제이죠. 콘솔을 통해 보면 앞 게시글의 가로 사이즈 354px이하로 내려가자마자 뒷 게시글로 크기가 이동되는 것이 보이지요? 왜 이런 문제가 생기느냐.. 바로 이 div를 합치는 구간 때문에 발생됩니다. 반응형 웹 페이지는 별도로 모바일 웹버전인 (m.villain.city) 이런식으로 들어가지 않아도 똑같은 URL을 통해 모바일과 데스크탑을 함께 사용 할 수 있도록 만들어진 웹 페이지를 반응형 웹페이지라고 합니다. 반응형 웹페이지의 장점은 모바일 웹으로 구성하면 2개의 웹소스를 운용하거나, 2개의 웹페이지를 별도로 제작해야 한다는 단점이 있던 것을 하나로 관리할 수 있다는 장점이 있습니다. 대신에 두 개로 나눠서 관리하던 것을 하나로 관리해야 하는 점에서 class 같은 지정을 제대로 운용해야 합니다. 근데 빌런은 그 운용을 제대로 하지 못하여 모바일로 접속시 제대로 된 페이지 표기가 되지 않았던 것이죠. 모바일로 보면 게시글은 1열로 표기 되어야 하는데 기본 값이 2열로 설정되어 있어 1칸으로 바뀌었지만 없는 1칸을 또 만들어서 2열로 만들다보니 기존에 있던 좌측의 div 칸을 집어 먹어버리는 문제가 발생해버린 것이죠. 이 문제가 되는 col-span-2와 row-span-2 를 지워버리면? 이랬던 게시글 상태가 이렇게 숨겨졌던 게시글이 표현되면서 정상적으로 변경되는 것을 확인할 수 있었습니다. row-span-2와 col-span-2가 어디서 반환되는지 찾아보려 했는데.. 애초에 carouselMain.js를 통해 값이 반환되는 것으로 보이더군요. api로 어떻게 반환되는지는 모르겠습니다만.. main.html을 이용해서 반환되는 것을 봤습니다. 근데 main.html인데 게시글을 끌어오는 html 소스이면 조각 형태로 해야 하는데 전체코드 형태로 해두셨더라구요..? (왜죠?) 아무튼 api 통신을 통해서 값을 가져온 것을 처리하는 것이라 제가 그 이상의 추적은 어렵게 되었.. 근데 여기서 모바일만 해결 되느냐? 아뇨. 기존에 데스크탑 메인페이지에서 한 줄에 2개의 게시글이 들어가던 문제도 이렇게 해결됩니다. 즉, 이 메인 페이지의 악의 근원은 row-span-2와 col-span-2의 return의 문제였답니다~ 자, 개발이사님. 일하실 시간입니다.
잔고0원 2025.08.10
2
3
조텍
  • 이벤트
  • l
  • 체험단 모집
  • l
  • 특가 이벤트
  • l
  • 당첨/발표
  • 종합
  • 뉴스/정보
  • 커뮤니티
  • 질문/토론
커뮤니티 빌런 18+ ( Villain ) Beta 2.0
본사 l 서울 금천구 가산디지털1로 33-33 대륭테크노타운2차 7층 705-5호
운영팀 l 경기도 고양시 덕양구 동축로 70 현대프리미어캠퍼스5층 B동 A5층48호
대표전화 l 010-4588-4581 서비스 시작일 l 2025-08-15 전자우편 l master@villain.city
커뮤니티 빌런 18+ ( Villain ) 의 모든 콘텐츠(영상,기사, 사진)는 출처를 표기하는 조건으로 무단 전재와 복사, 배포 등을 허용합니다.
Copyright © 커뮤니티 빌런 18+ ( Villain ) All Rights Reserved.