TIL 20230606

오늘 목표

[필수] 

javascript 문법 종합반 강의자료 공부

프로그래머스 1문제 이상 풀고 인증

 

[선택]

페이지네이션 구현

 

오늘 한 것

zbase : moviechart error fixed

프로그래머스 코딩테스트 입문 : 직각삼각형 출력하기

javascript 문법 종합반 1주차 1-1까지 들었음

1. lefttime

문제

개봉일까지 남은 일수을 표시하고

반올림해서 0이 되는 경우 내일 개봉된다고 표시해 주고 싶다.

시도

showlefttime이라는 새로운 변수를 만들어서 lefttime이 0이상이고 1이하일 때 안에 있는 걸 0에서 내일로 교체함.

그리고 이것을 화면에 보여 줌.

해결

let lefttime = Math.round((releasedate.getTime() - today.getTime()) / 86400000)
if (1 > lefttime > 0) { showlefttime = lefttime.toString().replace("0", "내") }
else { showlefttime = lefttime }

알게된 것

담고 싶은 값이 다르면 변수를 새로 만들면 된다. 

 

 

2. writter1에서 innerHTML이 되지 않음

문제

review.addEventListener("click", clickDetails)
if (!localStorage.getItem(sendid + 'writters')) { localStorage.setItem(sendid + 'writters', "|") }
writtersarray = (localStorage.getItem(sendid + 'writters')).split("|")
writter1.innerHTML = writtersarray[writtersarray.length - 1]
writter2.innerHTML = writtersarray[writtersarray.length - 2]
writter3.innerHTML = writtersarray[writtersarray.length - 3]
reviewcontent1.innerHTML = localStorage.getItem(writtersarray[writtersarray.length - 1] + sendid + "input")
reviewcontent2.innerHTML = localStorage.getItem(writtersarray[writtersarray.length - 2] + sendid + "input")
reviewcontent3.innerHTML = localStorage.getItem(writtersarray[writtersarray.length - 3] + sendid + "input")
if (writtersarray[writtersarray.length - 1] == undefined) { writter1.innerHTML = "" }
if (writtersarray[writtersarray.length - 2] == undefined) { writter2.innerHTML = "" }
if (writtersarray[writtersarray.length - 3] == undefined) { writter3.innerHTML = "" }

위 코드에서 writter1 부분에 값이 없어서 innerHTML을 할 수 없다고 나옴

시도

detailload() 라는 함수가 실행되기 전에 writter1.innerHTML이 작동하는 것 같음.

writter1.innerHTML은 detailload()의 바깥에 있음.

detailload()가 실행되었을 때 review.innerHTML이 작동해서 뼈대를 만들고 그 뼈대의 일부가 writter1이 되는 것이다.

그렇다면 writter1을 제일 먼저 만들게 해 주면 될 것 같다. 

해결

writter1...을 detail.html에 넣는다.

해결이 잘 되었다.

알게 된 점

없는 위치에는 innerHTML 할 수 없다.

 

3. 삼항연산자

let x = 10;
let result = (x > 5) ? "크다" : "작다";
console.log(result);   // "크다"

조건식 ? true일 때의 값 : false일 때의 값

---

정리 

담고 싶은 값이 다르면 변수를 새로 만들면 된다. 

없는 위치에는 innerHTML 할 수 없다.

 

 

소감

공부 방법을 변경하기로 했다.

자바스크립트 주차가 얼마 남지 않아 동영상 강의를 듣기 보다는 강의자료로 모르는 부분만 찍어서 봐야겠다.