현서의 개발 일지📚

Advanced Web Programming - CSS (2)

박스 모델 기본적인 CSS3의 box-model은 위와 같습니다. 테두리 속성 box-model에서 가장 흔히 사용되는 테두리 스타일의 속성은 다음과 같습니다. 박스 속성 박스의 둥근 모서리 속성값은 위와 같이 설정합니다. 박스의 그림자를 설정하는 기본적인 css구문은 아래와 같습니다. index.html main.css *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } #box-shadow { margin: 10px 20px; } #box-shadow img[src*="jpg"] { width: 300px; height: 200px; object-fit: cover; padding: 20px; ma..

Advanced Web Programming - CSS (1)

CSS의 위치 css는 인라인 스타일 시트, 내부 스타일 시트, 외부 스타일 시트로 작성할 수 있습니다. CSS우선순위 CSS의 우선순위는 인라인 스타일 > 내부 스타일 시트 > 외부 스타일 시트 > 브라우저 기본 스타일 순으로 적용됩니다. 또한 인라인 스타일 시트가 아래와 같이 중복될 경우 p { color: blue; } p { color: yellow; } p { color: red; } 우선순위와 상관없이 강제 적용 p { color: blue!important; } p { color: yellow; } p { color: red; } 다음과 같이 우선순위와 상관없이 강제 적용이 가능하다. CSS 선택자 css의 선택자에는 전체 선택자, 타입 선택자, 클래스 선택자, 아이디 선택자, 속성 선택자가..

Data-Structure - Linked Lists

Sequential Representation은 연속적인 노드들의 데이터가 고정된 거리만큼 떨어져서 존재함을 의미합니다. 하지만 임의 데이터의 Insertion(삽입)과 deletion(삭제)가 매우 비용 효율적이지 못한 작업이 됩니다. 즉 삽입과 삭제에 과도한 행동이 필요하다는 것입니다. 하지만 Linked Representation은 메모리의 어디든지 분포할 수가 있습니다. 또한 ordered list와 달리 안의 데이터들이 모두 다 같은 타입일 필요가 없습니다. Linked Representation은 data fields와 다음 노드를 가리킬 link or pointer fields를 가집니다. 이는 Sequential Representation과 다르게 임의의 데이이터의 삽입과 삭제가 매우 빠릅..

Data-Structure - Circular Queues

기존의 queue에는 위와 같은 문제가 있다. 당연히 남는 array의 메모리 공간이 있을테고, 이를 앞으로 다시 땡겨와야 하는 문제가 있다. 이의 시간 복잡도는 O(MQS)인데 무시를 못한다. Circular Queues(1) 기본적인 형태는 위와 같습니다. 또한 동작방식을 정리하자면 아래와 같습니다. Addition을 할 때에는 rear가 움직이고 Deletion을 하면 front가 움직이는 그러한 간단한 구조입니다. 또한 Circular Queue에는 중요한 규칙이 하나 더 있습니다. The position next to MQS-1 is 0 The position that precedes 0 is MQS-1 MQS가 최대 용량, 즉 위의 그림에서는 7이라고 한다면 0~7인덱스중 MQS-1인 6번 i..

Data-Structure - Queue

#include #include #include #define MAX_QUEUE_SIZE 100 #define ERROR_KEY -100 #define MALLOC(p, s) \ if (!((p) = malloc(s))) \ { \ fprintf(stderr, "Insufficient memory"); \ exit(EXIT_FAILURE); \ } #define REALLOC(p, s) \ if (!((p) = realloc(p, s))) \ { \ fprintf(stderr, "Insufficient memory"); \ exit(EXIT_FAILURE); \ } typedef struct { int key; } element; element *queue; int capacity = 1; int rea..