2023-10-05, Today I Learned

1. html에서 스크롤바를 만들고 싶으면 overflow: auto를 이용한다.

하위 컨텐츠의 길이가 컨테이너를 초과했을때 스크롤을 생성해 줌

 

2. html 요소를 오른쪽으로 밀어서 표시하고 싶으면 float:right 속성을 부여한다

 

3. <div>말고 <span>을 사용하면 줄바꿈이 되지 않고 다른 요소 옆에 가서 붙는다

 

4. JQuery 쓰려면 다음 코드를 html에 추가한다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

5. Javascript에서 오늘 날짜를 이용할 때는 다음과 같이 한다

const today = new Date();
let day = today.getDate();
let month = today.getMonth() + 1;
let year = today.getFullYear();

let date = `${year}-${month}-${day}`;

6. Firebase firestore database 연결

// Import the functions you need from the SDKs you need
        import { initializeApp } from "https://www.gstatic.com/firebasejs/10.4.0/firebase-app.js";
        import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
        import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
        import { getDocs } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
        // TODO: Add SDKs for Firebase products that you want to use
        // https://firebase.google.com/docs/web/setup#available-libraries

        // Your web app's Firebase configuration
        // For Firebase JS SDK v7.20.0 and later, measurementId is optional
        const firebaseConfig = {
           쉿 비밀이야!
        };

        // Initialize Firebase
        // Firebase 인스턴스 초기화
        const app = initializeApp(firebaseConfig);
        const db = getFirestore(app);

 

7. firebase SDK library Import시 버전이 통일되지 않으면 에러가 나므로  버전을 맞춰준다

 

8. 동적으로 생성된 element에는 click 이벤트가 걸리지 않는다.

$(document).on("click", ".dj-tok .mem-list > li", function() {

대신에

$(document).on("click", "#deleteLogBtn", function () {

을 해주면 된다

 

9.JQuery의 parents() 함수는 모든 상위요소를 다 반환함

바로 위의 요소에만 접근하고 싶을때는 closest()를 이용해야 함

바로 위의 <div>에 접근하고 싶을 때는 closest('div')를 이용하면 된다

 

10.children()는 하위요소중 <div>만 찾아준다. 하위의 <span>등 tag를 찾고 싶을 때에는 find()를 이용해야 함

 

11..val()로 읽어오는 Element의 Attribute값은 띄어쓰기 이후의 값이 리턴되지 않는다