Fairy ' s

DOM 자바스크립트 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법 웹 문서를 하나의 객체로 정의하고, 웹 문서를 이루는 텍스트나 이미지, 표 등 모든 요소도 각각 객체로 정의한다. ex. 웹 문서 전체 : document 객체, 웹 문서에 삽입된 이미지 : image 객체 등 웹 문서 객체들도 프로퍼티와 메서드를 가지고 있다. DOM 트리 Do it! 위의 html 소스를 아래와 같은 트리 계층 구조로 나타낼 수 있다. DOM 활용 DOM 트리와 노드 모든 HTML 태그는 요소(element) 노드가 된다. HTML 태그에서 사용하는 텍스트 내용은 자식 노드인 텍스트(text) 노드가 된다. HTML 태그에 있는 속성은 모두 자식 노드인 속성(attrib..

1. nginx 로그 분석 (sample.log) 10.0.210.17 - - [28/Nov/2022:11:33:28 +0900] "GET /hello HTTP/1.1" 200 615 "-" "curl/7.84.0" "-" IP 주소 : 요청하는 클라이언트의 주소이다. - : 클라이언트의 신원 - : 클라이언트와 연결된 사용자 ID 날짜 : 요청이 이루어진 날짜 "GET /hello HTTP/1.1" : 사용된 HTTP 메서드, 요청된 URL 및 사용된 HTTP 버전 200 : 요청이 성공했다는 의미 "-" : 알 수 없는 리퍼러 "curl/7.84.0" : 요청에 사용된 소프트웨어를 식별하는 사용자 에이전트 문자열 "-" : 알 수 없는 응답의 내용 유형 $ cat sample.log | ./parse..

데이터 파이프라인 OLTP & OLAP 정형 데이터 & 비정형 데이터 ETL & ELT MLOps OLTP CRUD 작업과 같은 트랜잭션에 포커스가 맞추어져 있는 데이터베이스 여러 테이블을 함께 묶어 조회하려면 복잡도가 늘어나며 트랜잭션 성능에 지장을 줄 수 있다. 테이블 간 관계, 데이터의 무결성, 정규화 여부가 중요하다. 정형적이며, 정규화된 데이터이다. OLAP 데이터 기반의 의사결정을 위한 도구 / 적재된 데이터를 다양한 방법으로 분석하는 데 포커스가 맞추어져 있다. 다양한 데이터 소스로부터 수집되는 데이터를 통합한다. 빠른 분석과, 다차원 정보 제공이 중요하다. 정형 및 비정형 데이터이다. 정형 데이터 정해진 규칙에 따라 구조화된 데이터 해당 컬럼에 들어갈 값이 예측 가능하고 의미 파악이 쉽다...

Q 1. RDBMS에서 스키마 디자인 중 필드값으로 배열을 넣어야 하는 경우가 발생했습니다. 선배 개발자에게 물어보니, 이 경우에는 정규화가 필요하다고 조언해줍니다. 다음은 사용자 정보가 담긴 user 테이블입니다. 사례를 통해 어떻게 테이블을 정규화할 지 고민해보세요. ID Name Age E-mail Hobby 1 김코딩 19 kimcoding@aaa.com 코딩 2 박해커 28 hackerpark@bbb.com 해킹 3 최고수 18 choigosu@ccc.com [코딩, 해킹]

데이터베이스 관계형 데이터베이스 비관계형 데이터베이스 레플리카 데이터베이스 데이터를 저장하고, 요청 시 해당 데이터를 찾아서 제공한다. 데이터베이스 검색 성능이 낮을 때, 좀 더 효율적이게 특정 키의 값을 확인하고 제공하기 위해 인덱스를 이용한다. 인덱스를 사용하지 않으면 요청받은 데이터를 찾기 위해 전체 데이터 베이스를 스캔해야하는 문제가 발생한다. 특정 기준으로 인덱싱 되어 있다면, 인덱싱 후 검색 시 효율성이 증가한다. 인덱스 - 데이터베이스에 저장된 기본데이터에서 파생된 부가적인 메타데이터 (복사본) - 원하는 데이터의 위치를 찾는데 도움을 주는 이정표 역할 (ex. 목차) - 인덱스의 추가 삭제는 허용되지만, 데이터베이스의 내용에는 영향을 주지 않고, 쿼리 성능에만 영향을 준다. - 쿼리 성능이..

Event 웹 브라우저나 사용자가 실행하는 어떤 동작 - 사용법 ex. button.on[eventname = function() { ... } ex. body.addEventListener("eventname", (e) => { ... }); 문서 로딩 이벤트 about : 웹 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 error : 문서가 정확이 로딩되지 않을 때 load : 로딩이 끝났을 때 resize : 문서 화면의 크기가 바뀌었을 떄 마우스 이벤트 click : HTML 요소를 클릭했을 때 dbclick : HTML 요소를 더블클릭 했을 때 mousedown : 요소에서 마우스 버튼을 눌렀을 때 mousemove : 요소에서 마우스 포인터를 움직일 때 mouseover : 마우스 포인터..

앙영하세오 일본 다녀온 추억 블로그에 남겨야지 남겨야지 ,,, 해놓고 두 달 넘게 지난 이제서야 남기는 베짱이 임미다 🙃 과연 첫째 날 저는 브이를 몇 번 했을까요 ? ^---^ 일본 가기 일주일 전 ㅋㅋ 저희 집에 모여서 엑셀로 계획 시간별로 짠 파워 ' J ' 사촌 동생 (일본어도 잘함). 너 덕분에 애매한 P인 나는 편하게 다녔다 ,,,, ^^ 모인 날 외할모니가 여행가서 공금으로 쓰라고 30만원 주셧서요 😍😍😍😍😍 그리구 울 엄마가 우리 넷 숙소 비용 대주심 🤍🤍🤍🤍🤍🤍🤍🤍🤍 👨‍👨‍👧‍👦 제일 화목한 우리 가좍 👨‍👨‍👧‍👦 🤍 Jan. 12 🤍 아직 출발도 안한 1월 12일. 현장 실습 때문에 일 갔다가 퇴근하구 인천 공항이 그나마 가까운 사촌동생네 집으로 향했어요 ,,, 울 외숙모가 제가 조..

함수 동작해야 할 목적대로 여러 개의 명령을 묶는 것 alert() 라는 것을 이전 글에서 공부하였었는데, alert() 또한 자바스크립트에 포함되어 있는 함수이다. function 함수명(매개변수) { return 결과값; } // 함수 선언 함수명(인수); // 함수 실행 매개변수 : 함수의 외부에서 받는 값 - 매개변수에 인수를 전달받지 못한 변수는 undefined가 되어 결괏값은 NaN이 된다. 인수 : 매개변수가 있는 함수를 호출할 때 실제로 값을 넣어 넘겨주는 것 return 문을 이용하여 함숫값을 반환한다. 디버깅 프로그램의 결과가 예상한 것과 다르게 나왔을 경우 순서대로 하나씩 진행해 보면서 오류를 찾아낼 수 있다 디버깅 방법 1. html 문서를 열고 마우스 오른쪽 버튼을 클릭하여 바로..