밑끝없로그

큐넷 웹디실기 공개문제 풀어보기 : 저스트쇼핑몰 우선 실기시험에 앞서 미리 필기구로 시험지에 중요한 부분을 체크해가며 요구사항을 숙지하는것이 중요하다. 요구사항 분석 잘 못 이해했다가 나중에 코드를 전부 수정해야하는 경우가 생길 수도 있으니 문제지 읽는 시간을 아까워하지말고 충분히 주어야한다. ↓요구사항 체크 문제지 파일↓ 요구사항을 보며 HTML 구조 먼저 짜기 HTML과 CSS를 동시에 진행하는것 보다 머릿속으로 어떻게 구조가 짜여질지 상상하면서 HTML코드를 우선 짜놓고 나중에 스타일을 입히는것이 속도면에서 더 빠르다. (수정할 일이 줄어든다.) 캐릭터셋을 utf-8로 설정하고 css에서 텍스트 색을 #222328로 기본지정을 하고 시작했다. css를 링크해준다. 시험장에서 제공하는 jquery 파..

급하게 컴퓨터 그래픽스 필기와 과목이 비슷하다는 말에웹디자인 기능사 필기도 응시했고, 어렵지 않게 합격할 수 있었다. 어느덧 미루고 미루던 실기시험 날짜가 오고있다.시험신청은 지난달에 했는데, 역시나 미루고~ 미루다~ 공부를 하나도 안하고오늘 처음으로 공개문제를 다운 받는다. 하루에 1시간씩 일주일만 봐보자!! 웹디자인 기능사 실기시험문제 너무 길어서 중요한것만 요점 정리를 해보았다. 벼락치기용 유의사항 1. HTML, CSS, JavaScript 총 파일 3개를 만든다. (이미지랑 jQuery 리소스는 제공된다)2. charset utf-8 으로 설정한다. 1) HTML : 2) CSS : @charset "utf-8";3. 전체영역 960px X 1200px 및 Header, Main , Conten..

몇 달전에 배운 HTML 리마인드를 위해서 복습하는 겸, HTML5 기본문서의 기본태그를 총정리 하였다. 1. : HTML5 임을 브라우저에게 지시하며 맨 첫줄에 선언. 2. HTML5필수태그 : , , , 1) HEAD : CSS스타일, 자바스크립트, 메타태그들이 위치2) BODY : 자바스크립트 코드를 포함 할 수 있으며 HTML 구조 및 내용3) TITLE : 웹페이지의 제목으로서 브라우저의 상단 바에 출력되며 HEAD내에 작성 3. 주석문 : 브라우저에 출력되지 않음 4. 본문 소제목 태그 부터 까지 6단계의 소제목을 표현 한다. ex) h1 소제목 입니다. h2 소제목 입니다. h3 소제목 입니다. h4 소제목 입니다. h5 소제목 입니다. h6 소제목 입니다. *본문 Tooltip 달기 h1 ..

HTML5 ? 지금까지도 웹개발자, 웹 퍼블리셔들은 브라우저에 따라서(같은 브라우저라고 할지라도 버전에따라) 화면에 다르게 출력되어 다른 코드를 작성하기도하고 문제점이 많다. 초기 HTML이 개발되었을때 마구잡이로 브라우저들이 나왔고 웹 페이지에 플러그인 기능이 들어가게 되면서(지긋지긋한 Active-X..) 표준화 되지않은 기술들이 브라우저에 혼재되어 html의 호환성이 더더욱 무너져버렸다. 스마트폰과 태블릿 기기들은 플러긴 같은 비표준기술을 수용할 수 없기때문에 모바일이나 PC에서 모두 사용가능케하는 범용 웹 표준 개발이 필요해졌고, W3C와 하이퍼텍스트 워킹그룹에서 HTML5의 표준을 만들게 되었다. 웹페이지를 Structure, Presentation, Behavior을 분리해서 개발하도록 htm..

웹 서버와 웹 사이트 차이는? 우리는 크롬이나 익스플로러, 사파리와 같은 '웹 브라우저'를 통해 정보를 전송 받거나 정보를 요청한다. 그 때 웹 브라우저로 부터 요청을 받아 정보를 전달하거나 웹프로그램을 작동하고 전송하는 것이 웹 서버 소프트웨어의 기능이다. 예를 들어 아파치, ngix, IIS, Google Web Server 등이 있다. 그리고 이러한 '서버 소프트웨어를 개발자' 입니다~ 할때는 이 웹 서버 응용프로그램을 개발한다는 뜻이고 유저에게 다양한 서비스를 제공 할 수 있다. PHP, C, c++, Java Servlet, JSP, Node.js등의 언어가 대표적이다. 웹이란?웹은 영국출신 과학자 팀 버너스리 Tim Berners-Lee에 의해 발명되었다. 웹이 없는 당시에는 이메일과 ftp를..

컴알못의 HTML 얼마 전 부터 HTML 공부를 시작했습니다. 블로그에 기록을 남기며 스스로 정리도 하고, 혹여나 도움이 될 수 도있는 비전공자 및 초보자 분들을 위해 HTML 이 무엇인지, 작성 및 스킬에 대하여 조금씩 정리해보려고 합니다. 1. HTML이란? HTML은 웹 문서를 만들기 위해 사용하는 프로그래밍 언어의 한 종류 입니다. 에이치티엠엘, 굉장히 읽기도 불편하고 꼭 무엇의 줄임말 같이 생겼죠. Hypertext Markup Language 하이퍼 텍스트 마크업 랭기지의 줄임말입니다. Hypertext는 웹페이지에서 'Link 링크' 를 의미하는 기능 이고, markup은 컴퓨터 프로그래밍 언어 중에 markup 이라고 하는 문법적인 형식을 의미 합니다. 즉 하이퍼텍스트를 작성하기 위한 마크..