Skip to content

Latest commit

 

History

History
247 lines (144 loc) · 5.65 KB

3주차.md

File metadata and controls

247 lines (144 loc) · 5.65 KB
Raw

6월 12일

오늘 한일

코딩테스트

  • SK텔레콤 T-WorX for Developers 챌린지 응시

CRUD 게시판 제작

  • ES6 문법 사용해서 리팩토링 진행중

배운 것


어려웠던 점

class 사용할 때 유의할 점

  • ES6 강의에서 배운것을 토대로 class를 사용
  • setBackgroundImg 수행하면서 src를 설정하는데 오류가 발생
  • 함수를 호출함에 있어 함수의 코드 및 동작 목표를 제대로 인지하고 this bind를 적재적소에 사용해야 정상적으로 수행할 수 있다.
class imageProduce {
  constructor() {
    this.imageURL = "/assets/data/data.json";
    this.setInitVariables();
    this.setInitData(this.imageURL);
  }

  setInitVariables() {
    this.bgImage = document.createElement("img");
  }

  setInitData(imageURL) {
    this.getData(imageURL, this.setBackgroundImg.bind(this));
  }

  getData(imageURL, fn) {
    const oReq = new XMLHttpRequest();

    oReq.addEventListener("load", () => {
      const imageDataList = JSON.parse(oReq.responseText).body;
      fn(imageDataList);
    });

    oReq.open("GET", imageURL);
    oReq.send();
  }

  setBackgroundImg(imageList) {
    const choseImage =
      imageList[Math.floor(Math.random() * imageList.length)].url;
    // by 민형, choseImage가 문자열이므로 Template 사용안해도 됨_220612
    this.bgImage.src = choseImage;
    this.bgImage.classList.add("background-img");
    document.body.append(this.bgImage);
  }
}

new imageProduce();

한줄평

이번주도 수고했어!!! 지금 고생많고 힘들게 한다고 고생많아! 그래도 조금만 더 힘내자!!! 글 읽는게 힘들어도 읽어야 하고 할당 시간 채우면 "공부 충분히 했고 나는 대단하고 취업 되겠지" 라는 생각을 버려야 해. 시간에 대한 생각을 조금씩 버리는 연습을 해야할 것 같아. 시간이 중요한 것이 아니라 얼마나 집중해서 이해하고 내 프로젝트에 적용하는 것이 중요한 거야! 오늘도 고생해써!!!


6월 13일

오늘 한일

이력서 작성

  • SBI 저축은행 이력서 작성중

배운 것


어려웠던 점


한줄평


6월 14일

오늘 한일

이력서 작성

  • SBI 저축은행 이력서 작성중
  • 네이버 기술 직군 신입 채용 : Track_인턴십 이력서 작성중

테헤란 밸리 QnA 영상 시청

  • 테헤란 밸리 QnA 영상 시청

배운 것


어려웠던 점


한줄평

오늘도 수고했어!!!


6월 15일

오늘 한일

이력서 작성

  • 네이버 기술 직군 신입 채용 : Track_인턴십 이력서 작성완료

배운 것


어려웠던 점


한줄평

오늘도 수고했어!!!


6월 16일

오늘 한일

CRUD 게시판 제작

  • js 파일 ES6 문법 수정 완료
  • 스티커 삭제 후 생성 시 렌더링 문제 해결
  • 스티커 작성자 렌더링 문제 해결

배운 것


어려웠던 점


한줄평

오늘도 수고했어!!! 힘들어도 조금만 버티면서 하자. 개발자가 되려면 최소한의 실력은 갖추고 지식과 관련해서 알아야 할 것이 많기 때문에 힘들어도 버티면서 하자! 그리고 힘들어도 읽어야 되고 어려워도 읽어야 되. 즐기면서 개발하는 마음이 중요하긴 한데 할 때는 집중해서 하고 진지하게 해야해. 그리고 내가 모든 것을 알고 있다는 생각을 버려야 해. 정말 수고 많아!!!


6월 17일

오늘 한일

CRUD 게시판 제작

  • json URL 경로 수정 완료 및 데이터 정상적으로 가져옴

SW 역량 테스트

  • 부산은행 D-IT 채용연계형 SW 테스트

SSAFY 조사

  • 나한테 ssafy가 필요한 이유 찾는 중

배운 것


어려웠던 점

json url CORS error

  • 로컬에서는 프로젝트 폴더를 기준으로 json 파일을 읽어오기 때문에 문제가 없었는데 호스팅 후에 문제가 발생했다.
  • gitHub의 json 파일이 저장되어 있는 곳의 url을 복사한 후에 수행시켰지만 CORS Error가 발생
  • 위에서 언급한 json 파일에 raw 버튼을 누른다음 url을 가져와 Error 해결
    • raw 버튼을 이용해 소스코드를 그대로 복사 해오거나 json 파일의 정보를 url을 통해 사용할 수 있음
  • 해결해야 할 것들
    • 왜 raw로 가져온 json 파일은 왜 CORS Error가 발생하지 않을까?
      • access-control-allow-origin: * 가 설정 되있긴 함
      • 반면에 raw 버튼을 누르지 않은 url 경로는 설정 안되있음
    • json 파일의 데이터는 정상적으로 가져오고 있지만 이미지는 CORB라는 Error에 의해 정상적으로 렌더링 되지 않음

한줄평

오늘도 수고했어!!! 드디어 게시판 구현 끝났네!!! 아직 Error 찾아서 해결해야 할 것은 많겠지만 ㅋㅋ. 오늘 Error 대하는 것에 있어 소극적인 부분이 있었어. 절대 힘들어도 포기하지 말고 이겨내야해. 힘들어도 자만하지 말고 대충 넘어가지 말고 조금이라도 천천히 읽어보자. 빠르게 할 필요 없고 프로젝트도 마무리 됬으니까 부족한 부분 천천히 읽어보면서 이해하고 정리해두자. 오늘 수고했어!!!


6월 18일

오늘 한일

SSAFY 면접 준비

  • 면접에 나올 주요 개념 정리
  • 인성 및 기술 관련 질문 리스트 정리

배운 것


어려웠던 점


한줄평

오늘도 수고했어!!!