일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 크롤링
- lombok
- 정보처리기사필기
- list
- sklearn
- dataframe
- 자바스크립트
- 정보처리기사
- SOUP
- ensemble
- AWS
- Intellij
- request
- regressor
- 백준
- BeautifulSoup
- 머신러닝
- pandas
- crawling
- 자바
- pds
- 정처기
- javascript
- 웹앱
- springboot
- BS
- java
- APPEND
- Req
- 비전공자
- Today
- Total
No sweet without sweat
[Javascript] - alert, prompt, console 본문

Visual Studio Code를 활용해 JS구현하기
문제 1. 아래와 같은 페이지를 구현해라

답:

Front-end Developer는 색깔로 봤을때 하이퍼텍스트임을 확인하실 수 있습니다.
그렇다면 a태그 활용!
(* href = #은 아무것도 입력안할때 사용됩니다.)
그리고 이렇게 색을 주기위해서는 <Script></script>를 무조건 사용해주시는게 중요합니다.
getElementById(아이디명).addEventlistener("원하는기능", function() <-()해주는것이 중요
이후 배경색을 주기위해서는 style.backgroundcolor / 글자색은 style.color로 줄 수 있습니다.
2. 출력하기

- docutement.write("하고 싶은말!")
그러나 이렇게 쓰면 나중에 js나 css를 못주기에 태그를 붙여주셔야합니다
- document.write("<태그> 하고싶은말 </태그>")
3. 콘솔창에 출력

- console.log("콘솔창에 확인하고 싶은 말")

3. 알림 팝업을 출력 (우선순위가 높다)

- alert("하고 싶은말")

4. 입력창을 통해 입력문 작성 / Return 타입 : String

- prompt("하고싶은말")

5. 확인 및 취소를 통해서 입력문 작성 / Return 타입 : Boolean

- confirm("하고싶은말")

6. 변수선언
- 기본변수 선언 : var -> 데이터의 재할당 ok / 변수명의 재선언 ok
- 강력한 변수 선언 : let -> 데이터의 재할당 ok / 변수명의 재선언 X
- 상수선언 : CONST -> 데이터 재할당 NO / 상수명의 재선언 NO

7. 형변환
parseint -> 정수로 변환
parseFloat -> 실수로 변환
Number -> 숫자형 형변환
숫자를 문자로 형변환
(변수 num)
1) console.log(num.toString())
2) console.log(String(num))
두 개의 차이가 뭐냐면 toStirng () 가로안에 2진수 8진수 등을 설정할 수 있습니다.

'JavaScript' 카테고리의 다른 글
[JavaScript] - jquery(선택자) - 2 (0) | 2022.08.02 |
---|---|
[JavaScript] - jquery(선택자) - 1 (0) | 2022.08.01 |
[Javascript] - inline, 조건문, 반복문, 배열함수(push,pop,unshift,shift) (0) | 2022.07.28 |
속성 상태에 따른 탐색 선택자 (visible, hidden, selected, checked) (0) | 2021.07.25 |
$.inArray()/$.isArray()/$.merge() (0) | 2021.07.25 |