전체 글
[프리랜서 일지] 8. 하고 싶은 일이 아니라 해야 하는 일
사람들은 보통 꿈을 이야기하며, 하고 싶은 일이 무엇인지 묻는다. 그런데, 자신이 하고 싶은 일이 명확한 이들은 그리 많지 않다. 무엇보다도 나는 이러한 질문이 어딘가 모순적이라 생각하는데, 하고 싶은 '일'이란 있기가 참 힘든 것이기 때문이다. 자아를 찾고, 다소 거시적인 미래를 내다보며 자신의 삶을 설계하는 과정에서 우리는 보통 '무엇을 하고 싶어?'라는 사회적 질문을 당연하게 수용한다. 하고 싶은 게 있다면 문제가 없겠지만, 그렇다면 애초에 그 질문을 골똘히 생각해보지도 않았을 것이다. 그래서 나는 해야 하는 '일'에 대해 생각해 보기를 추천한다. '일을 해야 한다면, 어떤 일을 할까? 내게 남은 시간이 1년이라면, 그 시간에 어떤 일을 해야 할까?' 놀랍게도 자유와 욕구(하고 싶은 일)가 아닌 책..
스마트폰 중독과 과다한 인풋 ⏐ 일상 에세이 ⏐ 36
프로젝트 100에 참여하고 있는 요즘, 필사를 하면서 베껴쓰고 있는 문장에 집중하지 못하고 있다는 사실을 종종 깨닫는다. 머릿 속에 부유하는 잡념들 때문인데, 그 대부분이 어제 본 쓸모없는 뉴스들, 오늘 본 자극적인 콘텐츠들의 잔상이다. 쓴 일본의 사상가이자 작가 사사키 아타루는 '정보는 명령'이라는 말을 했다. 우리가 무심코 받아들이는 수 많은 정보들이 시간과 생각을 통제한다. 스마트폰은 하루에도 수십개씩 알람을 보내고, 더는 새로울 것이 없는 피드를 반복하여 새로고침하게 만든다. 과다한 인풋, 생각의 사로잡힘, 가시지 않는 피로. 그리하여 우리는 오래된 브라우저처럼 온갖 웹사이트의 캐시들을 온 몸에 가득 채운채 무거운 몸과 혼탁한 정신을 갖고 살아가게 된다. 과다한 인풋을 통제하고, 꽉 찬 휴지통을 ..
[프리랜서 일지] 7. 계절과 프리랜서
벌써 여름이 다가오는 걸까. 봄은 언제부터 이렇게 짧아졌던 걸까. 아직 숨이 턱턱 막히는 날씨는 아니지만, 이른 아침 방 안으로 드는 햇살을 맞으며 커피를 마시고 있자니 몸에 열이 난다. 멀리서 바라보는 창 밖의 요원한 풍경들은 맑고, 고요하다. 자세히 들여다보지 않으면 세상은 평온하기만 하다. 가끔은 혼란스럽다. 아니, 꽤나 자주 혼란스럽다. 잘 살고 있는 것인지, 이렇게 살아도 되는 것인지, 언제까지 이렇게 살 수 있는 것인지. 그런 와중에 변화하는 계절은 내게 작은 확신과 위로를 준다. 꽃은 피고 지고, 나무는 자라고 죽으며, 계절풍 또한 불어왔다 흔적도 없이 사라진다. 이처럼 우리의 삶에도 저마다의 계절이 있어, 때로는 겨울에 가깝고, 때로는 봄 같을 것이며, 때로는 여름일 것이다. 계절 속의 다..
HTML 문서에 CSS 연결하는 세 가지 방법과 장단점 ✔️
다양한 방식으로 HTML 문서에 CSS를 적용할 수 있으며, 다음과 같이 크게 세 가지 방식으로 문서의 스타일을 지정할 수 있습니다. 요소를 사용하여 외부 CSS 파일을 연결(추천) 태그 내에 link 태그를 사용하여 외부 스타일시트를 연결할 수 있습니다. 만약 CSS 파일이 HTML 문서와 동일한 폴더 내에 있지 않을 경우 다음의 예시와 같이 서브디렉토리를 설정해줘야 합니다. 참고로 여기서 rel 속성은 현재 문서와 연결되는 문서/파일의 관계를 의미합니다. CSS의 경우에는 stylesheet라고 속성을 적어주어야 하며, link에는 이 외에도 다른 속성들을 지정할 수도 있습니다. head 영역에 style 요소 사용 다음과 같이 head 태그 내에 을 지정할 수도 있습니다. 이러한 방식은 외부 CSS..
HTML meta chartset UTF-8 인코딩 설명 ✔️
UTF-8는 문자 인코딩에 가장 많이 사용되는 방법입니다. 이는 유니코드 시스템 코드 테이블을 사용하여, 현존하는 모든 문자들을 표시할 수 있습니다. 이 때문에, 인터넷에서 사용되는 대부분의 문자 세트에는 UTF-8 방식이 가장 많이 사용되고 있습니다. 컴퓨터는 글자, 숫자, 기호를 표시하기 위해 특정한 문자를 필요로 합니다. 이러한 일련의 문자는 특정한 순서를 따라 정렬되어 있습니다. 이를 문자 집합(character set)이라고 하는데요. 컴퓨터는 문자를 올바르게 파악하기 위해, 문자 인코딩이라 하는 비트(bits)의 패턴을 사용합니다. 문자 집합은 특정한 순서를 따라 이미 명시되어 있기 때문에, 문자 인코딩을 위해서는 해당 비트 패턴이 문자에 할당되어야 합니다. 만약, 선언된 문자 인코딩이 실제로..
HTML에서 언어(lang)를 지정해주는 이유는 무엇일까요?
HTML 페이지 소스 코드에서 언어를 설정하는 이유는 다양합니다. 무엇보다도 이는 사용자에게 웹 페이지의 텍스트 콘텐츠를 정확하게 표시하기 위함입니다. 또한, HTML 코드에 명시된 언어는 검색 엔진이 다양한 국가의 사용자에게 올바른 결과를 보여줄 수 있도록 도와줍니다. 만약, HTML 코드에 언어가 지정되어 있지 않다면, 검색 엔진은 다른 방법으로 이를 분석할 것이고, 이에 문제가 발생할 수도 있습니다. 이 글은 Declaring language in HTML을 번역 및 요약한 것입니다. 언어를 분석하는 데 사용되는 요소들 HTML 코드에 언어가 지정되지 않은 경우, 검색 엔진은 몇 가지 방법으로 웹 페이지의 언어를 판단합니다. 예를 들어, 구글과 같은 현대 검색 엔진은 간단한 텍스트 분석을 통해 콘텐..
DOM이란 무엇일까요?
DOM(Document Object Model)은 문서를 노드 및 객체로 표현한 것입니다. DOM은 웹을 다루는 데 사용되는 일종의 API입니다. DOM 모델을 사용하여 문서를 객체화하여 구조, 스타일, 콘텐츠를 변경할 수 있습니다. DOM은 웹 문서를 트리 구조를 따라 웹 문서를 계층적으로 표현합니다. 다음 그림을 참고해보세요. 이는 기본적인 HTML 문서를 노드 트리를 따라 구조적으로 표현한 DOM의 예시입니다. DOM과 자바스크립트 앞서 DOM이란 웹 문서를 다루는 데 사용되는 인터페이스라 정리했는데요. 대부분의 경우 자바스크립트를 통해 DOM을 제어할 수 있습니다. 다음 예시는 문서의 모든 태그를 선택하고 원하는 문단의 내용을 변경합니다. const paragraphs = document.quer..
<div>와 <span> 태그 차이 설명
와 은 스타일링을 목적으로 존재하는 HTML 코드입니다. 이는 콘텐츠를 태그로 둘러싸면 하나의 문단임을 의미하는 것과는 다르게, 어떠한 의미론적 의미(semantic meaning)을 갖지 않는 스타일 코드입니다. 이러한 와 은 콘텐츠 일부에 특별한 스타일 효과를 적용할 수 있는 유용한 코드입니다. 태그 설명 태그는 블록 레벨 요소로 보통 긴 콘텐츠를 그룹핑하는 데 사용합니다. 이를 통해 웹페이지의 레이아웃을 구성할 수 있습니다. 태그 설명 태그는 인라인 레벨 요소로 보다 보통 블록 레벨 요소 내 적은 콘텐츠 텍스트를 그룹화하는 데 사용합니다. , 활용 방법 와 은 보통 스타일링을 목적으로 class 와 id 속성과 함께 사용됩니다. 즉, 각 태그에 class 와 id 를 부여하고 각 클라스와 아이디 별..
