분류 전체보기6 [바이크] 간만의 야간 라이딩 | BMW G310GS 자이언트 박 5월 1일, 근로자의 날.남들에겐 빨간 날이지만, 노동자인 나는 오늘도 출근을 했다. 아침부터 이어진 일과를 마치고 퇴근길에 문득 생각이 들었다. "하루종일 비가 왔는데 드디어 그쳤네... 오토바이 탈까?" 그렇게 나는 지인에게 연락을 해 약속을 잡았다. 오늘의 목적지는 청토다. ‘청토’는 청계산토스트의 줄임말이다. 원래는 청계산에서 푸드트럭으로 토스트와 꿀녹차를 팔던 곳이었지만, 지금은 확장 이전하여경기도 용인시 처인구 모현읍 곡현로 399에 멋진 공간을 마련해 운영 중이다. 바이크족과 드라이버들의 아지트로도 유명하다. 비가 많이 와서 5월치고는 꽤 쌀쌀했다.나는 남양주 덕소 근처에서 지인을 만나 용인으로 출발했다. 도로는 낮에 온 비로 아직 젖어 있었고, 미끄러질까 조심스러웠다.한참을 달려 도착한.. 2025. 5. 2. [다이어트 D+0] 위고비를 처방 받았습니다. 오늘은 내 다이어트 인생에서 또 한 번 중요한 출발점이 되는 날이다. 현재 나는 키 175cm, 체중은 142kg이다. 흔히 말하는 초고도비만이다. 하지만 이 숫자도 과거에 비하면 줄어든 것이다. 몇 년 전만 해도 나는 158kg, 거의 160kg에 가까운 몸무게를 가지고 있었다. 그 당시 나는 체중 때문에 당뇨, 고지혈증, 지방간 같은 다양한 질병을 겪게 되었고, 병원의 권유로 큐시미아라는 다이어트 약을 복용하기 시작했다. 하루 두 끼는 샐러드와 닭가슴살 위주의 식단으로 철저하게 조절하면서 6개월 동안 약 36kg을 감량했고, 체중은 120kg까지 내려갔다. 그 결과 혈당, 콜레스테롤, 간 수치도 자연스럽게 정상으로 돌아왔다.158KG 나가던 시절의 사진큐시미아 복용 후 125kg 정도 까지 감량했을때.. 2025. 5. 1. 제4장 – 목록과 표 만들기: <ul>, <ol> & <table> 활용법 웹 페이지에서 정보를 깔끔하게 정리하고 싶을 때 가장 좋은 방법 중 하나는 목록(list)과 표(table)를 활용하는 것입니다. 이번 장에서는 , , 태그를 사용하여 정보를 체계적으로 배치하는 방법을 왕초보도 이해할 수 있도록 자세히 설명드리겠습니다.1. 순서 없는 목록 만들기 태그는 순서가 없는 항목(즉, 번호가 필요 없는 목록)을 만들 때 사용합니다. 각각의 항목은 (list item) 태그로 감쌉니다. HTML 배우기 CSS 배우기 JavaScript 배우기 브라우저에서는 보통 동그란 점(bullet) 아이콘과 함께 항목이 표시됩니다.✔ 포인트는 순서가 중요하지 않은 목록을 만들 때 사용합니다.는 무조건 안에 있어야 합니다.2. 순서 있는 목록 만들기 태그는 항목마다 번호를 매기고 싶을 .. 2025. 4. 28. 제3장 – 링크와 이미지 삽입하기: <a>·<img> 태그 완벽 가이드 HTML에서 링크와 이미지는 웹 페이지를 더욱 풍성하고 유용하게 만들어주는 필수 요소입니다. 링크는 다른 페이지로 사용자를 이동시키고, 이미지는 정보를 시각적으로 전달하거나 디자인에 생동감을 부여합니다. 이번 장에서는 왕초보도 쉽게 따라할 수 있도록 태그와 태그의 기본 사용법부터 실전 활용 방법까지 친절하게 안내해 드리겠습니다.1. 링크를 만드는 태그 기본 이해는 \"anchor\"(닻)라는 의미를 갖고 있으며, 페이지 안팎의 다른 위치로 이동할 수 있게 해줍니다. 가장 기본적인 형태는 다음과 같습니다.예제 사이트로 이동하기위 코드에서 href 속성은 연결할 URL을 지정합니다. 링크 텍스트(이 경우 '예제 사이트로 이동하기')를 클릭하면 해당 주소로 이동하게 됩니다.✔ 주의할 점필수 속성: hre.. 2025. 4. 28. 제2장 – 텍스트 & 제목 태그 배우기: <p>, <h1>~<h6> 한눈에 정리 웹 페이지에서 정보를 전달할 때 가장 먼저 사용하는 요소는 “문단”과 “제목”입니다. 지금부터 HTML의 대표적인 텍스트 태그인 와 ~ 태그를 어떻게 쓰고, 언제 사용해야 하는지 예제와 함께 살펴보겠습니다. 올바르게 사용하면 문서 구조가 명확해져 접근성과 SEO에도 큰 도움이 됩니다.1. 태그: 문단 단위로 텍스트 묶기 태그는 “paragraph”의 약자로, 하나의 독립된 문단을 나타냅니다. 브라우저는 기본적으로 앞뒤에 여백(margin)을 주어 읽기 쉽게 렌더링합니다.이것은 첫 번째 문단입니다. 문단별로 의미 단위가 바뀔 때마다 태그로 묶어 주세요.HTML 태그를 잘 사용하면 코드도 깨끗해지고, 검색엔진이 콘텐츠를 더 잘 이해합니다.2. ~ 태그: 제목 계층 구조 설계제목 태그는 문서의 구조를 트리.. 2025. 4. 28. 제 1장 - HTML 기본 구조 완전 정복 : 왕초보도 쉽게 이해하는 첫 걸음 웹 개발의 첫걸음은 ‘HTML 문서의 뼈대’부터 배우는 것입니다. 아무리 멋진 디자인이나 화려한 스크립트를 추가해도, 기본 구조가 잘못돼 있으면 페이지가 제대로 표시되지 않거나 검색엔진에 노출되지 않습니다. 이 장에서는 왕초보도 한눈에 이해할 수 있도록 HTML5 표준 문서의 필수 요소들을 차근차근 살펴보고, 간단한 예제 코드를 통해 직접 구조를 만들어 보겠습니다.1. 선언HTML5 문서 최상단에 반드시 추가해야 하는 선언문입니다. 브라우저에게 “이 페이지는 HTML5 표준을 따릅니다”라고 알려 주어, 최신 렌더링 모드로 문서를 표시하도록 합니다. 만약 이 선언이 빠지면 브라우저는 호환 모드(Quirks Mode)로 동작해 레이아웃이 깨지거나 의도치 않은 동작이 발생할 수 있습니다.2. 요소 태그는 .. 2025. 4. 28. 이전 1 다음
