Facts

• 이것이 코딩테스트다 chapter3, 4를 리뷰하고 문제를 풀었다.
• 더블유키 프로젝트 프론트 개발을 진행하였다.

Feelings

• 개발을 하다 보니 내가 꽤 규모있는 사이트를 개발하고 있다는 걸 깨달았다. 구현하면서 디렉토리 구조도 상당히 복잡해지고 코드도 길어지고 상태관리도 힘들어지고 있다. 프로젝트에 집중해서 기능 개발을 마친 후에 꼭 코드 개선을 해보고 싶고 해야될 것 같다.

• 부스트캠프 1차 코딩테스트 체험을 진행했는데 모든 문제를 다 맞추고 싶다. 어떤 문제들이 나오는 지 천천히 살펴본 다음에 쉬운 문제부터 풀어야 겠다. 계획짠 다음에 키보드에 손 올리자.

Findings

• export vs export default in javascript
  • ES6에서 지원하는 문법으로, export, import를 사용하여 모듈을 간편하게 만들고 가져다 쓸 수 있다.
  • export(named): 모듈을 특정 이름으로 export 한다(내보낸다). ```javascript // export export const myFunction1 = () => {}; export const myFunction2 = () => {};

  // import import { myFunction1, myFunction2 } from ‘./module.js’;

    - 한 파일 안에 여러 모듈(변수/클래스 등)을 export할 수 있고, {} 구문을 사용하여 각 모듈을 import 해야 모듈을 불러올 수 있다.
  
    - export default: 모듈을 이름없이 export 한다. default로 내보낸 모듈은 어떤 이름으로든지 import할 수 있다. 
    ```javascript
    // export 
    const myFunc = () => {};
    export default myFunc;
  
    // import
    import myFunction from 'module.js';
  

  • 하나의 모듈(파일)에서는 하나의 default export만 가능하다.
  • {} 구문으로는 default export를 사용할 수 없다.

Future Action Plans

• 더블유키 프로젝트에서 기능 개발이 끝난 후에 코드 개선해보기.
• til 매일 작성하기.

Feedback