분류 전체보기 (75) 썸네일형 리스트형 25.04.11 jquery + 애니메이션study jquery - HTML의 DOM 조작과 이벤트 제어, 애니메이션과 Ajax 등 웹 화면을 다루는 자바스크립트 라이브러리jQuery가 가진 철학 – write less, do morejQuery가 제공하는 기능 • CSS 조작 • HTML DOM 조작과 이벤트 처리 • 애니메이션 효과 • AJAX 처리방식을 편리하게 사용 • Utilities script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.0.min.js">script> head> body> p>클릭하면 없어짐p> p>클릭하면 없어짐p> p>클릭하면 없어짐p> script> $(function () { $("p").click(function .. 25.04.10 js 객체 및 이벤트 dom 객체 다루기id 나 class 태그 사용 (id는 해당 객체의 고유한 속성 / 클래스는 비슷한 그룹끼리 묶을 수 있음)> document.getElementById() / document.getElementByClassName()p id="firstP" style="color: slateblue; background-color: rosybrown"> 이것은 동적으로 제어되는 span style="color: violet">p tagspan> 입니다.p> let firstP = document.getElementById("firstP");innerHTML 프로퍼티시작 태그 종료 태그 사이에 들어있는 html 콘텐츠수정 > 해당 태그의 아이디를 담은 변.innerHTML = 바꿀 내용 .. SQLD 요약 데이터 모델의 이해데이터 모델링 이란정보 시스템을 구축하기 위한 데이터 관점의 업무 분석 기법현실 세계의 데이터를 약속된 표기법으로 표현하는 과정데이터베이스 구축을 위한 분석 및 설계 과정데이터 모델링 특징 추상화 - 일정한 양식(표기법)에 맞게 간략히 표현단순화 - 이해 쉽도록 규약에 의해 제한된 표기법으로 표현명확화 - 명확하게 의미를 해석하기 쉽도록 정확히 기술관점데이터 - 데이터 관점에 따라 모델링 (구조분석, 정적분석)프로세스 - 수행하는 작업 관점에 따라 모델링 (시나리오 분석, 도메인 분석, 동적 분석)상관 - 프로세스와 데이터 간 영향 관점에 따라 모델링 (crud)유의사항 : 유연성, 유일성, 일관성 데이터 모델링 과정개념적 - 추상화 수준 높고 업무중심적이며 포괄적 수준논리적 - 구축.. 25.04.09 자바스크립트 웹 페이지에서 자바스크립트의 역할 ▪ 사용자의 입력 및 계산 ✓마우스와 키보드 입력은 오직 자바스크립트로만 가능 ✓계산 기능 ▪ 웹 페이지 내용 및 모양의 동적 제어 ✓HTML 태그의 속성, 콘텐츠, CSS 프로퍼티 값 동적 변경 ▪ 브라우저 제어 ✓브라우저 윈도우 크기와 모양 제어 ✓새 윈도우 열기/닫기 ✓다른 웹 사이트 접속 ✓히스토리 제어 ▪ 웹 서버와의 통신 ▪ 웹 애플리케이션 작성 ✓캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보서비스 등 자바스크립트 코드 작성이 가능한 위치 1. HTML 태그의 이벤트 리스너 속성에 작성 2. 태그에 작성 3. 자바스크립트 파일에 작성 4. URL 부분에 작성 style> img { width: 300px; height: 200px.. 25.04.08 타입 (섹션3 끝, 섹션 4 대수타입) 객체let user : { id: number; name : string; } = { id: 1, name: "홍길동" };객체 리터럴 타입 - {}를이용해 객체의 타입 정의 객체 접근 > user.id; let dog : { name: string; color: string; } = { name : "돌돌이", color: "brown" }; 구조적 타입 시스템 - 구조를 기준으로 타입을 정함 > 프롬퍼티를 기준으로 타입을 결정하는 시스템 ( 프롬퍼티 기반 타입 시스템) 명목적 타입 시스템 - 이름을 기준으로 타입을 정함 선택적 프롬퍼티(옵셔널) - 있어도 되고 없어도 되는 프롬퍼티변수명 옆에 ? 붙이기>> let user : { id?: number; name: string;} = {name: "홍길.. 25.04.07 타입공부 (섹션2끝, 섹션 3 배열, 튜플까지) 강의 정보 - 한 입 크기로 잘라먹는 타입 스크립트 타입 시스템 - 언어의 타입 관련된 문법 체계 종류정적 타입 시스템 - 코드 실행 전 모든 변수의 타입을 고정적으로 결정단점 - 모든 변수에 지정해야 함 > 코드 양 많음 동적 타입 시스템 - 코드 실행 전 타입을 결정하지 않고 코드 실행 후 유동적으로 변수 타입 결정단점 - 실행은 되지만 오류가 발생함 ( 프로그램 셧다운 가능성) 오류 발생 못하게 사전에 방지해야함 점진적 타입 시스템 - 타입이 정의된 변수의 대해서 타입을 미리 결정하고 타입이 결정되지 않은 변수들은 알아서 추론됨 ast - 추상 문법 트리코드 실행에 관계없는 요소를 전부 제거하고 트리 형태의 자료구조에 코드를 쪼개 저장해놓음 타입 스크립트 컴파일 과정코드 ast 변환 > 타입 검사(.. 25.04.03 Mung 프로젝트 db 연결 ER-D MYSQL 설계 OWNER DOGFK ADMINTRAININGPROGRAMFK ROOMTRAINNING RECORDSFK CODE 1. connection 2. method 3. db 입력4. 결과 25.04.02 트랜잭션 트랜잭션 - DBMS에서 데이터를 다루는 논리적인 작업 단위 (여러개 읽기/쓰기를 논리적으로 하나로 묶음)DB에서 쓰는 이유▪ DB 장애 발생 시 데이터 복구하는 단위▪ DB에 동시 작업 시 작업을 분리하는 단위 과정1 A 계좌(박지성)의 값을 하드디스크(데이터베이스)에서 주기억장치 버퍼로 읽어온다 2 B 계좌(김연아)의 값을 하드디스크(데이터베이스)에서 주기억장치 버퍼로 읽어온다. 3 A 계좌(박지성)에서 10,000원을 인출한 값을 저장한다. 4 B 계좌(김연아)에 10,000원을 입금한 값을 저장한다. 5 A 계좌(박지성)의 값을 주기억장치 버퍼에서 하드디스크(데이터베이스)에 기록한다. 6 B 계좌(김연아)의 값을 주기억장치 버퍼에서 하드디스크(데이터베이스)에 기록한다.성질원자성 (atomicity.. 이전 1 2 3 4 ··· 10 다음