스파르타코딩클럽 내일배움캠프 36일차

오늘 일과 간단 요약

1. 심화 chapter 발제
2. 튜터님한테 질문 (및 상담?)
3. 프로그래머스 Level 0 1문제 (풀이 링크)
4. 국취제 상담
5. create-react-app 특강
6. 스파르타 심화 강의 완강

 

 

 

 

선발대/후발대 고민

오늘부터 심화 chapter가 시작이라서 튜터님이 발제를 해주셨다.

그리고 그와 더불어서 이제부터 선발대/후발대를 나눈다고 하셨는데 그 때부터 내 고민은 시작되었다...

 

내 실력을 객관적으로 모르겠다는 생각도 들고...

어딜 가야 하나 알 수 없어서 오늘 내로 선택해야 했는데 오전부터 굉장한 고민을 했었다.

그래서 발제 끝나고 바로 튜터님한테 질문할 거리를 들고 갔다.

 

어제 공부하면서 새롭게 적용해본 react-toastify라는 라이브러리인데,

왜 굳이 최상위 컴포넌트에 써야 하나 라는 질문을 하러 갔었는데 추가적으로 이것저것 물어보면서 거의 1시간 가까이 튜터님과 상담을 한것 같다. 의도치 않게...? 질문은 하나였는데...ㅋㅋ

 

여튼!

그래서 선발대에서는 좀 더 심화적인 걸 하고 잘하는 분들이 너무 많을 것 같아서

사실 오전에는 선발대로 갈 생각은 금방 사라졌다...ㅎ

 

그러다가 오후에 매니저님한테 DM 드려서 이러한 고민을 말하니까 이것저것 물어보시더니

선발대에서 우선 들어보다가 힘들면 후발대 영상을 보라고 하셨다.

그래서 그냥 선발대를 가는 것으로...!

잘하는 분들 틈에 끼어있으면 뒤처지지 않으려고 더 동기부여 될것 같아서....아직 시작은 안했지만 좀 걱정이다.

선발대...라고 하긴 하지만 실력은 아직 선발대는 아닌것 같아서 ㅋㅋㅋㅋ 더 열심히 해야겠다.

 

 

 

 

프로그래머스 1문제

오늘도 어김없이 찾아온 1문제 풀기 시간.

튜터님한테 알고리즘 문제 풀 때 나의 고민을 이야기했는데,

먼저 글로 쭉 알고리즘을 풀이한 다음에 코드로 옮기는 연습이 필요하다고 하셨다.

그건 프로젝트 할 때도 마찬가지.

큰 그림을 먼저 그리고 폴더 구조를 생각하면서 큰 기능부터 작은 기능 순서대로 진행해야 한다고 했다.

 

그런데 사실 이렇게 쉽게 하는 사람들은 별로 없다고 하셨다.

처음부터 그렇게 하면 천재라고...그래서 어려운게 당연한 거라고...

그나마 다행이다. 나름 내가 잘하고 있다는 거니까...!

나는 내가 너무 실력이 느는지 안느는지 모르겠었는데, 나름 올바른 길로 가는 것 같아서 다행이다.

 

그래서 튜터님의 조언대로

주석으로 한글 풀이를 하고 코드를 풀었다.

코드를 치는 시간보다 문제를 분석하고 알고리즘 방법을 생각하는 시간이 더 길어야 한다고 하셨는데,

사실 아직은 level 0 이라 그정도는 아니고....ㅋㅋㅋㅋㅋ

그냥 그런 방법에 익숙해지려고 해야겠다.

 

 

 

 

스파르타 심화 강의 완강

양심 고백.

그냥 1회차 완강만 한 기분이다...ㅠ

 

심화 강의라서 새롭게 배우는 것들 투성이였는데.....한번 들어서는 절대로 이해가 되지 않았다.

오늘 중간에 국취제 상담을 해야 해서 굉장히 바쁘고 정신없이 지나가서 그런지, 다 듣긴 했지만 내일 다시 복습해야 할 것 같다.

 

솔직히 말하자면...

아무리 생각해도 스파르타 강의 하나만 듣기에는 너무 어려운 것 같다.

공식 문서를 보던지 아니면 구글링해서 쉽게 이해할 수 있는 다른 영상들을 보던지...

부가적인 공부는 필수다.

 

심화 강의를 들으면서도 마찬가지였다.

나름대로 노션에 정리해보고 강의에 나오는 실습도 직접 해보면서 했는데...아직 영 감이 잡히지 않는다.

오늘 내가 너무 정신없어서 그런것 같기도 하고...? 내일 되어서 다시 복습해봐야 알 것 같다.

 

 

 

 

create-react-app 특강

특강을 하는데 1년차 주니어가 알아야 할 내용이고 지금은 교양(?)처럼 듣고 넘어가라고 하셔서...

따로 글로 정리할까 하다가 그냥 TIL에 남기려고 한다.

어차피 나중에 알아야 하고 배워야 하는 거니까 그 때 가서 심층 공부 하면 되고 지금은 그냥 이런게 있다, 정도로만 알아둬야 겠다.

 

 

• create-react-app이란?
  •  Facebook에서 제공한 Command line tool
  • 리액트 프로젝트는 React, ReactDOM, Webpack, Bable 으로 이루어져 있다.
  • 다만 React문묹법만 이해해도 문제가 없다
  • CRA는 이 React를 제외한 다른 환경 설정을 세팅해주는 것으로 React를 처음 접한 개발자에게 좋은 개발 환경을 제공한다

 

• 왜 배우는가?
  • React Lifecycle 에 대한 이해 -> 컴포넌트의 state와 렌더링에 대한 이해
  • create-react-app에 대한 이해 -> 웹 개발의 필수 기술인 Webpack, bable과 ReactDOM에 대한 이해

 

• 왜 CRA를 사용하는가?
  • HTML, Javascript, CSS, Images와 같은 자원들의 의존성을 관리하고 모아야 한다
  • ES6 이후 문법이나 JSX 같은 문법들을 구식 브라우저에서도 사용할 수 있어야 한다
  • => Webpack을 이용해서 자원들을 번들링하고, Babel을 이용해서 코드를 트랜스파일링하고, ReactDOM을 이용해 DOM에 접근하는 모든 과정은 UI 라이브러리인 React를 처음 사용하는 입장에서는 상당히 어렵고 지지부진한 환경 설정이 필요하다. 이를 npx create-react-app project-name 명령어 한 번에 설정할 수 있으면 좋다

 

• Webpack이란?
  • 모듈 번들러
  • 웹을 구성하는 요소들(HTML, CSS, Javascript, static files)을 각각 모듈로 모고 이를 조합해서 하나의 결과물로 만드는 (번들링) 도구
• Babel이란?
  • 트랜스파일러
  •  ES6 이후 문법 코드를 상응하는 과거 버전의 코드로 변경해줘서(트랜스파일링) 이전 환경의 브라우저에서도 코드가 동작해도록 변환해주는 도구

 

 

 

 

 

 

 

짧은 일기

오늘은 진짜 너무 정신없는 하루였다...

오전에 발제 듣고 바로 튜터님한테 질문하러 가서 질문도 하고 상담(!)도 하고,

잠깐 심화 강의 듣다가 조원들이랑 집중 타임을 가지고...

점심 먹고 바로 국취제 특강 들으러 갔다 와서 다시 심화 강의 듣고...그러다가 특강도 듣고...

 

 

진짜 정신 없이 지나간 하루였다.

뭘 진득하게 공부한 건 아니고 가볍게 1회독한 기분이다. 그래서 내일은 더 깊게 공부해야겠다.

월요일인데 깊게 공부한게 아니라 다행인것 같기도 하고...?

내일은 정말 열심히 공부해야겠다.....!