웹 썸네일형 리스트형 [1] Html은 도대체 뭔가요? HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어) HTML - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 1990년, 팀 버너스리는 Web의 비전 중 하나로서 하이퍼텍스트라는 개념을 정의하고, 그 이듬해에 SGML (en-US)에 기초한 마크업을 통해 구체화했습니다. IETF (en-US)는 1993년에 HTML을 공식 지정했으며, 19 developer.mozilla.org 자세한 사항은 위의 MDN 사이트를 참고하세요. Html은 무엇인가요? 쉽게 말하면 그냥 '문서'(Document) 입니다. 한글 문서처럼 쭉 써내려 가는 문서라고 생각하면 쉽겠죠? 하지만 다른점이 있어요. 한글이 아니라 한글대신 라는 언어체계로 설명되어 있는 문서라고 생각하면 쉬.. 더보기 Html 시작하기 HTML 삽입 미리보기할 수 없는 소스 웹페이지 만들기 기초 HTML 을 시작해 봅시다!! 상단에 클라우드 아이콘 누르면 에디터로 편집 할 수 있어요. 연습해 보세요~ 그럼 같이 시작해 봅시다. 더보기 그래픽 디자이너가 자바스크립트를 공부하면 좋은점! 그래픽 디자이너가 자바스크립트를 공부하면 좋은점! 그림 쟁이들은 글자를 읽는걸 싫어한다는 편견이 있다. 그런데 편견이라고 하기에는 통계를 봐야 정확하겠지만 적어도 나도 그랬으니까~ 책을 보면 글은 안읽고 그림부터 보는 습관때문에 난독증 증상이 있기도 했다. 그러나 살아남기위해 처음 '웹'에 입문했을 때 과연 내가 코딩이라는 것을 할 수 있을까?란 의문이 생겼다. 그런데 생각외로 HTML과 CSS는 별로 어렵지는 않았다. 아..그냥 문서만들기 정도로 받아들여졌다. 그런데 문제는 자바스트립트였다.ㅜㅜ 무작정 자바스크립트 코드 외우기 와 이게 정말 하면 안되는 짓(?)이었다. 절대 객체지향(엄밀히 자바스크립는 아니지만)형 언어들은 암기로는 되지 않는다는 것을 깊이 깨닫게되었다. 별 예제를 다 찾아 보았지만 혼.. 더보기 [그리드 시스템] 부트스트랩 부트스트랩 5.1 그리드 시스템 모바일 우선된 flexbox 그리드를 사용하여 12개 열 시스템으로 이루어져 있으며, 6개 열 기본 반응형등 12로 나누어 떨어지게만 클래스를 지정하면 간단하게 반응형 레이아웃을 만들수 있다. 예제 _ 행1개 한칸 두칸 세칸 1. 부모를 container로 감싼다. 2. 자식으로 row 행을 만든다. 3. 손자로 col 열을 나눈다. 4. 손자이름은 모두 col이기 때문에 12/3 그리드를 4개씩 나누어 갖는다 참 쉽죠잉~ 예제_ 행2개 6개씩 나눠 가지자 6개씩 나눠 가지자 3개씩 나눠 가지자 3개씩 나눠 가지자 3개씩 나눠 가지자 1. 부모를 container로 감싼다. 2. 자식으로 row 행을 2개 만든다. 3. 손자로 col 열을 나눈다. 4. 첫번째 행은 6개씩.. 더보기 부트스트랩 5.1 준비하기 부트스트랩 5.1 준비하기 부트스트랩을 이용해서 빠른 서비스를 제공하고 싶다면 지금 당장 시작해요~! 1. CSS 추가하기 2. Javascript 추가하기 본문 아래에 추가해 주세요 3. 팝오버 툴팁 추가하기 커스텀제작을 원할경우 팝오버와 툴팁을 사용하고 싶다면 다음 스크립트 추가해 주세요. 팝오버가 앞에 위치하며 툴팁이 아래도 배치되야함 예시 주의 / 반응형 mata태그 추가 부트스트랩은 모바일 우선이기 때문에 올바른 렌더링과 터치를 원활히 하기 위해서는 부트스트랩 시작하기 더보기 이전 1 다음
