오늘은 7시에 일어났는데 엄마가 씻고 계셔서 15분 정도 늦게 씻게 되었다. 버스를 놓치면 1시간 걸리니까 오늘도 버스를 놓치지 않게 노력해서 학원까지 무사히 도착했다.
오전에는 자바스크립트 forEach, for of, for in, for map()에 대해 배웠다.
for Each는 배열의 각 요소에 콜백함수를 실행한다. element를 줄여 el로 쓸 수 있다.
{
const num = [100,200,300,400,500];
num.forEach(function(el){
document.write(el,"<br>");
});
document.write("<br><br>")
//forEach : 화살표 함수
num.forEach((el)=>{
document.write(el,"<br>");
});
document.write("<br><br>")
//forEach : 화살표 함수 : 괄호생략
num.forEach(el=>{
document.write(el,"<br>");
});
//forEach : 화살표 함수 : 중괄호생략
num.forEach(el => document.write(el,"<br>"));
document.write("<br><br>");
//forEach (값, 인덱스, 배열)
num.forEach(function (element, index, array){
document.write(element,"<br>");
document.write(index,"<br>");
document.write(array,"<br>");
})
}
그리고 for of는 반복문인데 배열에서 쓰는 것이고 기존 for문 보다 더욱 간결하게 쓸 수 있다.
{
const arr = [100, 200, 300, 400, 500];
for(let i of arr){
document.write(i);
}
}
document.write("<br>");
for in은 객체에서 쓰려고 만들어졌는데 객체는 배열의 성질을 갖고 있어서 배열에서도 쓰는게 가능하며, 실제로 섞에 쓰는 사람도 많다고 한다. for in은 of자리 대신 in을 넣는다.
{
const arr = [100, 200, 300, 400, 500];
for(let i in arr){
document.write(arr[i]);
}
}
map()는 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환한다고 한다.
{
const num = [100, 200, 300, 400, 500];
num.forEach(function(el, i,a){
document.write(el);
document.write(i);
document.write(a);
});
num.map(function(el, i, a){
document.write(el);
document.write(i);
document.write(a);
});
}
자바스크립트 시험에서 함수 중에 리턴값이 생각이 안나서 결국 깜지 쓰게 되었다. 점심은 칼국수를 먹으러 갔는데 사람이 꽤나 많았다 호다닥 다 먹고 왔는데도 50분이였다. 어떻게 하면 더 여유있는 점심시간을 보낼 수 있는지 더 생각해봐야겠다.
오후에는 웹사이트 구성 중 카드 형식을 분석해서 피그마로 만들고 그걸 기반으로 코딩을 짜서 웹사이트 레이아웃 만드는 것을 했다. 그래도 레이아웃을 전부터 만드는 연습을 해서 그런지 이해가 많이 안되는 편은 아니였다..사실 중간에 놓친 부분도 몇 있었으나 나중에 영상을 보면서 수정했다. 만들면서 나중에 정말 내가 혼자 만들 수 있을까 라는 생각이 들긴 했지만 나중 일은 나중에 생각하고 지금에 충실하기로 했다. 오늘 수업은 여기까지였다! 지금 많이 헤메고 있는거 같고 잘하고 있는건지 알 수 없지만 그래도 열심히 해보자!