231110 연/월/일/요일, 텍스트가 박스를 빠져나가는 현상

종합반 1주 복습하면서 노마드에서 배운거랑 섞었다.

연도 월 일 요일을 뽑아내려고 하니 

11월이 10으로 나오고 요일은 숫자로 반환된다. 어떻게 하면 될까?

 

 

리스트에 일요일부터 토요일까지 집어넣고 Getday로 나오는 숫자를 이용해서 뽑아낸다.

11월은 왜 10으로 나오나 했더니 month는 1월이 0부터 시작하더라. 그냥 1을 더해줬다. 다른 방법도 있나?

 

---

console에는 잘 뜨는데 뭐가 문제인지 innerText가 실행이 안된다. null값이 있다는 말인가? 그러면 console에 뜨는 건 뭐지...선택자가 잘못됐나싶어 id도 다시 써보고 아예 다시 새로 써보기도 했는데 안된다.

js를 따로빼서 저장하고 참조로 넣으니 실행된다. 뭐지? 코드는 변한게 없는데?? 뭐가 문제였던거지...😑

 

다시 html에 script로 집어넣으니 또 에러가 난다.

quertSelector가 아닌 getElementById로 해도 마찬가지

 

Cannot set ptoperties of null 다른사람들 사례를 찾아보니  quertSelector getElementById () 요소를 찾지 못해서 그렇다는데 Id가 선언되기 전에 head에서 내가 불러와서 오류난건가?

그래서 script를 body 밑에 넣었더니 된다...!!😂😂😂

---

 

글자가 다 빠져나간다.

 

white-space: nowrap;
: 줄바꿈을 방지해준다고 한다. 줄이 넘어간게 없어진 대신에 박스 뒤 글자가 튀어나갔다.

white-space: nowrap; overflow:hidden; text-overflow:ellipsis;

: 넘치는 부분이 숨김처리 된다고 한다. 박스 뒤로 글자가 숨었다.

내가 텍스트를 h1태그로 하고 박스 너비를 너무 작게 한 것 같다...

h2 태그로 바꾸니 해결됐다🙄

내일 localstorage 기능 id랑 pw 둘다에 넣는거 시도해봐야지

번외
word-break : break-all;
:텍스트가 영역을 빠져나갔을 때, 줄바꿈을 설정해줌

---

이것저것 하다보니 상당히 재밌다! 물론 내 수준에서는 작은거 하나하나 검색하면서 망하고 다시하고 반복이지만

막혀서 구글링하다보면 나랑 같은 시기였을게 분명한 사람들의 포스트가 잔뜩 있다.

그 사람들도 이 과정을 거쳐서 개발자가 된 거겠지?