2021-08-10 TIL

Facts (사실, 객관)

• 처음으로 TIL을 작성했습니다.
• 코드숨 리액트 1주차 강의를 수강했습니다.
• 1주차 1번 과제를 통해 처음으로 PR을 경험했습니다.
• NVM에 대해 조금 알게 되었습니다.

 

Feelings (느낌, 주관)

처음으로 TIL을 작성합니다. 강의 스케쥴이 시작되는 어제부터 써봤더라면 좋았겠지만 미루는 습관이 도지고 말았습니다. 1주차 강의를 수강했습니다. 몇몇 javascript 강의를 들었지만, 이런 방식의 강의는 처음이었습니다. react를 살짝 접했을 당시에는 jsx의 존재를 그냥 지나쳤었는데, 이번 강의를 통해 babel에 의해 변환되는 확장 문법이라는 사실을 알게 되었습니다. 아샬님이 개념, 기능을 추상화시켜 구조를 확장하고 마지막에는 모든 기능(?)을 한 곳으로 응축시키는 방식을 통해 시연하시는 점이 인상깊었습니다. react 기본 문법의 원형을 경험한 기분이었습니다. 그리고 DOM이나 javascript 문법을 다루는 방식이 기존에 학습했던 내용과 많이 다르다고 느꼈습니다. 전반적으로 쉽지는 않아서 앞날이 걱정되기도 하고 설레기도 했네요.

아직 git을 다루는 것은 어렵습니다. 실수를 하지 않기 위해 가이드를 보면서 정말 느린 속도로 해보고 있습니다. 1번 과제는 첫 인상보다 쉽지 않았습니다. 오랜 시간 고민 끝에 작성해서 제출은 했는데 어떤 피드백을 받게 될지 기대가 됩니다. 확인해 보니 LTS버젼 보다 상위 버전의 node를 사용하고 있어서 이를 변경하기 위한 방법을 찾던 중 NVM을 알게 되었습니다. 초기 설치가 제대로 되지 않아 애를 먹긴 했지만 결국 성공적으로 설치하여 버전을 바꿀 수 있었습니다.

 

Findings (배운 점)

• webpack-dev-server를 통해 실시간으로 코드의 output을 확인하는 방법을 알게 되었습니다.
• jsx를 통해 javascript 안에서 html 문법을 사용하는 방법을 알게 되었습니다. 엘리먼트의 속성들은 props로 들어간다는 것을 확인했습니다.
• Object.entries()

//Object.entries()는

{
	id: 1,
	className: 2,
}

//위와 같은 object가 있을 때 아래와 같이 뽑아줌

[['id', 1],['className', 2]]

• Array.flat()

//array.flat()은

[[1, [2], [3]]

//위와 같은 배열을 아래와 같이 바꿔줌 

[1,2,3]

 

Affirmation(자기 선언)

미루지 말자!

조금씩이라도 매일 공부하자!