본문 바로가기

전체 글

[Bootstrap4 사용법] display 사용하기 1. div 를 inline 처럼 사용하기 (d-inline 클래스) 2. div 를 inline-block 으로 사용하기 (d-inline-block 클래스) ※ inline 과 inline-block 과의 차이점 윈도우 사이즈를 최대화 했을 때 (1792x919) 윈도우 사이즈를 줄였을 때 (929x919) 일정 breakpoint 를 지나면 d-inline-block 이 적용된 div의 경우 아래 row로 분리됨 윈도우 사이즈를 더 줄이면? d-inline 은 마치 문단마냥 자연스럽게 아래로 이어지지만, d-inline-block 은 하나의 div끼리 딱딱 분리됨 더보기
[Bootstrap4 사용법] Grid 사용하기 1. 똑같은 너비의 컬럼들 만들기 (Equal-Width Columns) 부트스트랩에서는 row와 col을 이용해서 그리드를 만든다. 똑같은 너비의 Columns 를 만들어보자 다음과 같은 row와 col 조합은 반응형 웹에서 어떤 size에 있어도 모양을 유지한다. Bootstrap에서 mx-0 는 negative margin을 없애주는 클래스이다. (-15px, -15px -> 이런식으로 margin 들어가있는 경우를 없애줌)\ 2. 한쪽만 긴 컬럼 만들기 (One Wider Column) 3. margin, padding 전부 없애기 (No Gutters) * no-gutters 를 적용하지 않았을 때 위의 진회색 박스와 비교해보면, negative margin 과 약간의 padding이 들어가 있.. 더보기
[Mac 기초] Spotlight 사용하기 Spotlight는 원하는 폴더/파일에 빠르게 접근 가능하다는 것도 있지만 아래와 같이 은근 유용한 기능들이 있다. 기본 단축키는 option + 스페이스바 계산기도 바로 사용 가능 85kg이 몇파운드인지 $56달러가 현재 환율로 얼마인지 더보기
[Mac 기초] Tag 사용법 Tag 사용법 색깔별로 태그를 지정함으로써 원하는 폴더나 파일을 빠르게 접근 가능 폴더 오른쪽 클릭을 하면 태그 색깔을 지정할 수 있습니다. 참고로 아이콘 우클릭 하는거랑 설정 버튼 누르는거랑 똑같은 기능이예요 문서 폴더에서 다음과 같이 어떠한 기준으로 빨강, 노랑, 초록 태그를 지정해줬습니다. 왼쪽 사이드바에서 원하는 색깔 태그를 클릭하면 빠르게 access 가능합니다. 은근 유용해요. 더보기
[CSS] display 속성 display 속성을 알아보기 이전에, div 태그와 span 태그를 알아봅시다. div block 형식으로 공간을 분할합니다. span inline 형식으로 공간을 분할합니다. div 를 쓰는 경우 span을 쓰는 경우 display 속성은 태그가 화면에 보이는 방식을 지정하는 속성입니다. none 태그를 화면에서 보이지 않게 만듬 block (= flex) 태그를 block 형식으로 지정함 inline (= inline flex) 태그를 inline 형식으로 지정함 inline-block 태그를 inline-block 형식으로 지정함 div 태그에다가 block 형식을 지정 했을 때 div 태그에다가 inline 형식 혹은 inline-block 형식을 지정 했을 때 더보기
[CSS] position 속성 프로그램을 개발할 때는 요소의 위치를 2가지 방법으로 설정합니다. 절대적 위치 좌표 : 요소의 X,Y 좌표를 설정해 지정 상대적 위치 좌표 : 요소를 입력한 순서대로 상대적 위치 지정 HTML 페이지 같이 사용자가 다양한 화면 크기로 실행할 수 있을 때는, 상대적 위치 좌표를 사용합니다. 절대적 위치 좌표는 특정한 크기의 영역을 지정한 태그 내부에서만 사용합니다. position 속성 HTML 태그의 위치 설정 방법을 변경할 때는 position 속성 사용 static 태그가 위에서 아래 or 왼쪽에서 오른쪽 순서로 배치됨 relative static 키워드로 초기 위치가 지정된 상태에서 상하좌우로 위치를 이동 absolute 절대적 위치 좌표를 설정 fixed 화면을 기준으로 절대적 위치 좌표를 설정 .. 더보기
[Oracle에서의 네트워크 이해] Oracle Server 로 접속하는 과정 Oracle Database Server에는 외부에서 많은 사용자들이 동시에 접속을 해서 데이터를 조회도 하고 입력, 변경, 삭제 등의 작업을 하게 됩니다. 외부에서 접속을 해야 하는 특성이 있으므로 네트워크 관련 기능이 필수인데 Oracle에서의 네트워크는 크게 Client 쪽과 Server 쪽으로 분류됩니다. 위 그림에서 왼쪽에서 사용자가 SQL 문을 수행하면 User Process 라는 Process 가 생성되어 사용자가 작성한 SQL 문장을 서버 쪽으로 전달해 줍니다. 여기서 User Process는 SQL 문장을 작성하는 프로그램을 의미합니다. 그림의 예처럼 SQL*PLUS가 대표적 예입니다. 메모장 같은 프로그램에서 위 SQL 문장을 수행하려 해도 수행이 안 되는 이유는 메모장 프로그램은 Us.. 더보기
컴퓨터 사이의 통신 원리 (같은 네트워크간 / 다른 네트워크간) 1. 같은 Network 간의 통신일 경우 (A 컴퓨터 ↔ B 컴퓨터) 1. A 컴퓨터는 자신의 ip address 와 mac address 정보를 담아서 Switch 장비에게 B 컴퓨터의 IP를 알려주고 찾아 달라고 요청합니다. 2. 이 요청을 받은 Switch 장비는 해당 ip를 가진 컴퓨터가 자신의 Mac Address Table에 존재하는지 살펴봅니다. 여기서 알 수 있듯이 Switch 장비가 하는 역할 중 한가지는 IP MAC 변환입니다. 이런 일을 빨리 하기 위해서 Switch 장비는 ip와 mac 주소를 연결해서 Switch 장비의 메모리에 저장해 두고 요청이 들어올 때마다 이것을 참조해서 즉시 연결해 줍니다. (이 주소들을 메모리에 저장해 두는 곳을 Switching Table이라고 합니다.. 더보기

티스토리툴바