미션 첫 인상 및 설계 방향 💡

처음 미션을 봤을 때에는 베이직 과정들에 비해 그렇게 어렵겠다라는 생각은 크게 가지지 않아 설계에 대해 크게 어려움이 없을 것이라고 생각했다. 하지만, 그것이 독이 되었던 하루였다. 🥲🥲

구현을 하다 보니 생각보다 빠뜨린 부분이 많았고, 이번 미션을 어떻게 해결해나갔는지 간단히 정리해보고, 내일은 어떠한 순서와 방법으로 효율적으로 해결할 수 있을지 고민하는 시간을 가져야겠다.

미션 해결 중 문제점

• 예시 결과와 다른 나의 결과😵

  slack에도 많이 올라왔던 내용인데, 내가 해석한 문제의 내용대로 구현한 결과와 예시 결과가 달랐다. 고민을 하다 slack을 들여다보니, 이미 다른 캠퍼분께서 질문을 주셨고, 마스터 JK님께서 설명해주신 것을 보고 의도를 파악하여 구현 방식을 개선하였다.

  나) A → B → C 순서로 탐색하며 빈 자리가 있다면 넣어주는 방식으로 구현

  문제 의도) 인원 수가 속하는 미팅룸에 맞게 빈자리를 확인하고 넣어주는 방식

• 너무 길어진 함수🤯

  함수가 그렇게 많이 길어질 것이라고 생각하지 못했는데, 내가 생각하지 못한 예외처리들과 조건들을 계속해서 추가하며, 함수가 길어졌다. 또한, 함수를 쪼개고 리팩토링 하고 난 이후에도, 추가하고 싶은 예외 조건들에 대해 구현을 하다보니 리팩토링의 효과도 떨어진 듯하다😂

  대체로 짧게 함수에 한 역할만 부여하려고 했으나, 동기처리나 error별 처리를 해주다보니 함수 10줄과는 거리가 아주 멀어진 몇몇 함수들도 있어… 아쉽다…

• 여전히 어색한 표준 입출력😶‍🌫️

  javascript에서 가장 어렵게 느끼는 부분은 단연 표준 입출력인 것 같다… 그 방법 자체가 복잡하게 느껴지고, 비동기처리에서 어려움을 느낀다… 오늘도 어김없이 블로그를 참고한 나 😫 이 부분에서 시간이 너무 많이 잡아 먹혔다

오늘 공부한 이론 🔍

• 비동기 처리

  맨날…다시 보고 공부하지만 여전히 나에게 어려운 비동기 처리… 오늘은 간단하게라도 정리해봐야겠다!

  나처럼 쓰는 것이 맞는지는 잘 모르겠지만… 주로 입력을 받을 때까지 기다려줘야 하는 상황에서 많이 쓴다! 오늘도!!

  • 비동기란?
    • 멀티로 작업을 동시에 처리하는 것
  • async 함수
    • async는 function 앞에 위치
    • function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환
  • await
  • await 키워드를 만나면 프라미스가 처리될 때까지 기다림

• throw Error VS console.error

  이 차이를 모르고 사용했다가 자꾸 실행이 왜 중지되까, 왜 빨간 글씨가 나오나 고민했다…!

  • throwError: 실행을 중지시킴, 코드 처리 목적으로 사용

    +) throw한 error에 대해 catch해서 처리 가능!

  • console.error: 디버깅 목적으로 사용, 빨간 글씨로 출력됨

• Git에 대한 이해

  • clone

    : 원격 저장소 주소 복사해서 로컬 저장소에 복제

  • add

    : 변경 사항을 스테이징

  • commit

    : 스테이징된 변경 사항들을 로컬 저장소에 커밋

  • push

    : 로컬 저장소 커밋을 원격 저장소에 푸쉬

  • pull

    : 원격 저장소의 변경 사항을 로컬 저장소로 불러옴

• git add와 git commit의 차이

• add

  • untracked 파일 → tracked 파일(스테이징 영역으로 옮겨주는 것)
  • add를 해야 commit 가능
  • commit 대상으로 넣어주는 단계 (add 하지 않으면 버전 관리 대상이 아님)

• commit

  • git에 저장 (버전 관리)
  • 로컬 저장소에 변경 작업을 하는

• VSCode 와 터미널에서 실행 환경이 같은 점과 다른 점

  • 같은점

    • 실행 결과는 같다

  • VSCode

    • git 관리 시각적 확인 쉬움
    • 다양한 인터페이스 제공(터미널, 에디터, 디버거, 변경사항 관리 등)

  • 터미널

    • 직접 명령어 입력 필요
    • 빠르게 동작함

  • 터미널 환경에서 해당 프로젝트 직접 빌드하는 법

    • package.json에 script 추가
    • npm run dev
    • npm run build

더 나은 내가 되기 위한 발전 체크 포인트🍀