-
아톰 (Atom) 다운 & 설치Web/환경설정 2018. 9. 3. 11:24
웹 개발에 실무에서 빈번하게 사용되는 툴.
아톰 (Atom) 다운https://atom.io/
별도의 로그인 절차가 필요 없이 다운받을 수 있다. 이후 설치하면 바로 실행 가능.
예제 작성1. File - new File 클릭
2. ctrl + s 눌러 hello.html로 파일 저장.
아톰의 강력함은 태그 자동완성기능에 있다html을 누르면 태그가 아래 나오고 엔터를 누르면
다음과 같이 기본 포맷이 완성된다. 나머지 태그들도 마찬가지로 사용하면 됨. 다음과 같이 코드 작성한다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 다국어 지원하는 유니코드 --> <title>Hello HTML!</title> </head> <body> This is HTML Body </br> <p>P 태그는 문장을 쓸 때 사용합니다.</p> <h1>h1 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 1의 약어입니다.</h1> <h2>h2 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 2의 약어입니다.</h2> <h3>h3 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 3의 약어입니다.</h3> <h4>h4 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 4의 약어입니다.</h4> <h5>h5 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 5의 약어입니다.</h5> <h6>h6 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 6의 약어입니다.</h6> 태그를 적지 않아도 텍스트는 사용 가능하다.</br> <a href="http://www.naver.com"> 네이버로 이동 </a> </body> </html>파일 저장한 경로 실행해보면
확인할 수 있다. 태그들 설명은 다음 포스팅에
'Web > 환경설정' 카테고리의 다른 글
jstl 및 standard jar 파일 다운, 설치 (0) 2018.09.03 오라클(Oracle) 포트번호 변경 (0) 2018.09.03 톰캣(Tomcat) 다운 & 설치 (0) 2018.09.03 STS 톰캣(Tomcat) 연동 (0) 2018.09.03 STS (Spring Tool Suite) 다운 & 설치 & 환경설정 (0) 2018.09.03
