선생님의 넓은 아량으로 오늘의 숙제는 코딩일기 입니당 ^___^
코딩일기
오늘 오전엔 자바스크립트 함수 중 새로운 걸 배우고, 또 복습하는 시간을 가졌다!
함수 유형 네 가지는 어느 정도 알았는데
익.매.리 (익명함수 매개변수 함수 리턴값 함수)가 어려웠다...
그래도 옆에 앉은 나의 환상의 짝꿍 미스 CHEON과 같이 공부를 하면서 하니 더 잘 외워지고 이해도 잘 되는 거 같았다!
물론 오늘 배운 함수 종류는 뭔지 잘 모르겠지만 ㅎ.
내일 시험에는 객체리터럴까지만 나온다니까 오늘 집 가서 빡공해야지! 제발 밥 먹고 소마냥 퍼질러 자지말고,,.ㅋ
함수
함수 유형 : 객체생성자 함수
객체 생성자 함수는 객체를 생성하기 위해 사용되는 함수입니다.
객체 생성자 함수는 일반 함수와 구분하기 위해 대문자로 시작하는 이름을 사용합니다.
함수 유형 : 프로토타입 함수
프로토타입 함수는 모든 객체가 상속하는 함수입니다.프로토타입 함수는 생성자 함수의 prototype 객체에 메서드를 추가하여 정의합니다. 이 메서드는 생성된 객체가 상속받아 사용할 수 있습니다.
함수 유형 : 객체리터럴 함수
객체를 직접 정의하고 생성하는 함수입니다.
객체 리터럴 함수는 중괄호({})를 사용하여 객체를 정의하고, 필요한 속성과 메소드를 추가하여 객체를 생성합니다.
함수 하다보니 오전에 시간이 순삭..
오 분전 순삭
오늘 점심은 써브웨이를 머겄는데 사실 유부초밥 먹고싶었다
하지만 오픈빨이라 그런지 엄청 사람이 많았다.. 다음에 먹어봐야지
제이엠티
이탈리안 비엠티
플랫브레드
소스는 핫칠리 스위트어니언 렌치
기억하세영~
오후에는 MySQL를 마무리 지었다 다 배운 건 아니지만 .. ㅎ 데이터 수정하는 법과 데이터 삭제하는 법을 배웠는데
오름차순이랑 내림차순 (오도바이 ㅋ)부터 헷갈려서 좀 헤맸다. 집에서 다시 공부해봐야지~~!
그리고 웹디자인 기능사 필기 대비 겸 레이아웃 짜는 연습을 했다
오랜만에 하니까 쉬운 거 같으면서도 헷갈리는 거 같으면서도 ... 아 몰랑
C-1 레이아웃
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>C-1</title>
<style>
* {
margin: 0;
padding: 0;
}
#wrap {
width: 1000px;
display: flex;
}
#aside {
width: 20%;
height: 650px;
background-color: #FFEA00;
}
#contents {
width: 80%;
height: 650px;
background-color: #FFDD00;
}
#contents .slider {
width: 100%;
height: 350px;
background-color: #FFD000;
}
#contents .article {
width: 100%;
height: 200px;
display: flex;
}
#contents .article .cont1 {
width: 33.3333%;
background-color: #FFC300;
}
#contents .article .cont2 {
width: 33.3333%;
background-color: #FFB700;
}
#contents .article .cont3 {
width: 33.3333%;
background-color: #FFAA00;
}
#contents .footer {
width: 100%;
height: 100px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#contents .footer .foot1 {
width: 20%;
height: 100px;
background-color: #FFA200;
}
#contents .footer .foot2 {
width: 80%;
height: 50px;
background-color: #FF9500;
}
#contents .footer .foot3 {
width: 80%;
height: 50px;
background-color: #FF8800;
}
</style>
</head>
<body>
<div id="wrap">
<aside id="aside">로고</aside>
<contents id="contents">
<div class="slider">이미지 슬라이드</div>
<div class="article">
<div class="cont1">공지사항<br>갤러리</div>
<div class="cont2">배너</div>
<div class="cont3">바로가기</div>
</div>
<div class="footer">
<div class="foot1">로고</div>
<div class="foot2">하단 메뉴</div>
<div class="foot3">Copyright</div>
</div>
</contents>
</div>
</body>
</html>
다들 짜셨겠지만 참고하실 분들은 참고해쥬세용.
선생님의 넓은 아량으로 오늘의 숙제는 코딩일기 입니당 ^___^
코딩일기
오늘 오전엔 자바스크립트 함수 중 새로운 걸 배우고, 또 복습하는 시간을 가졌다!
함수 유형 네 가지는 어느 정도 알았는데
익.매.리 (익명함수 매개변수 함수 리턴값 함수)가 어려웠다...
그래도 옆에 앉은 나의 환상의 짝꿍 미스 CHEON과 같이 공부를 하면서 하니 더 잘 외워지고 이해도 잘 되는 거 같았다!
물론 오늘 배운 함수 종류는 뭔지 잘 모르겠지만 ㅎ.
내일 시험에는 객체리터럴까지만 나온다니까 오늘 집 가서 빡공해야지! 제발 밥 먹고 소마냥 퍼질러 자지말고,,.ㅋ
함수
함수 유형 : 객체생성자 함수
객체 생성자 함수는 객체를 생성하기 위해 사용되는 함수입니다.
객체 생성자 함수는 일반 함수와 구분하기 위해 대문자로 시작하는 이름을 사용합니다.
함수 유형 : 프로토타입 함수
프로토타입 함수는 모든 객체가 상속하는 함수입니다.프로토타입 함수는 생성자 함수의 prototype 객체에 메서드를 추가하여 정의합니다. 이 메서드는 생성된 객체가 상속받아 사용할 수 있습니다.
함수 유형 : 객체리터럴 함수
객체를 직접 정의하고 생성하는 함수입니다.
객체 리터럴 함수는 중괄호({})를 사용하여 객체를 정의하고, 필요한 속성과 메소드를 추가하여 객체를 생성합니다.
함수 하다보니 오전에 시간이 순삭..
오 분전 순삭
오늘 점심은 써브웨이를 머겄는데 사실 유부초밥 먹고싶었다
하지만 오픈빨이라 그런지 엄청 사람이 많았다.. 다음에 먹어봐야지
제이엠티
이탈리안 비엠티
플랫브레드
소스는 핫칠리 스위트어니언 렌치
기억하세영~
오후에는 MySQL를 마무리 지었다 다 배운 건 아니지만 .. ㅎ 데이터 수정하는 법과 데이터 삭제하는 법을 배웠는데
오름차순이랑 내림차순 (오도바이 ㅋ)부터 헷갈려서 좀 헤맸다. 집에서 다시 공부해봐야지~~!
그리고 웹디자인 기능사 필기 대비 겸 레이아웃 짜는 연습을 했다
오랜만에 하니까 쉬운 거 같으면서도 헷갈리는 거 같으면서도 ... 아 몰랑
C-1 레이아웃
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>C-1</title>
<style>
* {
margin: 0;
padding: 0;
}
#wrap {
width: 1000px;
display: flex;
}
#aside {
width: 20%;
height: 650px;
background-color: #FFEA00;
}
#contents {
width: 80%;
height: 650px;
background-color: #FFDD00;
}
#contents .slider {
width: 100%;
height: 350px;
background-color: #FFD000;
}
#contents .article {
width: 100%;
height: 200px;
display: flex;
}
#contents .article .cont1 {
width: 33.3333%;
background-color: #FFC300;
}
#contents .article .cont2 {
width: 33.3333%;
background-color: #FFB700;
}
#contents .article .cont3 {
width: 33.3333%;
background-color: #FFAA00;
}
#contents .footer {
width: 100%;
height: 100px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#contents .footer .foot1 {
width: 20%;
height: 100px;
background-color: #FFA200;
}
#contents .footer .foot2 {
width: 80%;
height: 50px;
background-color: #FF9500;
}
#contents .footer .foot3 {
width: 80%;
height: 50px;
background-color: #FF8800;
}
</style>
</head>
<body>
<div id="wrap">
<aside id="aside">로고</aside>
<contents id="contents">
<div class="slider">이미지 슬라이드</div>
<div class="article">
<div class="cont1">공지사항<br>갤러리</div>
<div class="cont2">배너</div>
<div class="cont3">바로가기</div>
</div>
<div class="footer">
<div class="foot1">로고</div>
<div class="foot2">하단 메뉴</div>
<div class="foot3">Copyright</div>
</div>
</contents>
</div>
</body>
</html>
다들 짜셨겠지만 참고하실 분들은 참고해쥬세용.
