Homile

📌 오늘은 코드스테이츠 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