HaebinLog

오늘 한 일 facebookClone_node 타임라인의 포스트 이미지 관련 css 및 js 작성. 클릭시 전체화면 크기로 보여주는 화면 UI와 css 및 js 작성 필요

오늘 한 일 object를 JSON.stringify로 변환하는 과정에서 할당했다고 생각했던 데이터가 생략되어 문제가 되었었다. 원인은 sequelize에서 받은 객체의 데이터는 dataValues 키에 대응하는 객체에 저장되어있고 string으로 변환시 toString 메서드에서 dataValues의 값을 참조하기 때문에 dataValues가 아닌 부모 객체에 직접 할당된 값이 결과물에 없었던 것이었다. 이 문제는 해당 부모 객체와 dataValues 키의 객체 모두에...

오늘 한 일 facebookClone_Node 프로젝트 작성 중 재활용을 위해 pug 파일 내에서 다른 pug 파일을 include했는데 변수 중복 선언 에러가 발생했었다. Uncaught SyntaxError: Identifier 'profileBtns' has already been declared 원인은 호출되는 pug 파일 내부에서 block append로 css, js 파일을 추가 했던 것이었다. 때문에 각 css, js파일이 이중으로 선언되어 문제가 생겼던...

오늘 한 일 facebookClone_Node 프로젝트의 이미지 배치를 재구성했다. 정사각형 형태의 div 생성이 제일 까다로운 부분이었는데 지금은 조금 익숙해졌다. 현재 이미지에 옵션 버튼만 생성해주면 완성이다. 또한 타임라인과 head부분과 같이 다른 페이지에서도 재사용되는 부분들을 새로운 파일로 분리해 호출하는 방식으로 재구현 중이다.

오늘 한 일 facebookClone_Node 프로젝트의 재구성된 데이터베이스의 데이터 하에서 기존에 기능들이 에러를 일으키지 않는지 확인했다. 또한 기존의 이미지 업로드를 photo 라우터를 따로 두어 처리하도록 변경했다. 현재 main에서 이미지를 미리보기 부분을 수정 중이며, 수정 후에는 profile timeline부분에도 적용해주어야 한다. profile 부분도 얼마 남지 않았다!