공개 문제 코딩 준비 - 에디터와 결과 화면
페이지 정보
본문
웹디자인 기능사 실기 공개 문제를 연습하기 전에
- 문제를 구현하는 코딩의 소스는 각각 다를 수 있다.
- 코딩을 작성하는 방법 역시 각각 다를 수 있다.
그러나 지향점은 웰폼드(Well-Formed) 코딩 : 말그대로 잘 형성된 즉 잘 코딩되어 실행이 잘 되는 것은 물론 보기가 편해서 유지보수가 쉬운 코딩이어야 한다.
운동 배울 때 기본과 습관이 잘 되어 있으면 실력이 쉽게 늘게 마련인 것처럼 코딩도 마찬가지다.
아는 것과 잘하는 것, 잘하는 것과 숙련된 것은 다르다.
##################################################
공개 문제 코딩 준비 - 에디터
코딩은 소스를 작성하는 것을 말하고 따라서 "소스 작성기" 즉 에디터가 필요하다.
웹퍼블리셔는 드림위버 같은 위지위그 방식의 에디터를 거의 사용하지 않는다.
주로 텍스트 에디터를 사용하는데 그 종류는 꽤 여러가지가 있다. (쩜닷컴은 에디트 플러스(Edit Plus)를 사용한다. )
사실 어떤 에디터를 사용하건 코딩의 결과물은 마찬가지이므로 크게 상관없다. 작성자가 느끼기에 친숙하고 편리한 에디터를 사용하면 된다.
다만 웹디자인 기능사 실기 시험에서는 "실기 시험장의 에디터"를 미리 확인하고 그 시험장 피씨에 설치되어 있는 에디터로 연습해야 한다는 것이 유의할점이다.
대부분 에디트 플러스와 Bracket은 깔려 있으므로 둘중의 하나를 선택하는 것을 추천한다. 그래도 혹시 모르니까 접수후에 꼭 확인한다.
각 에디터의 사용법은 구글에서 먼저 검색하자. 네이버나 다음은 구글에서 검색해서 답이 없을 때 찾아가는 곳이다.
------------
결과화면 보는 방법
결과화면은 작성한 html 문서를 클릭하면 확인할 수 있다.
추가로 웹브라우저 다운로드 및 설정을 하지 않은 사람들은 마이크로소프트 엣지 또는 인터넷 익스플로러가 열릴 것이다.
윈도우 탐색기를 열어서 폴더를 하나 생성하고 해당 폴더에 html 파일을 저장한다.
예)
- 내문서에 wd라는 폴더를 생성한다.
- 에디터 또는 메모장을 열어서 다음의 내용을 작성한 다음 test.html이라는 이름으로 저장한다.
<html>
<body>
Hello World!
</body>
</html>
- test.html을 탐색기에서 클릭한다.
위의 그림처럼 실행되면 굿!
추가로 wd 폴더 내에 img 폴더를 생성한다.
나중에 이미지 파일을 저장해서 연결할 폴더이다.