학습 언어
HTML / CSS / JavaScript
학습 내용
HTML /CSS
싸이월드 만들기 4탄
JavaScript
함수 : 우리가 직접 만드는 기능
function hello( ){
alert (“안녕하세요”)
}
function 함수이름(매개변수) {
함수를 호출했을 때 실행할 명령문
} (데이터 반환 : Optional)
* 매개변수(Optional) :
기본값 함수 매개변수를 사용하면 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화 할 수 있습니다.
* console.log :
데이터가 작동하지 않음. / 데이터 처리 과정 중간을 확인 (결과를 반환하지 않음)
return :
데이터를 반환. / 결과에 반영됨
함수 작성 방법
( 함수 선언식 / 함수 표현식 / 화살표 함수 )
1. 함수 선언식
function hello(name) {
alert( name + “님 안녕하세요”)
}
2. 함수 표현식
const hello = function(name) {
alert( name + “님 안녕하세요”)
}
3. 화살표 함수
const hello = (name) => {
alert( name + “님 안녕하세요”)
}
const auth ( ) => {
let a = String(Math.floor(Math.random() * 1000000)).padStart(6, “0”)
document.getElementById(“target”).innerText = a
document.getElementById(“target”).style.color = “#” + a
}
내장 함수 :
자주 사용되는 함수를 자바스크립트에 내장하여 편리하게 이용할 수 있도록 한 것
시간 지연 함수 : 일정한 시간을 기다렸다가 실행
setTimeout(func, time)
시간 반복 함수 : 일정 시간 마다 반복하여 실행
setInterval(func, time)
* 입력하는 시간 단위는 ms 입니다. ex) 3s → 3,000ms
소감
싸이월드 HTML에 직접 자바스크립트를 적용하여 실습하니 전체적인 흐름을 파악 할 수 있었습니다. 하지만 아직은 자바스크립트를 응용 적용하는것은 어렵게 느껴지는 것 같습니다. 남은 베이스캠프도 무사히 끝낼 수 있게 꾸준히 학습하겠습니다.
'베이스캠프(22.12.12~23.01.07)' 카테고리의 다른 글
| 베이스캠프 6일차 _22년 12월 19일 (0) | 2022.12.19 |
|---|---|
| 베이스캠프 5일차_22년_12월16일 (0) | 2022.12.16 |
| 베이스캠프 3일차 _ 22년 12월 14일 (0) | 2022.12.14 |
| 베이스캠프 2일차_22년 12월 13일 (0) | 2022.12.13 |
| 베이스캠프 1일차 _ 22년 12월 12일 (0) | 2022.12.13 |
