코딩/문제&에러 5

firebase 줄바꿈 적용안됨

우선 해결방법부터 말하자면 내용 보여주는 곳 css를 white-space: pre-wrap; 처리 해주면 된다. 이제 오류 얘기를 해보자.. textarea로 데이터 받아서 firebase에 등록하고, 이를 가져와서 보여주는데 줄바꿈 적용이 안되어있는 문제가 생겼다. 일단 firebase를 가보니 ㅁ ㅁ ㅁ 이런식으로 적은 데이터가 이렇게 들어가 있었다. 그래서 firebase에 보낼때 데이터를 보니 이런식으로 되어있더라. 나는 \n 이 사라지는줄 인식하고, gpt에게 이와 관련된 질문을 하니 해답으로 \n을 로 replace해서 넣는 방법을 알려주더라.. 그래서 replace해서 firebase에 넣었더니 이 문자로 firebase에 들어가게 되고, 이를 꺼내올때 문자 그대로 보여져버려서, 다시 을 ..

바닐라 JS의 모듈화와 그에 따른 오류/해결

지금 코딩알려주는누나 JS 스터디 팀 프로젝트를 진행중인데 사용가능한 언어가 HTML/CSS, JavaScript다. 제약사항이 많다보니 그에 따른 문제가 많은데 오늘 겪게 된건 모듈화다. Node 강의를 듣는데 리팩토링과 실제 코드짜는 형식들에 대해서 배우고 나니 지금 우리 프로젝트도 파일하나에 짜고 있어서 함수들을 모듈화 처리해야겠다 생각하고 일을 진행했는데 여러 문제가 생겼다. 우선 모듈화한 js를 인식하기 위해서는 HTML이 script부분에 type="module"을 적어줘야한다. // index.html 그리고 export하고 싶은 함수 앞에 export를 적고 import 하고 싶은 파일에서 import 하면된다. // getData.js export const getData = async ..

결과가 없을 때 페이지 네이션 제거 & 이후 다시 생성(코알누 news)

코알누 뉴스 과제 - 문제 검색결과가 없는데 이전 결과물의 페이지 네이션이 남아있음. - 해결과정 중요 포인트마다 log를 찍어놓고 동작순서를 파악, thorw new Error 전에 paginationRender() 실행하도록 함. 하지만 이전 내용들이 반영되어 해결되지 않음. totalResult를 0으로 바꿔주고 실행되도록 변경해 해결함 - 원인 결과물이 없다는 에러로 처리되었는데, 에러가 발생하면서 pagination 글을 적다 보니 새로운 해결 방법이 생각남. - 해결 방법 이었던 것 totalPage=0 paginationRender() throw new Error 방식으로 실행하도록 했었음. 하지만 이 경우 다시 결과물이 있는 검색을 하면 page가 안나오는 문제가 발생했고, 이유를 찾아보니..

localhost:5500 작동 안함

- 문제 localhost에서만 동작하는 newsAPI가 localhost:5500 들어갔는데 안나온다더라 - 해결과정 VSCode의 Live Server 설정을 체크하고, 윈도우 컴의 파일이 127.0.0.1 인지 체크하고, 이전프로젝트를 VSCode로 중복 실행하여 Live Server의 포트를 5501로 설정하고 테스트 해보니 됨 - 원인 OracleEM 이라는 프로그램이 5500 포트를 사용중이었음 - 해결방안 OracleEM의 포트 번호를 변경해주는게 best인듯 - 관련 내용 https://springdream0406.tistory.com/19