베이스캠프 4일차_22년_12월 15일

학습 언어

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에 직접 자바스크립트를 적용하여 실습하니 전체적인 흐름을 파악 할 수 있었습니다. 하지만 아직은 자바스크립트를 응용 적용하는것은 어렵게 느껴지는 것 같습니다. 남은 베이스캠프도 무사히 끝낼 수 있게 꾸준히 학습하겠습니다.