[본캠프 10주차] 금요일 WIL

12/27 일일 목표📝

 자바스크립트 강의

디자인 집중반

 

---

 

📝10주 차를 돌아보는 WIL

 

1. 배열

 

1-1. push

배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이(length)를 반환하는 역할

 

1-2. pop

배열의 마지막 요소를 제거하고, 제거된 요소를 반환하는 역할

 

1-3. shift

배열의 첫 번째 요소를 제거하고, 제거된 요소를 반환하는 역할

 

1-4. unshift

배열의 앞에 하나 이상의 요소를 추가하고, 배열의 새로운 길이(length)를 반환하는 역할

 

1-5. splice

배열에서 요소를 추가, 제거, 또는 교체하는 강력한 기능을 제공합니다.

 

• start: 0-based index로 시작 위치를 지정.
• deleteCount: 제거할 요소의 개수를 지정

 

1-6. slice

배열(Array)이나 문자열(String)의 일부를 잘라서 새로운 배열(또는 문자열)을 만드는 메서드

원본 배열이나 문자열은 수정되지 않습니다.

 

• start: 잘라내기 시작할 인덱스.
• end: 잘라내기를 종료할 인덱스

 

메서드	목적	반환값
forEach	배열의 모든 요소에 대해 작업 수행	없음
map	배열의 요소를 변형하여 새로운 배열 생성	새로운 배열
filter	조건에 맞는 요소들만 새로운 배열로 반환	조건을 만족하는 요소들의 배열
find	조건에 맞는 첫번째 요소 반환	조건을 만족하는 첫번째 혹은 없음

 

forEach는 배열에 있는 모든 요소에 대해 어떤 작업을 반복적으로 실행할 때 사용

map 항상 원본 배열의 길이만큼 리턴된다. 리턴필수 리턴이있어야 반환값이 나옴

 

 

2. for문

for (초기값; 조건식; 증감식) {}

 

//  0부터 10까지의 수 중에서 2의 배수만 출력하는 예시.
for(let i = 0; i < 11; i++) {
    if(i % 2 === 0) {
    console.log(i);
    }
 }

 // 2부터 시작하려면
 for(let i = 0; i < 11; i++) {
    if(i >= 2 && i % 2 === 0) {
    console.log(i);
    }

 

❗ 근데 여기서 for문 2부터 시작하려면 나는 조건을

for(let i = 0; i < 11 && i >=2; i++) 이렇게 적었는데 2부터 시작을 안해서 튜터님께 찾아가보니

조건이 애초에 i가 0부터 시작을 해야한다는 조건인데 성립이 되지않아서 실행이 아예 안되는 것이라고 하심

그래서 2부터 시작하려면 for(let i = 2; i < 11; i++) 라고 하는게 제일 깔끔한 방식

조건을 넣어야 한다면 위 예시처럼 if문에 쓴 형식대로 쓰는것이 맞다!

그리고 조건넣을때 i 부터 써야함...어렵다😂

 

 

• i++는 1 증가시키는 연산자

 

 

구분	for문	while문
용도	반복횟수가 정해져 있을때 사용	반복 횟수가 정해지지 않거나, 조건에 따라 반복할 때 사용
구조	for (초기화; 조건; 증감)	while (조건)
조건	반복을 시작할때 초기화 필요	조건만 확인하고 반복 시작
증감	증감이 자동 설정	증감을 코드안에서 수동으로 설정

 

break와 continue 차이점

• break: 반복문을 즉시 종료
• continue: 현재 반복을 건너뛰고 다음 반복으로 넘어감

 

그 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었었지?

웹플로우 어렵다고 생각했는데.. 자바스크립트 본격적으로 시작하니까 정말 어려웠다...

이해가 안갔지만 열심히 듣긴했고... 난 지금 습득을 한 건지 만건지..? 혼란스러운 상태

 

결과적으로, 현재 나의 상태는 어떻게 되었지?

음...... 아예 몰랐던 것보다는 알게되었는데 .. 더 공부해야할 것 같다.

 

 

 

이 상태에서 다음 일주일을 더 잘 보내려면 무엇이 필요할까?

12시간 집중 열심히해야지