alt+b : 실행하기
alt+shift+f : 줄 정렬하기
<p></p> : 단락을 나눈다
<DIV></DIV> : 정의되어 있는건 아니지만, class="" 이걸 이용해서 커스터마이징 할 수 있다.
[나만의 추억앨범 만들기]
[넷플릭스 첫 화면 만들기]
JAVA
1.변수 : 값을 담는 애, 값은 문자와 숫자 등 여러가지가 될 수 있다.
<script>
let a = '안녕하세요';
console.log(a); <-오른쪽 검사 버튼 눌렀을때 콘솔창에 '안녕하세요'를 띄어 주세요
</script>
console.log(a);
console.log(b);
-> a
b
console.log(a+b);
-> ab
2.자료형
많은 자료를 꾸러미로 관리 하고 싶어서
순서가 중요하다
-List
프로그램은 0부터 시작
let a = ['사과', '배', '수박'];
console.log(a[0]); <-0:사과, 1: 배, 2:수박
종속된 정보들을 하나로 묶고 싶일때, 사전처럼
-Dictionary
let person ={'name':'bob', 'age':30, 'height':180}
1) console.log(person['name'])
2) let name = person['name']
let age = person['age']
console.log(name, age) <-위에서 let age, let person과 같이 직접 명명 해줘야지 이렇게 쓸 수 있다
3.함수
같은 동작을 반복하는것
<script>
function hey() { <-함수 함수이름() {}
alert('안녕하세요'); <-영화기록하기 버튼을 누르면 '안녕하세요'라는 팝업창을 띄움
}
</script>
<body>
<button onclick="hey()" type="button" class="btn btn-outline-light">영화 기록하기</button>
</body>
4.조건문/반목문
-조건문
let age= 20;
if(age <20) {
console.log('청소년입니다')
} else{
console.log('성인입니다')
}
-반복문 : 99% 리스트라는 꾸러미랑 쓰임, 보통 어떤 꾸러미수랑 반복해라 처럼 많이 쓰임
let ages = [15, 34, 22, 12, 53];
1)ages.forEach(a => { <-a는 element가 길었어서 임의로 변경해준것 b로 적어도 상관없음
cinsole.log(a)
} <-위의 숫자들이 콘솔에 차례대로 찍힘
2)ages.forEach(a => {
if (a < 20) {
console.log('청소년입니다')
}
else {
console.log('성인입니다')
}
});
JQuery
누군가 만들어 놓은 라이브러리, 좀 더 쉽게 화면 조작
css 할때 class 값을 줬던 것처럼
JQuery 할때는 id 값을 지정해야한다
<script>
function hey() {
$('title').text('쥬라기월드');
} <-타이틀의 텍스트를 쥬라기월드로 바꿔라
</script>
<body>
<h1 id="title" class="display-5 fw-bold">킹덤</h1>
</body>
---
$('#id').empty(); <-id로 지정한 부분을 모두 지워라
2주차 마지막강의 3:15부터 이어서
[연습문제]
[연습문제2]
'내일배움캠프 7기' 카테고리의 다른 글
| Spring7기 6일차(자바 강의1주차) (17) | 2024.10.08 |
|---|---|
| Spring7기 5일차(숙제 마무리,자바의 정석,웹기초특강) (0) | 2024.10.07 |
| Spring 7기 4일차(배포,배운것들 복습인 숙제) (2) | 2024.10.04 |
| Spring 7기 3일차(파이어베이스,git&Github) (1) | 2024.10.02 |
| Spring 7기 2일 (0) | 2024.10.01 |