TIL 20230630

 

Event

19:30 정예반 수업

 

생활 계획표

 

AM 6:00 체조, 아침식사, 산책, 샤워, 설거지, 세탁

AM 7:00 입실, 알고리즘 공부

AM 9:00 본 공부 시작

PM 1:00 ~ 2:00 점심 식사

PM 6:00 ~ 7:00 저녁식사

PM 7:00 TIL, WIL 제출

PM 9:00 퇴실 (카톡 확인)

PM 11:00 취침

 

이번 주 목표

프로젝트 완성

오늘 목표

프로그래머스 1문제

알고리즘 강의

오늘 한 것

텍스트 에디터 추가

1. 텍스트 에디터 라이브러리

https://ckeditor.com/ckeditor-5/online-builder/

 

2. 실행 순서

문제

텍스트 에디터 추가 시 추가하는 부분의 값이 null이 나오면서 실행되지 않음.

시도

본문의 버튼을 innerHTML로 붙일 때 id를 fetch를 통해 받아온 postId를 넣어주게 되어 있음.

fetch를 기다리느라 페이지 생성이 늦어져서 그런 것 같음.

setTimeout을 통해 텍스트 에디터를 페이지가 로드되고 1초 뒤에 실행되게 함.

해결

잘 됨. 

function editorload() {
  setTimeout(
    () =>
      ClassicEditor.create(document.querySelector('.editor'), {
        licenseKey: '',
      })
        .then(editor => {
          window.editor = editor;
        })
        .catch(error => {
          console.error('Oops, something went wrong!');
          console.error(
            'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:',
          );
          console.warn('Build id: m5b6f09wom88-nohdljl880ze');
          console.error(error);
        }),
    1000,
  );
}

editorload();

알게 된 점

실행 시점에서 fetch를 받거나 시간이 오래 걸리는 작업을 하는 것들은 늦게 실행된다.

눈에는 잘 안 보이지만 컴퓨터 기준 늦은 것이다.

그러므로 setTimeout등을 적절히 활용하여 순서를 정해 준다.

 

3. can not destructure~ 

문제

구조분해 할당을 하지 못하였다는 오류 메시지가 난다.

시도

도저히 모르겠어서 질문

해결

 

app.use(express.json());

알게 된 점

이전에도 났었던 오류인데 TIL을 안 적어서 까먹은 것 같다.

TIL 잘 적자.

---

정리 

실행 시점에서 fetch를 받거나 시간이 오래 걸리는 작업을 하는 것들은 늦게 실행된다.

눈에는 잘 안 보이지만 컴퓨터 기준 늦은 것이다.

그러므로 setTimeout등을 적절히 활용하여 순서를 정해 준다.

https://ckeditor.com/ckeditor-5/online-builder/

app.use(express.json());

 

체크리스트

[ O ] 예쁜 말로 협업하였는가?

[ O ] 12시간 동안 몰입하였는가?

[ O ] 코딩 시 복사 + 붙여넣기를 하지 않았는가?

[ O ] 친절한 개발자였는가?

[ O ] 오늘을 평가하였을 때 주니어 개발자가 될 수 있겠는가?

 

소감

주니어 개발자 될 수 있을까? 할 수 있을 것 같은데 오래 걸릴 수도 있겠다....

오류가 너무 많이 난다.