프론트 1차 회의

1. 오늘 멘토링 때 할 질문

• CSS추천 받습니다.
• 디바이스별 화면 다르게 보여주기 CSS 설정만으로 하면 되나요?

2. Monaco Editor vs CodeMirror

• 문서 읽고 확인해보기

---

Monaco Editor vs CodeMirror

먼저 유튜브에서 Monaco Editor와 CodeMirror 사용한 영상을 찾아봤다.
Monaco Editor를 먼저 찾아서 따라했는데 React와 호환도 잘 되고 결과도 잘 나오고 코드도 useRef로 쉽게 불러내고 모양도 예쁘게 나와서 만족했다.

CodeMirror도 튜토리얼이 있어서 따라했는데 JS로만 되어있었다.

CodeMirror React 튜토리얼도 있어서 따라했는데 화면이 보이긴하는데 안에 입력한 코드를 가져오는 방법을 못 찾겠어서 일단은 Monaco Editor로 갈 것 같다.

---

기획 멘토링

• 핵심은 기록 엄청 자주 그리고 많이 하라고 하셨다.
• 기획하는 것의 의의는 현업에서 일을 하게 될 때 기획을 하기보다 기획된 것을 받아서 개발하게 될 텐데 그때 기획서를 이해하는데 도움이 될 것이라고 하셨고 개발자에게 필요한 역량이라고도 하셨다.

프론트 멘토링

• 안 써본 기술을 도전 하는 것은 괜찮으나 기한이 짧기 때문에 자주 써본 방식으로 CSS 사용하는 것을 추천하셨다.

• 인터페이스가 크게 바뀌고 하는 것이 아니면 미디어쿼리를 활용해서 장치 크기별로 화면 다르게 표시하는 방법이 괜찮을 것이라고 하셨다.
  다만 장치별로 인터페이스가 바뀌어야한다면 장치에 대한 정보를 받을 수 있기 때문에 그것을 활용하라고 하셨다.

• 예전에 프로젝트 때문에 vite 때문에 고통 받았는데 많이 쓰는지 여쭤봤다. 대부분 라이브러리가 webpack을 사용한다고 하셨다. 그래서 vite와 충돌나서 잘 진행이 안 됐을 수도 있다고 하셨다. vite 공부는 나중으로 미뤄야겠다.