치악산 복숭아

쓸 때마다 잊어버려서 기억하려고 메모하는 포스팅... currentTarget : 이벤트를 등록한 요소 target : 이벤트가 발생한 요소 HTML 삽입 미리보기할 수 없는 소스 콘솔에 target을 찍어보면 클릭이 일어난 요소가 출력되지만 // 클릭한 각각의 요소가 // 출력되는 모습 Good evening ! currentTarget은 이벤트가 등록된 최상단 요소 button이 출력된다 Good evening !

링크 programmers.co.kr/learn/courses/30/lessons/77484 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr 문제 설명 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 순위당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는..

오늘은 7일인데 왜 6일자 TIL을 이제서야 올리냐면...흠흠 TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 리액트 1. SPA(Single Page Application) (1) 전통적인 페이지 서버에 특정 동작(ex: 로그인)을 요청 - 서버에서 HTML을 클라이언트에게 전달하면서 페이지 리로드 (2) SPA 페이지 JSON 형식으로 메세지만 서버로부터 받은 뒤 로그인 후에 바뀌어야 할 부분만 바뀌게 됨(ex: 로그인 -> 로그아웃 버튼) 페이지의 변경이 필요할 때 처음부터 모든 HTML을 불러오는게 아닌 변경된 부분만 바뀌게 된다. 2. Virtual DOM 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념 R..

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. DOM(Document Object Mode, 문서 객체 모델) 객체 지향 모델로써 구조화된 문서를 표현하는 방식 트리 구조 XML이나 HTML 문서의 프로그래밍 인터페이스 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함 종류: Core Dom(for 모든 문서 타입), HTML Dom, XML Dom (1) Document 객체 웹 페이지를 의미 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야함 (2) HTML 요소의 선택 - 새로운 HTML 요소 선택을 위해 제공되는 메서드 메서드 설명 document.getElementBy..