20220105 수요일 - 새해 첫 회고네요
오늘의 도전과 배움
리액트 스터디 시간
[노마드 코더 : 바닐라 JS로 크롬 앱 만들기] #2.3~.10
- 자바스크립트에서는 CamelCase 사용
- const - 변하지 않는 상수값
- let - 변할 수 있는 값
- 데이터를 정리하는 방법 - 가장 기본적인 데이터 구조 : array
- argument는, function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법이야
- argument = 인수
- function은 어떤 코드를 캡슐화해서, 실행을 여러 번 할 수 있게 해줘
- function은 내가 계속 반복해서 사용할 수 있는 코드 조각
리액트를 접하는 매체가 벌써 코칭,생활코딩 강의,리액트 다루는 기술 책 3가지에 이제 노마드 코더 강의까지 하나 더해 4가지다.
여러 매체를 통해 계속 반복 학습한게 효과가 있는건지, 노마드 코더 강의가 나에게 맞는 건지 강의가 아직까지는 이해가 잘 된다.
특히 약간 짧은 듯한 영상과 경쾌한 속도감, 그리고 토막토막 떠먹여주는 개념에 '부야!' 추임새가 딱 맞는다.
그동안 들었던 개념들도 생각나고, 정리되면서 드디어
'공부하는 느낌'이 난다.!
하드 트레이닝 시간
오늘은
- 태그 목록에서... 태그를 클릭하면
그 태그에 해당하는 queryString 이 있는 url location으로 이동- 이 location에서 현재 어떤 태그가 선택되어 있는지 가져온다!
react-router-dom- 현재 선택된 태그에 따라서 react-query로 다른 articles를 불러온다! -> 캐시 키를 바꾸고, url을 바꿔야 한다
이러한 내용을 들었는데, 사실 잘 모르겠다.
하드트레이닝에 여러 사람이 같이 듣다보니, 아무래도 약간 나보다는 높은 평균 이해도에 따라 아직 내가 소화하기 어려운 진도를 앞서 나가는 느낌이다.
오늘 다른 스터디원분의 개인 코칭도 같이 들었는데, 내가 하드 트레이닝에서 단체로 배울때 나에게 맞춰달라고 할 수 없는 마음?을 느낀 적이 있어 개인 코칭에 다른 분이 참여했을 때 다른 분들은 다 괜찮으신지 모르겠다. 나는 아직 초보라 그런지 단체로 듣는 건 좀 버거울 때가 있다. 그래서 하드트레이닝도 처음과 분위기가 달라져서, 요즘은 이걸 내가 계속 따라간다고 뭔가 이해가 되는 건가 의문도 든다.
모각코 시간
전에 함께 공부하는 건 참 즐겁지만 모두 같은 속도로 갈 수는 없으니 조율하는 과정이 필요한 것 같다,고 느낀것이 위의 하드트레이닝에서 나에게 어려움으로 다가오는 것 같다.
그래서 노마드 코더 강의를 최대한 빨리 듣고 좀 이게 어떻게 돌아가는지 알면 같이 진도 나가기가 수월할 거 같아서 노마드 강의를 빨리 완강하고 실습도 하려고 마음을 먹었다.
오늘은 #2 [2021 UPDATE] WELCOME TO JAVASCRIPT 부분에서 #2.10<Recap 2> 강의까지 들었다.
궁금한 점, 어려웠던 점
-
자바스크립트의 object와 function 개념 수업을
잘 이해하고 있다고 생각했는데
계산기 함수를 만들어보는 문제를 아주 요상하게 풀어서 틀렸다.처음 function 예시의 argument 작성법은
function calculator (여기에 argument1,2작성){
console.log(argument1 + argument2)
};였는데 갑자기 여러 연산 함수를 만들어야하니까
calculator가 const가 되고
const calculator(){
add: function(여기에 argument1,2 작성){
console.log(argument1 + argument2)
},
minus: function(여기에 argument1,2 작성){
console.log(argument1 - argument2)
}
};
가 되었다.
다시 들으니 const player 예제를 쓸 때 sayHello function을 그 안에 넣어줬었구나.
1.함수를 여러개 묶을때는 const로 묶어라 와
2.함수 이름을 먼저 쓰고 : 후에 function(argument){}
양식을 쓰는 거 잊지 말아야지..
- git commit 후 merge하는 과정에서 오류가 났다.
> git pull --tags origin main
From https://github.com/lisohh/VanillaJS_Chrome
* branch main -> FETCH_HEAD
hint: You have divergent branches and need to specify how to reconcile them.
hint: You can do so by running one of the following commands sometime before
hint: your next pull:
hint:
hint: git config pull.rebase false # merge (the default strategy)
hint: git config pull.rebase true # rebase
hint: git config pull.ff only # fast-forward only
hint:
hint: You can replace "git config" with "git config --global" to set a default
hint: preference for all repositories. You can also pass --rebase, --no-rebase,
hint: or --ff-only on the command line to override the configured default per
hint: invocation.
fatal: Need to specify how to reconcile divergent branches.이런 오류가 났는데, 내가 왜 다양한 브랜치를 가지고 있는지를 이해를 못했다. 나는 main 브랜치만 만들었다고 생각했는데..?
그래서 하라는 대로 git config pull.rebase false 를 입력했더니 금방 merge가 되었다. 여기서 rebase가 다시 베이스를 만들라는 뜻인가? 그래서 rebase false면 베이스를 그대로 유지해서 합쳐버리고, rebase true면 베이스를 새로 만든다는 뜻인가?
베이스를 새로 만든다는 뜻은 브랜치를 다시 만든다는 뜻인가?
fast-forward 빨리감기도 "호출당 구성된 기본값을 재정의하려면 명령줄에서 "--ff-only"를 입력합니다."라는 문장으로는 이해가 안가는군..
https://sanghye.tistory.com/43
이 링크에 위와 관련된 설명이 있어서 일단 참고하기로 함..
https://wookkl.tistory.com/46
이 링크가 더 설명이 잘 나와있다.
rebase 란
나뉘어진 두 브랜치가 나뉘기 전인 공통 커밋으로 이동하고 나서 그 커밋 부터 지금 checkout한 브랜치가 가리키는 커밋까지 diff를 차례로 만들어 나가면서 임시로 저장해 놓는다. Rebase할 브랜치가 합칠 브랜치가 가리키는 커밋을 가리키게 하고 아까 저장해 놓았던 변경사항을 차례대로 적용한다.
fast-forward
현재의 브랜치가 가지고 있는 커밋들을 충돌 없이 따라갈 수 있는 관계를 말한다.
원격의 브랜치를 로컬 브랜치로 머지하고 싶을때 원격 브랜치의 커밋 히스토리가 로컬 브랜치의 커밋 히스토리에 완전히 포함되어 있을 경우를 말한다.
드림 코딩 git 강의에 이부분이 나온다면 자세히 봐야겠다.
내일 해보고 싶은 점, 방향
하드 트레이닝 시간
최대한 이해를 해보도록 노력해보자..
아침 공부 시간
[노마드 코더 : 바닐라 JS로 크롬 앱 만들기] part2
#2.8~2.10 복습하고 calculator 다시 만들어보기
#2.11~ 부터 수강&실습
모각코 시간
노마드 코더 강의 part2 다 듣고 part3 진입하기
리다술 5장 실습
모던 자바스크립트 1챕터 읽기
