본문 바로가기

분류 전체보기159

[CRS, SRS] HTML과 Data 합치는 관점의 렌더링 1. 서버측 렌더링서버에서 HTML을 생성하고, 클라이언트에게  오나성된 HTML 페이지를 전송하는 방식클라이언트의 요청서버의 처리서버는 요청을 받고, 필요한 데이터를 데이터베이스나 다른 소스에서 가져옵니다.서버에서 HTML 템플릿에 데이터를 삽입하여 완성된 HTML 페이지를 생성합니다.예를 들어, 서버 측 템플릿 엔진(예: EJS, Pug, Handlebars)을 사용하여 데이터를 동적으로 삽입합니다.응답 전송서버는 생성된 HTML 페이지를 클라이언트에게 전송합니다.클라이언트의 렌더링브라우저는 받은 HTML 페이지를 렌더링하여 사용자가 볼 수 있는 페이지를 표시합니다.장점빠른 초기 로딩SEO(Search Engine Optimization) : 검색 엔진 크롤러가 서버에서 제공된 HTML을 쉽게 읽을 .. 2024. 8. 30.
[CSS, 함수 Scope] 상대 단위와 절대 단위, 함수 Scope 1. CSS 상대 단위와 절대 단위1) 절대 단위px (픽셀) :화면에서 고정된 크기 단위가장 많이 사용되는 절대 단위예시 : width: 100pxpt (포인트)인쇄 매체에서 주로 사용되는 단위로 1pt는 1/72인치예 : font-size: 12ptcm, mm실제 물리 단위 길이로, 주로 인쇄 매체에서 사용예 : width: 5cmin2.54cm에 해당하는 물리적인 길이 단위예 : width: 5inpc (파이카)1pc는 12pt에 해당예 : width: 1pc2) 상대 단위em부모 요소의 폰트 크기를 기준으로 크기를 결정한다.rem (root em)문서의 루트 요소(`html`)의 폰트 크기를 기준으로 크기를 결정한다.%부모 요소의 크기에 대한 비율로 크기를 결정vm (viewport width)뷰.. 2024. 8. 29.
[웹 애니메이션] 웹 애니메이션 기초 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.

티스토리툴바