회고록 블로그

CSS에 대해서 이제 갓 배우기 시작했다. 근데 강의를 듣다가 궁금한게 생겼다. 그래서 답을 찾아보기로 했다. ※ 본 글은 초급자가 머릿속에서 혼자 고민하고 탐구하여 낸 결론입니다. 따라서, 본 글에 나오는 실패 원인 등은 개인의 추측일 뿐 정답이 아닐 가능성이 99.9% 입니다. CSS는 선택자에 따라 스타일을 적용하는 순서(우선순위)가 있을까? 능력자님 해답을 찾아왔다. 출처: jess2.tistory.com/111 [CSS] 선택자 우선순위 CSS 선택자 우선순위 특정 태그에 스타일 속성이 중복될 경우, 어떤 속성이 적용될까? CSS 선택자 우선순위에 대해 알아보자. - 1순위. 속성 값 뒤에 !important를 붙인 속성 - 2순위. HTML에서 style을 지 jess2.tistory.com ..

※ 절대 잊지 말아야 할 핵심 HTML의 핵심은 '정보' '어떻게 정보를 잘 표현할 수 있을까'를 고민해야한다. HTML은 '정보'에 전념하도록 해야한다. CSS의 핵심은 '디자인' HTML에서 표현한 그 정보를 어떻게 잘, 예쁘게, 만족스럽게 꾸밀 수 있을까 => 정보와 디자인을 분리한다 * CSS가 탄생한 역사(?)는 생활코딩 CSS 수업을 들어보면 알 수 있다. (재밌음) HTML과 CSS - 아래 샘플 코드에서 HTML 문법과 CSS 문법을 구분해보기 Hello world Hello World 1) Hello world => 파란색 문자열을 제외한 나머지는 HTML 문법이고, color:red 만 CSS 문법이다. 2) => 파란색 부분은 CSS 문법이고, 은 HTML 문법이다. [외전] HTML..

Semantic tag - 여러 정보를 의미에 맞게 잘 표현하기 위한 여러가지 태그들 - 이 정보가 헤더인지, 푸터인지 등등 - HTML 문서를 쓸 때에는 '의미'에 집중을 해야한다 (디자인은 CSS에서 집중해서 만들 수 있으니) - : header의 역할을 하는 section이고 - : navigator의 역할을 하는 section인거고 - 과 : 헤더나 네비게이터, 푸터 등이 아닌 음.. 애매한 것들은 태그로 묶는다 - : footer의 역할을 하는 section 검색엔진 최적화 - 내가 웹사이트 만들어서 공개하면, 검색엔진 회사(?)에서 robot(=S/W)을 보낸다 -> 로봇은 내 웹사이트의 html 문서를 다운로드 받아서 자기들의 기준에 맞춰 분류를 하고 -> 그 정보들을 모아모아 -> 사용자가..

HTML에서 태그의 method 속성을 이용해 get 방식, post 방식을 지정할 수 있지만 이 method 전송 방식에 대해서 결정하는 것은 '서버쪽 엔지니어'의 권한이라고 한다. (생활코딩 曰) get 방식 vs post 방식 메소드는 get과 post 외에도 많이 있는데 그건 밑에 외전으로 적기로 하자. 이 method는 클라이언트 ---> 서버로 요청(requset)을 할 때 어떤 방법으로 보낼지를 결정하는 것이다. 이 글을 적는 이유는 나중에 검색하기 귀찮아서 스크랩 목적이므로.. 둘의 차이는 아래 능력자님의 글을 참고하기로 하자. mangkyu.tistory.com/17 [Web] GET과 POST의 비교 및 차이 사용자가 어떤 홈페이지로 이동하기 위해서 URL을 브라우저 주소창에 작성하고 ..

태그 - 는 각각의 데이터이다 (Table Data) - 로 행을 묶어준다 (Table Row) ( 는 Table Head 인가?) ※ 은 레이아웃을 잡을 때 사용하는 태그가 아니지만... 다만, 과거에는 그렇게 사용을 했었다 (웹사이트의 디자인을 직접 구현할 일이 있으면, 을 레이아웃 잡을 때 사용하지 말자..) 와 와 - 없어도 상관은 없다 (내가 사용하지 않으면 브라우저가 자동으로 만듬) - 하지만 테이블 구조를 명확히 표현할 때(?) 좋다 이름 성별 주소 회비 홍길동 남 부산 1000 김철수 여 서울 500 합계 1500 - border="2"의 큰따옴표 잊지말 것 태그와 태그 - 입력받은 정보들이 어떤 서버로 어떻게 전송되는지 정의(?)할 때 태그 사용 (form 태그의 action 속성 사용)..

내가 판단하기에 필요한 내용, 알아두면 유용할 내용들만 별도로 블로그에 필기하기로 했다. (문법 등은 인터넷으로 찾아볼 수 있으니 생략) 태그 중첩과 목록 태그 단독으로만 사용하면 보기에는 을 쓴 것과 같이 보이지만, 그룹핑은 되어있지 않은 상태. 그룹핑을 하고 싶다면 또는 태그를 함께 쓰면 된다. 기술소개 기본문법 하피어텍스트와 속성 리스트와 태그의 중첩 HTML 문서의 구조 맨 앞에 태그가 반드시 들어가고, 맨 뒤에 태그가 반드시 들어간다. (사실 가장 맨 앞에는 이 들어간다. 적어야하는데 못적었다.) 개발도구 개발도구는 굉장히 중요하다. 처음부터 너무 좋은 개발도구를 학습할 필요는 없다. (오히려 개발도구의 기능을 학습하는데 많은 리소스가 들어가서 더 복잡도가 커질 수 있음) HTML 변천사와 통계..

생활코딩으로 HTML 공부를 하고 있는데 HTML 내에 공통적으로 사용하는 코드들이 있어보인다. (ex. 페이지 상단의 메뉴바 등) 모든 html 문서에 공통되는 코드들을 복사/붙여넣기 해도 될 것 같지만 그럼.. 메뉴바 같은 것을 수정하려면 모든 html 문서를 수정해야 하는데 불편하지 않나...? 그래서 답을 찾아왔다. 즉, 이 글은 해답을 스크랩 해놓고 나중에 다시 보기위해서 쓰는 글이다. ppt21.com/qna/45358 [질문] HTML 페이지 마다 반복되는 내용들 웹 페이지를 만들고 있는데요 HTML 문서가 10개 정도됩니다. 근데 HTML 마다 네비게이션바, 사이드바 같은 건 공통으로 들어가서 HTML 상단 부분의 내용들은 거의 복사 붙여넣기를 하고 있는데요. 좀 ppt21.com m.bl..

출처 : aboooks.tistory.com/352 meta viewport (메타 뷰포트 태그) 사용법 meta viewport(메타 뷰포트 태그) 사용법 얼마 전에 meta 태그 사용법이란 글을 썼는데 [html] meta 태그 사용법 위 글에서 다루지 못한(빠진) 것들을 다루어 보려고 해요. 힌트를 주신 admin 님께 감사합 aboooks.tistory.com viewport? => 사용자에게 보여지는 화면 영역 - 브라우저 너비를 장치 너비에 맞춰 표시 (=> 장치 너비에 표시) (모바일, PC 웹 고려하기위함) - 최소와 최대 화면 배율 설정해놓기 - initial-scale은 초기의 배율(0~1 사이의 값) - 사용자가 크기 조절하기를 원치 않을 때 설정해놓기 보통 아래와 같이 설정 -> 장..