1. 설정 클릭 2. 개인정보, 검색 및 서비스 클릭 (가장 아래로 스크롤) 3. 맨 밑으로 스크롤하면, 마지막 서비스 -> 주소 표시줄 및 검색 클릭 4. 검색 주소창에 사용된 검색 엔진 선택을 구글로 변경함.
분류 전체보기
박스의 형태를 flex 로 정의함. d-flex, d-inline-flex 공간1 공간1 부모영역의 왼쪽부터 표시된다. 공간1 공간1 부모영역도 줄어든다. 자식 배열을 "열로" or "줄로" 할지 정할 수 있다. flex-row, flex-row-reverse, flex-column, flex-column-reverse 박스의 좌우를 기준으로 자식박스를 정렬한다. 공간1 공간1 justify-content-start justify-content-center justify-content-end justify-content-between 양쪽끝 여백없이 좌우정렬 justify-content-around 모든 여백을 동일하게 정렬 공간1 공간1 자식영역 내용이 많더라도 줄바꿈을 하지 않는다. justify-c..
em - 부모의 크기를 기준으로 상대크기가 정해짐. body { font-size: 14px; } div { font-size: 1.2em; // calculated at 14px * 1.2, or 16.8px } rem (root em) - root 크기를 기준으로 정해짐. html { font-size: 14px; } div { font-size: 1.2rem; } 좀더 편리하게 사용하기 위해서는 rem 을 사용하는게 편리하다. Viewport 모니터, 타블렛, 모바일 화면의 가로 넓비를 기준으로 하겠다는 의미이다. vw (Viewport Width) vh (Viewport Height) 넓이와 높이를 기기화면의 넓이와 높이로 정하겠다는 뜻이다. 90vw 는 기기 화면 넓이의 90%로 넓이를 하겠다는..
margin -> m padding -> p margin-top, padding-top -> t margin-bottom, padding-bottom -> b margin-left, padding-left -> (start) s margin-right, padding-right -> (end) e both left, right -> x both top, bottom -> y 0,1,2,3,4,5,auto mt-0 ms-1 px-2 p-3
기본적으로 제공되는 색상이다. primary, secondary, info, success, warning, danger, white, dark, muted, light 폰트색상 배경색상
Bootstrap 은 기본적으로 16px, 줄간격은 150% 를 기본으로 사용한다. 에서 간격은 16px 로 되어 있다.
우리가 보이는 웹페이지 화면을 예전에는 HTML 에서는 table 을 이용해서 화면 구성을 했다. 그 이후는 웹페이지의 표준화를 위해서 태그를 이용한다. bootstrap에서는 좀더 편리하게 화면을 구성할 수 있는 Grid 시스템을 제공한다. 기본 박스() 를 만들고 그 안에 여러개의 박스가 자연스럽게 공간을 차지하도록 만들어준다. 1칸 1칸 1칸 기억할 사항은 class="row", class="col" 이다. row 는 한줄 col 은 1칸을 의미한다. 즉 한줄에 몇개의 칸을 넣어주는 형태이다. 각 칸의 넓이를 자유롭게 변경해 줄 수 있다. 여기서 기억할 것은 총 12칸이다. 12칸을 어떻게 나눌것인가를 생각해야 한다. .col-sm-3 .col-sm-3 .col-sm-3 .col-sm-3 col-s..
1. 가 가장 기본이다. box 를 만든다. 2. 박스의 모양을 만들어낸다. 3. 가장 기본적인 박스형태를 만들어준다. class="container" class="container-fluid" 무조건 넓이 100%를 만들어준다. 4. 화면 크기에 따라서 박스의 크기가 자동으로 변하는 반응형 박스를 만들 수 있다. container-sm 576px 에서는 무조건 100% container-md 768px 이하는 무조건 100% 이상은 가변크기로 변함. container-lg 992px 이하는 무조건 100% 이상은 가변크기로 변함. container-xl 1200px 이하는 무조건 100% 이상은 가변크기로 변함. container-xxl 1400px 이하는 무조건 100% 이상은 가변크기로 변함. 반응..
정방향 등록하기 >> 도메인으로 서버IP 찾아가기 생성 > Master 영역 클릭 소유한 도메인이나 구입한 도메인을 도메인 이름에 입력한다. 마스터 DNS 서버에는 Synology 외부IP를 입력한다. 확인을 클릭한 후 저장한다. 저장후 생성된 리스트를 더블클릭하면 생성된 내용을 확인 할 수 있다. 생성된 내용이고 A타입을 하나더 추가했다. 각 항목을 더블클릭하면 내용을 변경할 수 있다. yaver.com | 유형NS | ns1.yaver.com ns1.yaver.com | 유형A | 아이피주소 yaver.com | 유형A | 아이피주소 이렇게 세팅하면 끝난다. 역방향 등록하기 >> IP로 도메인 주소확인하기 리버스도메인(PTR) 등록하기 KT DNS Management Service https://dm..
Synology에 Docker를 설치한다. Docker 패키지를 설치하다. Docker에 Nginx 컨테이너를 추가한다. 도커 어플을 실행한 후 레지스트리에서 nginx 이미지 파일을 다운로드 한다. 이미지탭에서 다운로드된 이미지를 선택한 후 실행을 클릭해서 컨테이너를 추가한다. 컨테이너 생성창에서 컨테이너 이름을 넣고 다음을 클릭한다. 기본 세팅된 값으로 적용을 클릭하면 컨테이너가 생성된다. Nginx 컨테이너 세팅하기 Nginx1 컨테이너가 실행중인 모습니다. >> 오른쪽 스위치를 off 시킨 상태에서만 편집이 가능하다. 편집화면 > 일반설정 화면 컨테이너 안에 있는 폴더와 외부폴더(Synology폴더)와 마운트 시키기 1. Synology > docker 폴더에 nginx1 폴더 생성하기 2. 아래..
https://github.com/elvirbrk/NoteHighlight2016 GitHub - elvirbrk/NoteHighlight2016: Source code syntax highlighting for OneNote 2016 and OneNote for O365 . NoteHighlight 2013 Source code syntax highlighting for OneNote 2016 and OneNote for O365 . NoteHighlight 2013 port for OneNote 2016 (32-bit and 64-bit) - GitHub - elvirbrk/NoteHighlight2016: Source code syntax highli... github.com 원노트에서 소스코드 입..
