[펌] window.onload() VS $(document).ready()

Jquery :: document.ready() vs window.load() 차이

결론 :

1. $(document).ready() : DOM 트리 생성 후 실행, $(window).load() 혹은 window.onload() 보다 빠르다
2. window.onload : 외부 리소스, 이미지 등 모든 파일의 로딩이 끝난 후 실행

/* 바닐라 자바스크립트에서의 $(document).ready() 사용 */
<script>
  document.addEventListener("DOMContentLoaded", function()
  {
    // Handler when the DOM is fully loaded
  }
  );
</script>

// 출처: https://euntori7.tistory.com/356 [euntori.blog]

참고 자료

vida valiente 님의 블로그

2021-04-12 TIL

• 오늘 한 것
  1. 학원 대면수업(15:30~22:00) 프로젝트 기간
  2. 공지사항 상세페이지 - 리스트 페이지에서 리스트 항목을 클릭하면 index를 물고 상세페이지로 넘어간다. 상세 페이지에서는 index로 AJAX 요청하여 해당하는 게시글을 불러온다. 문제가 되는것은 이전글과 다음글을 출력하는 것인데, AJAX 요청시 해당 index의 앞, 뒤 번호까지 포함하여 세 개의 데이터를 요청했다. 그러나 처음글과 마지막글은 데이터가 2개밖에 안나와서 로직 전체를 수정하려고 삽질좀 했다. 결국 다시 되돌려서 처음글일 경우 JSON 배열의 마지막에 null 데이터를 추가하고 마찬가지로 마지막글일 경우 배열의 처음에 null 데이터를 추가하여 언제나 데이터 길이가 3이 되도록 맞추었다. 이렇게 클라쪽에서 하드코딩으로 작업하는건 별로 좋은 방법 같지는 않지만, 지금은 상황이 상황이니 어쩔수 없다. 서버에서 애초에 쿼리문을 날릴때 처음글과 마지막글을 판별해서 데이터를 맞춰서 주는게 좋은 방법인듯.
  3. 공지사항 리스트 페이지 검색 기능 - AJAX 요청시 검색어를 같이 넘겨서 그에 해당하는 리스트를 JSON으로 받는다. 나머지는 리스트를 뿌려주기만 해서 간단했다.
  4. 관리자 페이지 회원리스트 화면 마크업 - 관리자 상세페이지도 얼른 작업 속도를 내야한다. 회원리스트 페이지의 마크업을 어느정도 끝냈는데, 역시 부트스트랩 템플릿은 내가 짠 코드가 아니라 유지보수가 하기 힘들다..

• 내일 할 것
  1. 학원 대면수업(15:30~22:00) 프로젝트 기간
  2. 관리자 회원리스트 상세 페이지

• 끝으로

오늘은 전 기수 학생들의 프로젝트 발표가 있었다. 한 달 뒤면 우리도 같은 무대에 서게 될 것이다. 한 달..

오늘의 한 줄 총평 : 한 달

2021-04-10 TIL

• 오늘 한 것
  1. 팀 프로젝트 약간의 CSS 수정 - 허전해보이던 정보 페이지에 배경 이미지를 추가하고 전체 페이지의 디자인인 section 영역의 box-shadow를 조금 진하게 수정했다.

• 내일 할 것
  1. 시험시험

• 끝으로

잊고 있었다… 시험을 7개나 봐야한다는 사실을..

내일은 시험 DAY이다..

오늘의 한 줄 총평 : 시험시험

2021-04-09 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 공지사항 게시판 AJAX - 데이터를 화면에 뿌려주는 로직은 미리 짜놓고 테스트용으로 더미데이터를 하드코딩하여 화면에 뿌렸었는데, 백엔드 팀원이 작업한 api로 AJAX 요청을 하여 JSON 데이터를 받아서 화면에 출력하는 식으로 바꾸었다. 다른 데이터는 잘 나오나 날짜가 밀리세컨드로 나오는 이슈가 발생했다. 서버에서는 날짜가 잘 나오나 JSON으로 parsing하여 넘어오는 과정에서 형변환이 일어나는것 같아서 클라이언트쪽에서 JS로 형변환을 해주었다.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 주말주말

• 끝으로

게시판 리스트는 잘 나온다. 이제 게시판 상세페이지도 작업을 하면 다른 게시판은 로직이 비슷하여 금방 뽑아낼 수 있을듯하다.

오늘의 한 줄 총평 : 주말주말

2021-04-08 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 아이디, 비밀번호 찾기 화면 구현 - 백엔드 팀원이 만들어 놓은 SMS 인증 로직을 본 프로젝트의 아이디, 비밀번호 찾기 화면에 연동했다. 인증하기 버튼을 클릭하면 모달창이 팝업되고 각 해당되는 정보를 입력하고 핸드폰으로 전송된 인증코드를 입력하면 아이디, 비밀번호를 찾을 수 있다. 비밀번호는 암호화되어 DB에 저장되기 때문에 비밀번호를 찾는게 아닌 재설정하는 식으로 구현했다.
  4. 관리자모드 로그인 페이지 구현 - 로그인 관련 작업을 최우선적으로 진행해야하기에 사용자 페이지 다음으로 관리자모드의 로그인 페이지 화면을 구현했다.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 장바구니, 주문 화면 구현

• 끝으로

코로나 재유행 조짐이 보이는데, 다시 비대면 수업으로 전환되면 어쩌나 걱정이다…

오늘의 한 줄 총평 : 코로나 ㄲㅈ