반응형
notepad++로 간단한 개발하기
개발을 하기 위해서는 JAVA, DB, SERVER, BROWSER, TOMCAT, IBATIS.. 기타 등등 필요하고, 적절한 세팅을 또 해야 하기 때문에 너무 복잡합니다. 뭐 대단한 프로젝트를 하는 게 아닌 이상 컴퓨터에 기본으로 있는 메모장이나 notepad로 간단한 화면 구성은 할 수 있어서 포스팅해보려 합니다.
1) html 기본 구조 작성하기
html의 기본 뼈대가 되는 아래 코그를 작성합니다. 작성 후 저장할 때는 확장자를 HTML(Hyper Text Markup Language File) 로 저장합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>html 기본구조</title>
<link rel="stylesheet" href=""/>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
</script>
<style>
</style>
</head>
<body>
내용입니다.
</body>
</html>
2) 실행하기
notepad 상단에 [실행 > Launch In Chrome] 을 클릭합니다. (또는 저장된 폴더에 있는 파일을 더블클릭해도 실행됩니다.)
3) 실행화면 확인하기
작성한 문서를 실행하면 브라우저에 적용이 된걸 확인할 수 있습니다. <title></title> 사이에 작성한 문자는 브라우저 상단의 tap에, 그리고 <body></body> 사이에 작성한 문자는 브라우저 화면에 적용이 된 걸 확인할 수 있습니다.
기초적인 내용이긴 하지만, 다시 공부도 할 겸 필기하듯 포스팅하는 것이니 오타 또는 잘못된 정보가 있을 경우 알려주시면 감사하겠습니다 ^^
- TO BE CONTINUED -
반응형
'개발공부 > 프론트엔드' 카테고리의 다른 글
| [fullpage.js] fullpage.js 사용으로 인해, 모바일에서 메뉴 스크롤 안될 때 (0) | 2020.06.01 |
|---|---|
| [JAVASCRIPT] 자바스크립트 타이머 만들기 (6) | 2020.01.29 |
| [CSS] opacity 배경만 투명하게/ 배경만 opacity 적용 (0) | 2019.11.25 |
| [javascript] 일정 시간 간격으로 이미지 변화 : setInterval() (0) | 2019.11.03 |
| [javascript] 다중배열 값 꺼내기 (0) | 2019.10.31 |