개발 이야기 안하는 개발자

1. 간단 실행 및 기본용어 본문

개발/JavaScript

1. 간단 실행 및 기본용어

07e 2023. 3. 15. 20:15
반응형

Chrome 사용


들어가서 주소에 about:blank 를 검색해서 빈 웹페이지를 쓰게 된다.

f12를 눌러서 확인할 수 있다.


콘솔에 명령을 통해 진행도 가능하다.



 
 
 

Visual Studio Code를 사용한다.

사용한 코드들은 모두 Chrome을 사용할 예정

 

visual studio code를 사용해서 새 파일 제작.

이름뒤에 html을 붙여서 파일 제작

vs code에서 나온 파일 아이콘 모습

제작된 파일 모습

 
 

내용에 html을 치면 여러개 나오는데 그중 2번째(html:5)를 탭하면 기본으로 완성되는 폼이 있음.

기본 폼

script 태그를 넣어서 alert를 호출하면 알람뜬다.

완성된 html 파일 실행

또는, Chrome 을 켜놓고 코드 저장후 크롬 새로고침하면 적용된다.

오류 발생하는 경우에도

크롬창에서 확인해야한다.

f12누르고 보면 보인다.

h1키워드를 써서 글자 크게.

반응형

'개발 > JavaScript' 카테고리의 다른 글

5. 배열 / 스택, 힙, 처리  (0) 2023.03.15
4. 조건문 / 예제  (0) 2023.03.15
3. 상수와 변수 / 자료형  (0) 2023.03.15
2. 용어와 연산  (0) 2023.03.15
자바 스크립트 공부  (0) 2023.03.15