왕초보일지

.append 와 .text 차이 .append let temp_html = `감자`; $('#q1').append(temp_html); 선택된 요소의 마지막에 새롭게 추가한다. .text let temp_html = `감자`; $('#q1').append(temp_html); 기존에 있는 모든 내용을 지우고 새롭게 세팅한다. 태그요소의 경우 문자 그대로 출력된다. 아무것도 나타내지 않는 구문으로 속성 사용 또는 스타일 지정 목적으로 그룹화하는데에 쓰인다. JQuery $(document).ready() 가 헷갈릴 때 https://7942yongdae.tistory.com/77 html 문서의 로딩이 끝나면, 이미지를 포함한 요소들이 로드되기 전에 실행된다. ${'#') ${} 헷갈린다..강의 들으면서..

종합반 1주 복습하면서 노마드에서 배운거랑 섞었다. 연도 월 일 요일을 뽑아내려고 하니 11월이 10으로 나오고 요일은 숫자로 반환된다. 어떻게 하면 될까? 리스트에 일요일부터 토요일까지 집어넣고 Getday로 나오는 숫자를 이용해서 뽑아낸다. 11월은 왜 10으로 나오나 했더니 month는 1월이 0부터 시작하더라. 그냥 1을 더해줬다. 다른 방법도 있나? console에는 잘 뜨는데 뭐가 문제인지 innerText가 실행이 안된다. null값이 있다는 말인가? 그러면 console에 뜨는 건 뭐지...선택자가 잘못됐나싶어 id도 다시 써보고 아예 다시 새로 써보기도 했는데 안된다. js를 따로빼서 저장하고 참조로 넣으니 실행된다. 뭐지? 코드는 변한게 없는데?? 뭐가 문제였던거지...😑 다시 html..

새 폴더를 만들어서 집어넣으면 경로를 고치자!setInterval (함수, 시간(ms단위)) : 지정된 주기로 계속 실행 setTimeout (함수, 시간(ms단위)) : 지정된 타임이 지난 후 1회 실행 더 깊게 찾아보니 이해가 하나도 안된다.🤣아직 너무 깊게 가지말자... 시계가 표시된다. 이제 여기서 시간이 두자릿수 (00분 05초 등)으로 표시되게하는데에 string을 쓰는데 검색해보니 string 과 tostring 이 있다. 무슨 차이일까? String & .toString 숫자를 문자열로 변환이 필요한 경우 사용한다 String : null, undefined 상관없이 어떤 형태든 문자열로 변환 가능 .toString : null, undefined 를 변환시키면 오류가 뜬다 그러면 toSt..

LocalStorage 브라우저에 무엇인가를 저장하게 해줌 불러오고 삭제도 가능 1 Hoisting JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables, classes, or imports to the top of their scope, prior to execution of the code. (MDN) console.log(x === undefined); // true var x = 3; console.log(x); // ReferenceError const x = 3; console.log(y); // ReferenceError let ..

1 toggle addEventListener 안에 있는 함수는 우리가 직접 실행하는게 아니라 브라우저가 실행하는 것 원래 존재하던 클래스를 없애버리지 않고 특정 클래스만 추가 삭제하는 다섯줄의 과정이 toggle 로 인해 단 한 줄이 되었다. 종합반에서 박스작업할 땐 toggle이 그저 '나타났다 사라지게한다' 라고만 이해했었는데 toggle 을 사용하지 않았을 땐 If도 가져오고 class에 특정값을 포함하고 있는지 확인하고 추가하고 제거하고 이런저런 과정들을 거친다는 것을 알게 된 후에 보니까 더욱 기억에 잘 남고 이해도 잘 된다. 무엇보다 다섯줄이 한줄이 되는 느낌이 너무 좋다. classList : class들을 작업할 수 있게 허용 className : className이 주어지면 이전에 있던..

1 ● firebase 를 위해 "module" 을 달면 scipt가 가장 나중에 호출된다디자인이 입혀지기 전에 실행되는 event인 $(document).ready가 필요 없어지기 때문에 삭제 (->더 이해 필요) ● OnClick 작동 X 때문에 Click을 직접 동적으로 만들어준다이렇게 바로 넣어줌 2 불러오는 카드의 크기가 제각각이다. 카드 형식은 그대로지만 높이가 들쭉날쭉하는데 카드의 크기는 고정시켜놓고 카드 안에서 자동으로 크기를 맞추게 하려면 뭘 고쳐야 되는걸까??"col"의 크기를 고정시켜야하는걸까 "card"의 크기를 고정시켜야하는걸까? 2-1 "col"의 크기를 고정시켜봤다 오 되는건가?텍스트가 다 빠져나간다..... 카드 니 크기가 고정되어있든말든 지 알바 아니란 듯이 밑으로 쑥 내려..

웹 종합반 빠르게 돌리기 반복하고 생코 커리큘럼 해당 부분 듣기 본캠프 시작 전까지 사전캠프 내용을 이해하고 들어가자 아무것도 모르는 나에게 다른 것에 눈돌리는 건 시간 낭비다