본문 바로가기

All or Nothing

(101)
[입문] Hyperlink, a tag HyperText의 Hyper는 컴퓨터 용어로서 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 이것은 HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트를 순서대로 읽어야 하는 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능을 하이퍼링크(hyper link)라 한다. HTML link는 hyperlink를 의미하며 a(anchor) tag가 그 역할을 담당한다. 네이버 방문하기 1. href 속성 href 속성은 이동하고자 하는 파일의 위치(경로)를 값으로 받는다. 경로(path)란 파일 시스템 상에서 특정 파일의 위치를 의..
11월 1일, 이른 계획을 짜다. 지난 10월을 기점으로 모든 프로젝트가 정리된 후, 시간의 공백이 생겼다. 이 시간을 어떻게 활용을 해볼까 고민하고 있었는데 지금까지 미뤄왔던 것들을 해보기로 마음 먹었다. ① 데일리 루틴과 인생 계획 세우기 ② 가계부 작성 및 차트 만들기 ③ 프로젝트 관련 문서 템플릿 만들기 ④ 포트폴리오 정리 및 개발 스택 돌아보기 크게 나누면 위 네 가지로 구분되는데, 하나씩 정리해볼까 한다. 태생이 한량이라 계획을 세우는 것을 좋아하진 않지만, 한 번쯤 내가 갖고 있는 모든 것들을 돌아볼 필요가 있지 않나 싶다. 지금까지 열심히 달려온 만큼, 올 해 남은 두 달은 인생을 리마인드하며 내년을 준비해야겠다.
휴식의 마무리 작년부터 열심히 달려온 만큼, 2주 전에 다녀온 여행을 계기로 충분한 휴식을 취했다. 확실히 쉬어본 적이 없어서인지, 중간 중간 정말 심심했다. 그래도 일이나 자기 계발 같은 것보단 온전히 놀고 쉬는 것에 집중했고 생각보다 잘 놀더라. (조금 더 쉬었으면...?) 이제 다시 달릴 준비를 하며, 남은 한 해를 잘 마무리해야겠다.
[입문] Text Tag 모바일 퍼스트Mobile First 기조로 인해 텍스트를 줄이고 이미지, 동영상 등의 미디어 사용을 늘리고 텍스트를 줄이고 있는 추세이긴 하나, 여전히 HTML 콘텐츠의 대부분은 텍스트로 구성된다. 시맨틱 태그, SEO를 고려해야 하기 때문에 사용성에 따라 제목, 본문, 모양 혹은 중요도에 맞는 태그를 사용하여야 한다. 01. 제목 (Headings) Tag Heading 태그는 제목을 나타낼 때 사용하며, h1 ~ h6까지 사용한다. 예전에는 웹사이트에서 가장 중요한 콘텐츠에 h1를 선언했다. 그래서 2000년대 초에 만들어진 사이트들은 대부분 로고를 h1으로 선언했다. 그러나 HTML5로 넘어오면서, header, footer 등 역할이 구분되는 영역에서 중요도에 따라 h1 ~ h6를 재사용하도록 권..
처음으로 일주일을 여행으로 보내다. 웹 퍼블리셔로 시작해 프론트엔드 개발자로 살아가는 7년 동안, 공휴일이나 주말을 제외하고 단 하루도 3일 이상 쉬어본 적이 없었다. 회사 다니면서 주어진 휴가 기간은 늘 프로젝트로 바쁜 시기라서 반납하며 하루씩 나눠 쉰 게 전부였다. 그리고 4년 차 프리랜서를 맞이하는 올 해, 첫 해외 여행이자 자유 여행으로 일주일을 보냈다. 지난 주 여행을 떠나기 직전까지, 많은 고민을 했다. 프로젝트는 여전히 산더미 같았기 때문이다. 하지만 이번에 떠나지 않으면 앞으로도 프로젝트에 묻혀 살 것 같아서 과감한 결정을 내렸고, 여행을 다녀왔다. 결론부터 말하자면, 진작에 다녀올 걸 그랬다. 바쁘게 사는 것, 열심히 사는 것 모두 좋다. 하지만 삶에 여유를 주는 것은 좋고 나쁘고를 떠나서 필요하다는 것을 깨달았다. 그만큼..
[입문] HTML Tag 기본 01. 문서 타입 선언 문서 형식 정의(Document Type Definition, DTD) 태그는 출력할 웹 페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 하며, 대소문자를 구별하지 않는다. 문서별 기술 양식이 있었으나, HTML5이 표준이 되어 HTML5 문서 형식 정의만 사용한다. 02. html Tag html 태그는 모든 HTML 요소의 부모이며, 웹 페이지에 단 하나만 존재한다. 문서 타입 선언 태그 이외의 모든 HTML 태그는 HTML 내부에 작성해야 한다. Global Attribute (전역 속성)을 지원하며, 특히 lang 속성을 HTML 태그에 사용하는 경우가 많다. 03. head Tag head 태그는 메타데이터를 포함하기 위한 요소이며, html 태그와 마찬가..
체력 관리의 중요성 이번 연휴 때 오랜만에 친구들과 등산을 다녀왔다. 400m 안되는 산에 올라갔다가 내려오는 데, 너무 힘들었다. 일이 바빠서 올해 초 제외하고는 운동을 하지 못했는데, 그 여파가 고스란히 느껴졌다. 그래도 꾸준하게 가벼운 운동이나 체중 관리는 해둬서 건강 상태는 20대까지 합쳐도 지금이 가장 괜찮은 거 같은데, 체력이 너무 부실하다. 일과 운동을 병행하는 사람들이 새삼 대단하다고 느꼈던 연휴였다.
[입문] Vue3 설치하기, 실전 편 ① Vue-CLI를 사용하여 기본적인 Vue.js 프로젝트를 구성해보았다면, 이제 Vue3에서 권장하는 환경 설정으로 프로젝트를 구축하여 현업에 가깝게 실습해보도록 하자. 한 가지 알아둘 것은, 공식적인 권장사항이 필수는 아니다. 현업에서 프로젝트는 다양한 환경이 있고 본인이 익숙한 프레임워크 혹은 라이브러리를 사용하지 못할 수도 있다. 그러므로 늘 차선책을 준비해서 문제없이 프로젝트를 진행할 수 있기를 바란다. Vue3는 JavaScript가 아니라 TypeScript를 권장하고 있으며, Vue.js 라이브러리들이 점차 TypeScript를 지원하도록 발전하고 있다. 물론 JavaScript를 아예 쓸 수 없는 것은 아니지만, 웹 프로그래밍 언어의 흐름은 JavaScript에서 TypeScript로 발전하..