전체 글149 [웹 애니메이션] 웹 애니메이션 기초 1. 웹 애니메이션을 구현하는 4가지 방법사용 예시는 참고 문서를 활용1) CSS transition가장 많이 사용하고, 쉽고 간단한 방식러닝커브가 높지 않아 특별한 지식 없이도 충분히 사용 가능2) CSS animationtransition과 용도가 조금 다르다.여러 효과를 혼합하거나 연쇄적 동작처럼 더 복잡한 인터랙션을 구현할 떄 유용3) SVG animaitionSVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML 마크업 언어JPEG나 PNG에 비해 다음과 같은 장점이 있음W3C 표준과 호환되기 때문에, HTML 문서에 그래도 사용 가능JPEG, PNG 보다 용량이 작다.확대하더라도 깨짐 없이 선명하다.4) animation APIJS로 애니메이션을 구현.. 2024. 8. 29. [DB] DBMS 기초 1. DIKW의 정의 2. RDBMS와 DBMS의 차이점1) RDBMS데이터를 테이블 형식으로 저장primary key 라는 식별자가 있다.표준화 되어 있다.ACID를 위한 무결성 제약을 정의한다.Atomicity : 트랜잭션의 모든 작업이 모두 성공하거나 실패해야한다.Consistency : 트랜잭션이 완료되면 DB는 일관성 있는 상태를 유지해야한다.Isolation : 여러 트랜잭션이 동시에 실행되더라도 서로 간섭하지 않도록 보장해야한다.Durability : 트랜잭션이 성공적으로 완료되면, 그 결과는 영구적으로 보존되어야 한다.시스템은 저장된 데이터에 접근하기 위해 데이터의 테이블 형식 구조를 지원한다.MySQL, Oracle, SQL Server 등이 있다.2) DBMS데이터를 파일로 저장한다... 2024. 8. 27. [JS] Event와 이벤트 위임(Event Delegation) 1. Event웹 페이지에서 발생하는 사용자 또는 브라우저의 특정 동작을 의미한다.클릭 이벤트마우스 오버 이벤트키보드 이벤트폼 이벤트로드 이벤트이벤트 처리이벤트 처리를 위해서 특정 이벤트가 발생할 때 실행될 함수를 정의하고, 이를 이벤트 리스너에 연결한다.간단한 예시const button = document.getElementById('myButton');button.addEventListener('click', () => { alert('Button was clicked!');}); 2. 이벤트 위임이벤트 위임은 이벤트의 처리 기술 중 하나로, 부모 요소에 이벤트 리스너를 설정하고, 이벤트가 발생했을 때 자식 요소에서 발생한 이벤트를 저리하는 방법이다.이벤트 위임을 사용하는 이유효율성 : 많은 자.. 2024. 8. 26. [JS] 모듈방식의 프로그래밍 1. 모듈방식의 프로그래밍이란소프트웨어를 작고 독립적인 구성 요소인 "모듈"로 나누어 개발하는 접근 방식각 모듈은 특정 기능을 담당하고, 다른 모듈과 명확하게 정의된 인터페이스를 통해 상호작용한다.모듈화는 코드의 재사용성, 유지 보수성, 가독성, 테스트 용이성을 크게 향상시킨다.모듈화의 특징독립성 : 모듈은 독립적으로 개발, 테스트, 배포 될 수 있다. 하나의 모듈을 수정해도 다른 모듈에 큰 영향을 주지 않도록 설계된다.캡슐화 : 모듈은 내부 구현을 숨기고, 외부에 필요한 인터페이스만 노출하여 코드의 안정성을 높이고, 의도치 않은 변경으로 인한 오류를 줄여준다.재사용성 : 한 번 작성된 모듈은 다른 프로젝트에서도 쉽게 사용가능하여 효율성 증가유지보수성 : 모듈 단위로 코드를 관리하여 버그 수정이나 기능 .. 2024. 8. 26. 이전 1 ··· 3 4 5 6 7 8 9 ··· 38 다음
