🤿 11/16 내배캠 React 13일차

🐜 오늘 할 일

• JavaScript Deep dive 책 필사하기 (아침 8시)
• 알고리즘 강의 수강 
• Git,github 강의
• Mini project하기 (회원가입 페이지)
• JS로 하는 SPA 특강
• 프로그래머스 문제 2개 풀고, 설명 (7조 스터디)

---

📆    계획표

시간	내용	결과
9:00~10:00	외출	☀️
10:00~11:00	JS 책 필사	⛈
11:00~12:00	Js 로 하는 spa 특강	☀️
12:00~16:00	Git,github 강의 / 웹퍼블리셔 강의	☀️
16:00~19:00	알고리즘 강의	☁️
19:00~21:00	programmers 문제 풀이
21:00~23:00	toy project진행 (웹페이지)

 

 

---

 

👩🏼‍🌾   오늘의 줍줍 " " 🌾🌾 

 

모던 자바스크립트 Deep dive 필사

: 미니프로젝트를 같이 진행했던 주글지영님과 만든 스터디(?)

매일 오전 8시에 모여 "모던 자바스크립트 Deep Dive" 책을 필사하기로 했다.

필사하고 다시 볼때마다 느끼지만 괜히 세종대왕님께 죄송해진다🙏

멀리서 보면 아랍어

40분 정도 필사를 한 후 오늘 적었던 내용 중 중요할것 같거나, 기억에 남던 내용은 노션에 하나하나씩 적으며 공유하고 있다.

진도가 너~~~~~무 느리지만 그래도 안하는것보단 나은 것 같다. 😞

 

---

VScode에서 Git으로 협업하기

지역 저장소 : 내 컴퓨터에 있는 저장소 

원격 저장소 : github와 연동한 공간의 저장소

commit : 단축키 command + enter

push : 단축키 

 

vscode에서 git 협업하는 법

github에서 새로운 레퍼지토리를 만든다 ->  vscode의 소스제어에서 래퍼지토리를 만든다 -> 원격을 추가한다(github 레퍼지토리의 https 주소를 입력) -> 수정 add, commit 후 지역저장소의 내용을 원격 저장소에 push하면 끝! 

 

---

알고리즘 강의

 

 

---

웹퍼블리셔 강의

 

---

프로그래머스 문제풀이

풀이 :  numbers의 원소들을 꺼내어 X 2를 한 후 새로운 배열에 넣어줘야한다.

사용 기능 : ( push, for문 ) or ( .map함수)

1번 풀이

function solution(numbers) {
    const answer = []
    
    for (let i =0; i < numbers.length; i++) {
        answer.push(numbers[i] * 2)
        }
    return answer
    }

2번 풀이

function solution(numbers) {
    let answer = [];
    return numbers.map(number => number * 2);
}

1번풀이처럼 진행을 하고, 다른 사람들의 정답들을 봤는데 다들 map이라는 걸 쓴다.

 .map을 사용하니 굉장히 간결한 코드가 나왔다. 그래서 map이 뭐야?

 

.map() : 배열안에 들어있는 요소 한가지 한가지를 다른 것으로 변환해 주는 배열함수

형태 : ex) numbers.map((number) => number * 2) ; 

 

- 화살표 함수 (arrow function)  =>

일반 함수
function sum(num1,num2){
	return num1 + num2;
}

(num1, num2) => num1 + num2 ;

 => 을 통해 function sum을 대체할 수 있다(return값도 대체할 수 있음). 단, 식별자가 없어서 변수를 할당해줘야 호출할 수 있다.