WIL 20230702

0. 기간 : 

20230626~20230702

1-1. 이번 주 동안 있었던 일

뉴스피드 프로젝트 발제, 진행 완료

1-2. 이번 주 체크리스트

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

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

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

급한 마음에 복사 붙여넣기를 하다 수정할 부분을 제대로 하지 않아 오류가 많이 발생하였다.

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

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

 

2. 이번 주 소감

복사 붙여넣기를 하다 오류가 발생해서 찾는 시간보다

처음부터 공을 들여 제대로 코드를 작성하는 게 낫겠다고 매번 다짐하는데

매번 마음이 급해진다. 고쳐야겠다.

3. 이번 주에 배운 것

1. for문의 끝나는 조건

문제

for문의 끝나는 조건을 잘못 설정하여 식이 되지 않음

시도

for문의 끝나는 조건을 이해하여 for문이 돌아가는 횟수가 아닌 i의 값의 끝을 지정함

해결

해결함

function solution(cipher, code) {
    let answer = ""
    for(i=code; i<cipher.length+1; i= i+code){
        answer = answer + cipher[i-1]
    }
    return answer
}

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 잘 적자.

 

4. 배운 것들을 토대로 적용할 미래

express와 프론트엔드, javascript를 다룰 줄 아는 개발자

5. 다음주 목표

노드 심화 주차 완강

후발대 진도 따라가기

6. 나에게 응원 한 마디

파이팅 파이팅 파이팅!!