티스토리 뷰

[JQUERY]자바스크립트

어도비 브라켓(ADOBE Brackets) 설정하기

가산동 2018. 7. 19. 00:07

브라켓으로 폴더를 설정하고 간단하게 HTML 파일을 만들어보자 


아직 설치를 하지않았다면,

>>[[JQUERY]자바스크립트] - [CHAPTER_001] 어도비 브라켓(ADOBE Brackets) 설치하기




경로는 아무렇게나 해도된다. 관리하기 쉽게 폴더를 하나만들자.



좌측 상단에 파일 > 폴더열기로 생성한 폴더의 경로를 지정해준다.



폴더 선택을 누르면 생성한 JQUERY01 폴더를 기준으로 HTML 이나 JS, CSS 등등을 생성하고 연결해서 사용할수 있다. 



좌측상단을 보면 설정한 파일명이 있는데 그쪽 아랫부분 아무곳이나 오른쪽 마우스를 클릭하면 위 사진처럼 파일을 만들 수 있다.



index.html 로 파일명을 설정했다. 파일명에 .html 만 붙여주면 되니, 굳이 index라고 이름을 설정할 이유는 없다.


파일을 만든뒤 오른쪽 흰부분에 내용을 넣어보자.


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
</head>
    <body>
        <p>시작한다?</p>
    </body>
</html>
cs


기본적인 html 형식이다.



위 소스를 적고 오른쪽 상단에 번개모양 아이콘을 누르면 인터넷창 새로 열리면서 <p>태그 안에 넣었던 '시작한다?' 가보이는 걸 볼 수있다. 


다음 챕터에서는 JQUERY를 연결해보겠다.

>> [[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 제이쿼리(jquery) 연결하기


저작자표시 비영리 변경금지

'[JQUERY]자바스크립트' 카테고리의 다른 글

jQuery 003. 출력기능 document.write()  (0) 2018.07.21
jQuery 002. 알림창 alert()  (0) 2018.07.21
jQuery 001. 변수사용 var  (0) 2018.07.21
어도비 브라켓(ADOBE Brackets) 제이쿼리(jquery) 연결하기  (1) 2018.07.20
어도비 브라켓(ADOBE Brackets) 설치하기  (0) 2018.07.18
댓글