TIL - 2020.08.11

요즘 할 게 너무 많다ㅠㅠ 공부할 것도 많고 공부할 수록 공부해야 할 게 더 늘어나는 것 같다...
시간이 늦었으므로 오늘의 TIL을 바로 작성해보자!

👉 오늘 한 일

• 노마드 코더 React 멤버쉽 강의를 다 들었다!(물론 아직 추가된 hooks나 typescript 강좌는 다 못 들었지만 프로젝트 진행과 자료를 작성해야해서 추후 수강 예정이다,,,!)
• algorithm 문제를 2문제 풀었다. 오랜만에 풀려니 조금 버벅거렸다😢
• gitlab 에러가 발생했는데 해결이 잘 안되서 일단 다른 폴더에 clone을 받았다,,, 얼른 해결해야겠다.
• git branch 부분에 대해 알게 되었다.

👉 공부한 내용

• React Helmet으로 탭의 이름을 변경하는 것을 배웠다.
• netlify라는 웹 기반 응용 프로그램 및 정적 웹 사이트를 위한 호스팅 및 서버리스 백엔드 서비스를 제공하는 사이트를 알 수 있었다.(참고: Netlify 위키피디아)
• typescript에 대해 간단하게 배웠다. Javascript와의 차이를 간단한 예시를 통해 살펴보자.

javascript

const plus = (a,b) => a+b;

console.log(plus(1,2)); // output: 3
console.log(plus("cookncoding",777)); // output: coding777

이처럼 우리는 숫자의 계산을 위한 plus라는 함수를 만들었는데 "cookncoding"이라는 string을 넣어도 출력이 된다. 이러한 문제는 사용자의 예상치 못한 입력때문에 생길 수 있는데 typescript는 type을 선언해서 이러한 문제를 방지한다. 아래 예시를 살펴보자.

typescript

const plus = (a, b) => a + b; // 에러 발생

console.log(plus(1,2));
console.log(plus("cookncoding",777)); output: coding777

parameter가 'any' type이어서 에러가 발생한다. 그러면 type을 지정해보자.
typescript

const plus = (a:number, b:number) => a + b;

console.log(plus(1,2)); // 3
console.log(plus("cookncoding",777)); // 에러 발생

이제는 "cookncoding"이 number가 아니어서 에러가 발생한다고 알려준다.
이렇게 typescript를 사용하면 잘못된 data type을 넣는 것을 방지해준다.

• git flow 전략에서 master, develop, feature등의 브랜치들을 운용한다는 글을 본 적이 있을 것이다. 근데 나는 master에서 develop 브랜치를 생성하는 것은 알겠는데 그렇다면 feature는 develop에서 생성할 때 따로 명령어가 있는지 궁금했다. 왜냐하면 git branch "브랜치명"으로 입력한다고 master에서 만든거랑 구분이 안 갈 것 같았기 때문이다. 그래서 오픈 카톡, 아는 선배에게 물어본 결과 따로 생성 방법이 있는게 아닌거라고 알았다.(물론 git-flow를 다운해서 사용한다면 git flow feature start <피쳐이름>처럼 사용한다.)
  즉, 그냥 git의 다양한 work flow들은 브랜치의 네이밍과 머지를 어디에 하냐이므로 feature에서 master에도 merge는 가능하다. 물론 그럴경우 자신들이 정한 브랜치로 합쳐야하고 잘못 머지했더라도 동료들이 PR에서 알려주겠지만!
  아직 제대로 깃을 활용한 협업을 안 해서인지 헷갈리는 부분이 많지만 열심히 사용해보며 익혀야겠다!
• 알고리즘 문제를 풀었는데 오랜만에 푸니 좀 헷갈리는 것들이 많았다.
  특히 시간초과가 계속나서 답답했는데 해결법은 endl이 아닌 \n을 쓰는 것이었다...! buffer문제 때문에 속도가 느리다고 옛날에 공부했는데 별 생각없이 작성하다보니 또 까먹었다,,! 이 부분도 한번 정리를 해서 포스팅해야겠다!

☕️ 잡담

요즘 리액트 공부하랴, 스터디 준비하랴, 기획서 준비하랴 너무 바쁘다,,,ㅠㅠ 그리고 공부할 수록 너무 알아야하는 것들이 늘어가서 머부터 해야할지 자꾸 우왕좌왕하는데 차근차근 순서를 정해서 해결해야겠다,,,! 오늘 VS Code C++ 세팅 포스팅에서 terminal에서 입출력 받는 법도 수정해야하는 것을 알았다... 블로그에 유익하고 올바른 정보를 주는게 너무 어렵지만 조금씩 수정해서라도 나처럼 세팅 조차 헷갈리는 사람들에게 도움을 줄 수 있으면 좋겠다!
오늘도 시간이 너무 늦어서 팁은 생략하겠다,,,!🥱

---

📑 참고 사이트

• Typescript 강의 - Nomad Coder React

• Netlify 위키피디아