브리의 성장기

[github] github 를 이용해서 내 홈페이지를 호스팅해보자. github 를 이용하는 이유에 대해 알려면 서버와 클라이언트의 관계에 대해 알아야한다. 클라이언트와 서버는 아래와 같이 데이터를 주고 받는데, 클라이언트를 일반적으로 우리가 사용하는 컴퓨터라고 생각하면 이해가 쉽다. 클라이언트 → (요청) → 서버 → (응답) → 클라이언트 우리가 브라우저(크롬, 사파리 등)에 주소를 도메인 주소를 입력하게 되면, 입력한 주소에 관한 파일을 서버가 클라이언트(내 PC) 로 전해준다. 당연하세도 서버에는 엄청난 양의 파일이 있어야 하고, 항상 전원도 켜져 있어야 한다. 현실적으로 우리 PC에서는 구현이 불가능에 가깝기 때문에, 온라인상에서 제공하는 서버를 이용하여 구현한다. 따라서 github 를 사..

[HTML 태그] 우린 웹을 이용할때 쉴새없이 클릭, 클릭, 클릭 한다. 이 링크에서 저 링크로 계속 옮겨다닌다. 생각해보니 신기하다. 여러개의 독립된 페이지들은 사실 복잡하게 엮여진 링크, 링크, 링크로 연결되어 있다. 이런 연결은 태그가 해준다. 태그는 하이퍼링크를 걸어주는 태그다. 오늘 배운 속성을 아래 정리해보겠다. 1. a href : 클릭 시 이동할 링크 (hyperlink refernece) 2. target : 링크를 여는 방법 * _self: 현재 페이지 (기본값) * _blank: 새 탭 3. title : 이미지에 커서를 갖다 대었을때 나올 설명문 만약, 네이버 위와 같이 작성하면 '네이버' 라는 단어를 클릭했을때 새 창으로 네이버에 접속할 수 있다. 또, '네이버' 단어 위에 커서를..

[HTML 부모 자식 태그] 영어를 배울때 문법에 맞게 말하는게 중요하듯 HTML에도 문법이 있다. 구조상 상위에 위치한 태그를 부모 태그, 하위에 위치한 태그를 자식 태그라고 한다. 부모태그를 사용하여 자식태그를 grouping 할 수 있고 경계를 줄 수 있다. 부모태그는 자식태그가 존재하기 위한 전제 조건이된다. (ex) 태그 - 혹은 태그 는 부모 자식 간의 관계이다 [2단계] (ex) 태그 - 태그 - 태그는 부모 자식 간의 관계이다 [3단계] 빠르게 table 태그를 활용한 요가 수업 시간표를 만들었다. 테두리 찾으려고 google 에 ' html table line tag ' 라고 검색했다가 아래 페이지를 발견했다. 알게된 점 - element defines a table row - eleme..

개발의 'ㄱ' 자도 모르던 내가 코딩에 관심을 갖게 되었다. 작년에 B2B 메시징 서비스를 제공하는 IT 회사의 사업부 팀원으로 입사하면서 회사 안팎으로 소통을 잘 하기 위해서는 최소한의 IT 지식이 있어야 함을 절실히 느꼈다. 나는 몇 달간 정보처리기사 자격증을 준비하고 관련 서적을 읽었다. '아는만큼 보인다.' 라는 말을 실감하게 되었는데, 몇 개월 전까지만 해도 이해가 가지 않던 대화들이 귀에 날아와 쏙쏙 박히기 시작했다. 공부를 하다 보니 욕심이 생겼다. 직접 코드를 짜서 무언가 구현해 보고 싶은 마음이 생겼다. 자발적으로 생긴 공부 열의가 너무 반가웠지만, 비전공자에게 코딩은 알 수 없는 미지의 영역이자, 끝없이 펼쳐진 바다 같았다. 다행히 나보다 먼저 취직한 컴공과 친구들과 같은 회사를 다니는..