200106_TIL

코드스테이츠에서 코딩을 배우기 시작했다.
TIL(Today I Learn) 형태의 블로깅을 하면 정리하는데 도움이 된다고 하여 적어보려고 한다.
목표는 평일 1일 1 TIL (첫 주차는 밀린 것 몰아서 하느라 정신없지만.. 2주 차부터는 무조건 1일 1 TIL!!)

오늘 한 일

1. 좋은 질문하는 방법에 대한 영상을 시청했다. 코드스테이츠의 구일모 엔지니어가 개인의 경험을 말해주며 진행된 영상은 질문에도 좋은 질문과 나쁜 질문이 있고, 어떻게 좋은 질문을 하는가에 대한 고찰이 담겨있었다. 질문을 할 때에는 이러한 순서를 거치는 것이 좋다는 것을 알게 되었다.

   • HOW to ASK
     • 모르는 것이 생기면 검색한다. (검색을 할 때에는 키워드가 중요하다. 효율성을 높여줄 수 있기 때문)
     • 그래도 모르면 stackoverflow 와 같은 사이트에 질문 글을 작성한다.
     • 좋은 제목을 선정한다. (제목을 활용하여 어떤 것을 궁금해하는가를 잘 표현할 수 있어야 할 것 같다.)
     • 내가 막힌 코드를 적는다. 그리고 내가 처한 상황도 같이 적어준다.
     • 피드백을 받은 후 타인이 재연이 가능하도록 정보를 제공해준다. (피드백을 받아 이해한 내용을 정리하고 예시를 남긴다.)

2. 페어 프로그래밍이라는 개념을 접할 수 있었다. zoom이라는 어플리케이션을 활용하여 화상회의(?)처럼 페어와 대화를 나누면서 문제를 해결해 나갈 수 있었다. 적응을 돕기 위해 간단한 페어 퀴즈를 진행해 보았다. 페어 프로그래밍을 활용하면서 커뮤니케이션 능력을 기를 수 있으리라 생각된다.

3. 크롬 브라우저에서 '개발자 도구'를 활용하는 법에 대해서 알게 되었다. 개발자 도구 창을 불러왔을 때에 console 탭을 활용하여 디버깅이 가능하다. 간단한 코드를 작성하고 확인하는데 좋다고 한다. 간단한 팁으로는 크롬 앱스토어에서 'blank new tab' 이라는 앱을 설치하면 새 창을 띄웠을 때 아무것도 없는 흰 창이 뜬다.

   • 개발자 도구 창 불러오기
     • 크롬 브라우저의 빈 공간에서 마우스 우클릭 후 '검사'를 누르기
     • 단축키 'F12' 누르기
     • 맥 OS : cmd + opt + i, 윈도우 : ctrl + shift + i

4. 변수와 타입(Varible & Type) 그리고 조건문(conditional)과 함수(function)에 대해서 배웠다.

   • 변수

     • 변수는 'let'을 활용하여 선언하고 '='을 활용하여 할당한다.
       ex) let myName = simon
       -> myName이라는 변수에 simon이 할당되어 추후에 myName을 입력하면 simon이라는 값을 출력한다.

   • 타입

     • 숫자(number) ex) 1, 2, 3
     • 문자열(string) ex) apple, orange
     • 불리언(Boolean) ex) true, false
     • 배열(array) ex) [a, b, c]
     • 객체(object) ex) [name : 'simon', age : '30', sex = 'male']
     • undefined
     • 함수(function)

   • 조건문

     • 어떠한 조건에 대하여 판별하는 기준을 만드는 것

     • 비교연산자가 필요하다.

       • 비교연산자 ex) ===, !==

     • ex)

         if(조건1){
             //조건1 통과시 출력
         } else if(조건2){
             //조건2 통과시 출력
         } else{
             //모든 조건 통과 X시
         }

   • 함수

     • 지시사항의 묶음으로 '입력 -> 함수 -> 출력' 의 과정을 거친다.

     • ex)

       function myFunction(input){  
       //조건과 output  
       }
       
       let my function = function(input){  
       //조건과 output
       }

     • console.log() 를 활용하여 내가 작성한 코드의 출력을 중간중간 확인할 수 있다.

     • return 을 활용하여 최종적으로 함수를 돌렸을 때 출력값이 출력되도록 할 수 있다.

5. 비교 연산자(comparison operator)와 더불어 논리 연산자(logical operator)도 알 수 있었고, falsy 값 6개에 대해서도 알 수 있었다.

   • 논리연산자
     • && (AND연산자), || (OR 연산자), ! (NOT 연산자)
   • falsy 값
     • false, null, undefined, NaN, 0, ''

ps. 강의 바로 전날에 맥북프로 2019년형 13인치 중급형을 구매하였고, 강의가 끝나고 액세서리 구매와 이것저것 딴짓을 하다 보니 정작 중요한 복습과 TIL을 위한 정리가 늦어졌다. 뒤늦게(1/8) 복습을 하고, 뒤늦게(1/9) TIL을 남긴다. 첫날 배운 것을 복습하고 정리하다 보니 기본적인 용어에 대해서 명확하게 정리된다는 느낌이 든다. 계획과 실천... 게을러지지 말아야겠다는 다짐을 잊으면 안 된다.
미루지 말고 Just Do it!