플레이데이터 풀스택 백엔드 9기 5월 2주차 회고

플레이데이터 풀스택 백엔드 9기 8주차 주간회고 및 학습기록 (여덟번째 기록)

---

Facts

이번 주는 연휴 후유증에 허덕였다. 잠깐 쉬었다고 몸이 휴식에 익숙해졌다. 지금까지 해온 주 5일 공부보다 이번 주의 3일 공부가 훨씬 힘들 정도였다. 그래서인지 지난 주보다 머리 속에 들어오는 정보량이 더 많게 느껴졌다. 슬슬 공부해야 할 것이 쌓이기 시작한다. 

 

이번 주는 React를 공부했는데, 프레임워크가 뭔지 좀 감이 잡혔다. 공부할수록 이런 걸 만든 사람들이 정말 대단하다고 느낀다. 진짜,,,진짜 대단하다. 

 

분명 얼마 전에 2주차 블로그를 쓴 거 같은데 벌써 8주차 블로그다. 세 번의 프로젝트와 한 달짜리 프로젝트가 남아있는 걸 생각해보면 진짜 생각보다 많이 남지 않았다. 지금까지 한 만큼을 더 하면 최종 프로젝트다.

---

Feelings

이번 주는 이상하게 기분이 다운되어있었다. 학원을 다니는 내내 인상을 쓰고 다녔던 거 같은데 다음 주에는 좀 더 웃으며 살아야겠다. 연휴 후유증과 공부를 원하는 만큼 못했다는 죄책감 때문인 거 같은데,,, 정처기 준비를 다음 번으로 넘겨야겠다는 생각을 하면서 더 기분이 안 좋았던 거 같다. 게다가 금요일에는 평소보다 10분 일찍 나왔는데도 비 때문에 차가 막히는 바람에 20분이나 늦어버렸다. 그래서 더욱,,,ㅎㅎ 다음 주는 조금 더 활기차고 조금 더 웃는 한 주가 되면 좋겠다. 

---

Findings

1. React 특징

• 가상돔 (Virtual Dom)을 사용하여 빠르고 효율적인 UI 렌더링 제공 (JQuerys, AngularJS보다 향상된 성능)
• 컴포넌트를 사용하여 UI를 구성 >>> 상태(state) 및 속성 (props)을 활용하여 컴포넌트를 렌더링 (코드의 재사용성 향상)
• 유연하고 확장 가능한 라이브러리

2. 엘리먼트 & 컴포넌트

• 엘리먼트 : UI를 그리는 가장 작은 단위 (여러 명령들)
  • 요소 노드: HTML의 태그 하나하나
  • 어트리뷰트 노드
  • 텍스트 노드

<p class="greeting">안녕</p>	// 요소노드 : HTML의 태그 하나하나 => <p>
<img src="cat.jpg" alt="고양이 사진"> // 어트리뷰트 노드 : HTML 요소에 붙는 속성 => src="cat.jpg", alt="고양이 사진"
<p>Hello</p> // 텍스트 노드 : HTML 요소 안에 있는 글자 자체 => Hello

• 컴포넌트 : 엘리먼트를 반환하는 클래스/함수 (화면의 구성 단위)
  • 재사용 가능한 UI 조각
  • 엘리먼트를 조립해서 하나의 블록처럼 만든 것

3. React의 앨리먼트는 최상위 노드를 하나만 가짐

• 최상위 노드로 div 태그를 두 개 썼더니 생기는 일 

>> 컴포넌트의 최상위 노드는 한 개만 존재해야 하며, Fragment ( <> ... </>)나 div 태그 등을 최상위 노드로 사용한다.

>> div나 span 같은 쓸모없는 태그를 추가하고 싶지 않을 때는 Fragment를 사용하면 된다.

---

Future

1. 이번 주와 다음 주 얼마나 성실한 삶을 사느냐가 정말 중요할 거 같다. 슬슬 미룬 공부가 쌓이기 시작한다. 빠른 시일 내로 처리해야 한다.

2. 다음 주에 두 번째 팀프로젝트가 시작되는데, 폐 끼치지 않게 열심히 해야겠다. 평소 같으면 프로젝트를 주도하려고 할텐데, 이번엔 정말 그러기 힘들 거 같다. 주도고 뭐고 실력이 부족하다.

3. 약간의 슬럼프가 온 거 같다. 벌써,,,하하. 플레이데이터에 들어왔을 때의 내 다짐을 상기해봐야겠다.

4. 이럴 때는 매일 너무 많은 걸 하려고 하기보다 정해놓은 만큼만 조금씩 하는 게 도움된다. '하루 1시간만 공부하기'라든지...