Homile

📌 점점 마음이 편해지고 더 열심히 해야겠다는 생각을 하면서 하루를 시작했다.

📗 오늘 학습한 내용

JavaScript

• 조건문
• 문자열

모든 프로그래밍 언어의 기본이 되는 조건문, 문자열에 대해서 공부를 하고 문제를 풀어보던 중 메서드 사용 부분에서 자꾸 실수를 하게 되었는데 이 부분을 보완하게 위해서 자주 사용하는 메서드, 함수에 대해서 조금 더 공부 한 뒤 정리해서 블로그에 올려두어야 겠다고 생각했습니다.

📘 추가로 공부할 내용

JavaScript

• 반복문(for, while)에 대해 공부해본다.
• [baekjoon] node.js로 문제풀때 input 지정하는 법을 정리해 본다.
• 알고리즘 문제 풀기
  • [프로그래머스] 예상 대진표

반복문에 대해서 처음으로 시작한다는 생각을 가지고 잊어버리지 않도록 공부를 해봐야겠다. 

for문을 공부할 때 for, for...in, for...of의 동작시간에 대해서도 찾아보면 좋을 것이다.

프로그래머스 2단계 문제가 이제 얼마 남지 않았었는데 마지막쯤 오니까 미뤄두었던 어려운 문제(?)들이 나타나서 당황스럽긴 하지만 예상 대진표는 풀만하다고 생각이 든다.

📝 오늘 느낀점 & 마음 가짐

• 말을 할때 가끔씩 고민을 한다거나 막히는 부분에서 '쓰읍' 하는 버릇이 있다는 것을 알게되어서 
  습관을 고칠 수 있도록 해봐야겠다.
• 오늘도 열심히 했다고 생각하지만 앞으로 열심히 해야하는 날이 많기 때문에 체력부분을 꾸준히 길러야겠다.
• 자주 사용하는 메소드 등의 사용법을 python 과 js에서 혼동하는 경우가 많이 있는데 이부분을 확실히 해야한다.

📌 처음 페어프로그래밍을 하는날 긴장된다!!

     요즘엔 공부한 내용을 내가 보기 쉽게 노션으로만 정리하다가 블로그에 정리하기 시작했는데

     남이 알아보기 편하도록 글을 작성하는 것이 어렵다는 것을 느끼게 된다.

📗 오늘 학습한 내용

JavaScript

• 변수란 무엇인가?, 변수의 종류 (var, let, const)
• 타입이란 무엇인가?, 타입의 종류 (String, Number, ...)
• 자료형
• 함수의 선언, 호출

코플릿으로 페어와 함께 문제를 풀어보았는데 문제를 제대로 읽지 않는 나의 습관이 있는 것을 다시 한번 깨닫게 되었다. 질문을 하거나 받을 때 내가 원하는 것을 말하는 제대로 전달하지 못한다고 생각하여 말을 조리있게 잘 할 수 있도록 블로그를 작성하면서 늘리도록 해야겠다!!😃

📘 추가로 공부할 내용

JavaScript

• 오늘 배운 내용에 대해 복습하여 블로그에 게시해 본다. (최대한 정확하게)
• 조건문, 문자열에 대해 공부해본다.
• JavaScript 알고리즘 문제 풀기
  • [Baekjoon] 문자열 분석

가끔 원하는 정보를 얻기위해 구글링 하다보면 2개의 블로그에서 같은 주제인데 설명을 다르게 하는 경우가 생기는 것을 많이 보았다.
이러한 사태를 방지하기 위해 글을 작성한 후 공식 문서를 찾아서 내가 작성한것과 비교해 틀린 것이 있는지 다시 한번 돌아봐야 겠다.

알고리즘은 공부를 많이 했다고 생각했는데 풀때마다 전혀 아닌것 같다. 혼자 풀려고 하거나 할 때 문제에서 중요한 내용을 자주 놓치는 경우가 있기 때문이다. 코플릿에서 문제를 해결할 때도 나타나는 것을 보니 습관인 것 같은데... 고치도록 해보자!!

문자열 분석 문제를 풀 때 split 메서드를 사용할때 마다 마지막에 ' '(공백)이 붙는다는 사실을 잊어버려 에러가 많이 발생했다. 이 부분에 대해서 다시 한번 정확히 생각하게 되었다.

📝 오늘 느낀점 & 마음 가짐

• 페어프로그래밍을 할 때 좋은 커뮤니케이션을 할 수 있도록 노력하자!!!
• 아는 내용이라도 다시 한번 복습하자!!
• 말을 정확하게 전달 할 수 있도록 해보자.

📌 오늘은 코드스테이츠 FE과정 첫 날이라 설렘반 긴장반으로 하루를 시작했던 것 같다.

📌 왜? 코드스테이츠 FE과정이었는가?

다양한 부트캠프 과정에 지원을 했었으나 서류 -> 코딩 테스트를 거쳐야 했으며 금액이 부담되는 경우가 있었습니다.

그러던 와중 코드스테이츠 과정 27기수를 수료했던 지인을 통해 코드스테이츠를 소개 받았으며

자세히 찾아보니 커리큘럼과 진행하는 과정이 FE개발자로서 발전할 수 있다는 생각을 하게되어 신청하였으며 합격 통보를 받고 
22. 04. 25.(월) 오늘 1일차 과정을 시작하게 되었습니다.

오전에는 지난주 목요일에 왔던 사전 안내문을 참고하여 과정에 대한 이해도 및 세팅을 진행하며 오리엔테이션을 시작했습니다.

노션, 디스코드, UrClass, 구글 캘린더 등 학습에 사용되는 툴을 회원가입 및 설정을 하는 시간을 가졌다.

이미 노션은 알고리즘 스터디 그룹을 병행하고 있었으며, 디스코드는 지인들과의 통화 수단으로 가입이 되어있었다.

UrCalss는 코드 스테이츠 자체 사이트이며 출결, 학습에 대한 내용이 담겨있는 곳이다.

모든 진행 과정 및 시간 표는 제출한 구글 이메일을 통해 구글 캘린더와 연결되어 나왔다. 캘린더가 연동되는 것이 신기했다. 😄

📗 오늘 학습한 내용

- 자신의 마인드를 성장형 마인드 셋으로 변화해라.

- 자신에 대하여 객관적으로 판단할 수 있는 능력을 길러라.

- 자기 주도적으로 학습을 할 수 있는 사람이 되어라.

- 협업하는 좋은 자세와 좋지 못한 자세

   - 좋은 자세: 상대방의 의견을 무시하지 않고 조율해나가는 방법.

   - 나쁜 자세: 상대방의 의견을 무시한채 자신이 하고 싶은 방향으로 몰아가는 자세.

- 수도코드(의사코드): 코드를 작성하기 전에 사람의 언어로 흐름을 작성하는 것

- 수도코드를 작성하는 이유: 규모에 상관없이 오류에 대한 부분을 쉽게 찾을 수 있고 코드의 흐름을 알기 쉽게 된다.

📘 공부할 내용

- JavaScript 변수, 타입, 함수, 자료형에 대한 기초적인 지식 (안다고 자만하지 말자!)

- JavaScript 알고리즘 문제 풀기

   - [Baekjoon] 10808번 알파벳 개수 ✅

   - [Baekjoon] 10809번 알파벳 찾기 ✅

      (문자열에서 풀었으나 다시 풀었더니 풀이가 달라짐)

📝 오늘 느낀점 & 마음 가짐

- 프로그래밍을 처음 접하는 사람들을 위해 세세하게 설명되어 있는 것 같다.

- 프로그래밍 공부만 하지 않고 건강을 지키기 위해 틈틈히 산책 또는 운동을 해야겠다.

- 페어와 같이 문제를 풀기 위해 먼저 문제를 풀지말자. 

🔹오늘 한 일

React 학습

• Component Event 발생 시 변경
• Props ↔ State의 관계
  • Props
    • 읽기 전용이다.(read only)
    • 수정 할 수 없다.
  • State
    • 비동기로 변경될 수 있다.
    • this.setState함수로 수정 할 수 있다.
• CRUD: CR가 가장 중요하다 만들고 읽지 못하면 UD가 필요없다.
  • Create
  • Read
  • Update
  • Delete

🔹오늘 한 일

React 학습

• React 함수형, 클래스형 구조
• Component
• Props
• State
• event
  • bind
  • preventDefault

github markdown 작성법

• VSCode에서 md파일 미리보기 단축키: Ctrl + Shift + V
• github 배포시 codeblock 하는 방법 (개인적으로 백틱이 더 편한듯) 
  • ``` ``` (백틱) 

  ```javascript
  class Subject extends Component{
    render(){
       return (
          <header>
             <h1>{this.props.title}</h1>
             {this.props.sub}
          </header>
       );
    }
  }
  
  
  class App extends Component{
    render(){
       return (
          <div className="App">
             <Subject title="WEB" sub="world wid web!"></Subject>
          </div>
       );
    }
  }
  ```

  • <pre><code>

  <pre>
      <code>
         class Subject extends Component{
            render(){
               return (
                  <header>
                     <h1>{this.props.title}</h1>
                     {this.props.sub}
                  </header>
               );
            }
         }
  
  
         class App extends Component{
            render(){
               return (
                  <div className="App">
                     <Subject title="WEB" sub="world wid web!"></Subject>
                  </div>
               );
            }
         }
      </code>
  </pre>

참고 사이트: https://gist.github.com/ihoneymon/652be052a0727ad59601