[TIL] 23/10/25 javascript : 팀과제, 보충강의

😶 한 일

[팀 과제]

뭔가 아직 진행이 된게 없어서, 아니 내가 한게 없어서?

불안한 느낌이지만 아직시간많다. 화이팅, 

팀장님이 개인과제 리팩토링한거 올려줬고,

대략적인 개요랑 추가 기능이랑 다시 짜고, 역할 분담이 되었으니 이제 코드만 짜면된다.

 

[git 섭렵]

강의자료 보고 조금 이해 안되었던 부분 강의 들음.'ㅇ'

main 에서 개발 브랜치 dev 따고,

개인은 개인 피쳐 브랜치 따고,

수정, 커밋, 푸시 후

dev 가져와서 컨플릭 나면 수정하고 컨플릭 수정 커밋 올리기

일단 이 사이클로 알려주셨는데~

컨플릭 커밋 추가 되는거 마음에 안들긴하지만 해보자고 ~

수정도 개인 브랜치에서 다 수정해서 커밋 올리고 싶지만

컨플릭 부분 확인 할 수 있으니까 이것도 나름 괜찮은 것 같다 ㅠ-ㅠ

 

🙄 할 일

[팀과제 담당 부분]

현재 상영작 페이지 만들기, 드랍박스로 인기순, 평점순 등 소팅 (API에서 제공하는거로..) 

---

TIL 

함수 연습하기!

// 함수 스터디 

let afunc = function(a, b, c) {
	return a+b+c;
}
let bfunc = function(a, b) {
	return a*b;
}
let cfunc = function(a,b,c,d) {
	console.log(a+b+c+d);
}

var func01 = function(a,b) {
	return a+b;
}

var func02 = (a, b) => {
	return a+b;
}

var testFunc= function(a, b) {
	console.log(a+b);
	return  a*b;
}

for(let i=0; i < 5; i++) {
	console.log(arr[i]);
}

 

배열 메소드 연습하기!

보충 강의 좋아따! 최원장!!최원장!! 최원장!!

• 배열 요소를 하나씩 도는 메소드들

const arr01 = [1,4,2,3,10,15,0];

//배열 요소를 하나씩 돌아 컨솔 출력하기
arr01.forEach(function(value) {
	console.log(value);
});

//사실은 매개변수는 두개: 값과, 인덱스
//화살표 함수는 () 전 function 빼고, ()  후 => 달기
arr01.forEach((value, index) => {
	console.log(value);
}); 

//한글도 되버림
arr01.forEach(function (값,인덱스) {
	console.log(값,인덱스);
});

//filter 는 return 값이 true이면 배열에 저장 false이면 건너 뜀
// 5보다 큰값만 newArr 배열에 저장하기
const newArr = arr01.filter(function(값,인덱스) {
	return (값 > 5);
});

//화살표함수 : () 전 function 빼고, () 후 => 달기
//화살표함수의 리턴 생략 : 중괄호와 리턴을 지운다.
const newArr = arr01.filter((값,인덱스) => 값 > 5);

//홍길동,홍길순만 나오게 하기
const arr01 = ["홍길동","홍길순","김먼지"];
const newArr = arr01.filter(function(값) {
	return (값.includes("홍길"));
});
console.log(newArr);

//화살표 함수로 바꾸기
const result= arr01.filter((값) =>값.includes("홍길"));

//첫번째 값만 찍는다면?
console.log(result[0]);

//find 함수랑 같다. 조건이 true인 첫번째 값을 리턴해 줌
const result2 = arr01.find((val) => val.includes("홍길"));

//map은 모든 배열 요소를 돌며 return값을 저장해 감
const arr = [1,2,5,10,4];
const result = arr.map(function(값, 인덱스) {
	console.log(값, 인덱스); // 여기까지로 보면 forEach와 같음
	return 1;
});
console.log(result) // 1을 리턴하니까 [1,1,1,1,1] 출력

//map으로 객체의 배열을 만들 수 있다!
const result = arr.map(function(값, 순서) {
	console.log(값, " ", 순서);
	return {
	key: 순서,
	value: 값 *2};
});

//객체 5개가 들어있는 배열을 만들어줌
[
{key: 1, value: 2},
{key: 2, value: 4},
{key: 5, value: 10},
{key: 10, value: 20},
{key: 4, value: 8},
]

// arr 안에 있는 요소를 2배씩 한 다음
//5이상인 애들만 필터링 해서 새로운 배열로 만들기
const result = arr.map(function(값) { 
}).filter(function (값) {
	return 값 >=5;	
}).forEach(function(값) {
	console.log(값)
});

//메소드 체이닝!
//filter.map 구조 엄청 많이 쓴다!
//리액트에서! 끝~