TIL - 220907

22.09.07 수요일

📝 어제 해결하지 못했던 reduce()함수를 만들어서 이해해보려고 했다.

👉팀원들의 조언 : 이해가 되지 않았으면 함수 쓰기가 힘들 수도 있다.
자바스크립트를 부족한 부분을 이해할 수 있도록 배운거 다시 돌이켜보자!

---

📝 javascript-1 : = (이퀄,대입연산자)

let a = 1
let → 변수
a, 1 → 피연산자
개발에서의 let a = 1
👉 a에 1을 대입했다.

📝 javascript-2 : 초기화(initialize)

개발에서의 초기화(initialize)
: 변수선언과 동시에 값이 할당되었다.

원래 알고있던 처음으로 돌아갔다는 뜻보단,
초기설정, 값을 처음으로 설정했다는 의미

let a = 1;
변수를 선언하는 약속 (let,var,const)
변수 선언자라고도 부름
1 데이터 타입이 숫자인 값(value)
; 자바스크립에서 작성이 끝났음을 표현, 한글에서 마침표의 역할

📝 javascript-3 : 함수

코딩에서의 함수는 '편리함'의 상징

function adultChecker($age) {
	if($age > 19 {
    	console.log('당신은 성인입니다.;);
        } else {
        	console.log('당신은 아직 성인이 아닙니다.')
        }
}
adultChecker(na.age)

📝 javascript-4 : 객체

수만 수천개의 변수를 기억하기 너무 힘들다.
그래서 하나의 변수에 '같은 성격의 데이터' 묶어 객체로 표현한다.

let na = {
  name : "공미남",
  age : 18,
  hobby : "공부",
  talent : "공차기",
  job : "알바",
  children : "홍도, 월평",
  password : "안알려줌"
}
// na라는 변수안에 객체를 담았다.

console.log(na.name);
// 값을 꺼낼 때, 출력

📝 javascript-5 : 배열

'값들의 묶음' 역할을 해주었던 객체(object)는 동생격인 배열(array)를 품고있다.

📝 javascript-6 : 객체

객체지향프로그래밍(OOP)
※ OOP : object oriented programming

let coffee = {
	mug : "머그잔",
    bean : "Espresso",
    milk : "1등급 우유",
    isIce : true
}

coffe라는 변수는, 메모리 어딘가에 있는 어떤 객체를 가리킨다
편의상 "coffee 객체" 라고 부르는 것이 관습이며, 정식명칭은 객체 리터럴(object literal)이다.

mug : "머그잔" = 키(key) : 값(value)
--> 키와 값의 한쌍을 property(속성)이라고 부른다.
bean이라는 변수는 객체{}안에 있을 때는, 키(key)라고 이름이 바뀐다.
isIce라는 키를 살펴보면, 문자열 뿐만 아니라 true같은 boolean타입도 넣어 줄 수 있다.

📝 javascript-7 : 반복문(for()) / 'loop'제어

📝 javascript-8 : 배열과 반복문

📝 javascript-9 : 배열과 객체

let array = ["피카츄", "라이츄", "파이리", "꼬부기", "버터풀", "야도란"];
index 값 : 0번 1번 2번 3번 4번 5번
피카츄 : 하나의 값을 '원소', '요소'라고 하고, element 줄여서 elem으로 사용 한다.
배열은 key 데이터타입이 굳이 이름은 필요없기 때문에 순차적으로 구성된 '숫자(number)'이다.

let object = { nameOne:value, nameTwo:value}
객체는 key 데이터타입이 작명을 해주기 위해 "문자열(string)"이다.

👉 배열과 객체 모두 '값의 묶음'이라는 개념은 동일하지만, 용도에 따라서 제작자가 활용한다.

📝 javascript-10 : 선택자(selector)와 식별자(identifier)

데이터를 식별한다고 해서 식별자(identifier)
식별자에 상당히 많은 접근방식이 있다.

입력에 필요한 데이터타입이 존재하고,
출력 방식이 따로 존재한다.
출력이라고 비유하는 것의 정확한 의미는 반환(돌려주다)라고 합니다.

✔ 궁금한점 : 어떤 건 배열로 출력이 되는데, 각 매서드 마다의 특징이라고 생각하고 익히고 외우고 있으면 되는 건가요?
콘솔로 찍어보니까 어떻게 출력되는지 알수는 있으니까?

---

💬 오늘 느낀점

조가 꾸려진 이후에, 공부법을 재정비할 기회가 되었는데,
팀원분이 알려주신대로 코드를 한줄 한줄 분석하고 있다.
확실히 내가 이해를 한 부분은 분석이 빠르고, 확실히 이해하지 못한 부분은 구글링과 함께하면서 습득이 되어가고 있다.

리액트를 배우기 전에 어느정도 자바스크립트를 정복해야한다.

일단, 수업시간에 했던 클래스룸 자료들을 순서대로 복습하고 중간중간 키워드를 더 깊숙히 파서 정리하는게 목표다.

✔ 내일 공부내용 : 오늘 복습한 내용의 키워드를 좀 더 깊이있게 공부 / 계속해서 순서대로 진행