본문 바로가기

분류 전체보기719

oracle database 19c 버전 드디어 설치 성공... 56%무한로딩 에러 포함 하....... oracle database설치는 진심으로 '대 서사'였다. 우선 oracle database가 필요했던 이유에 대해서 말해보자. 나는 oracle회사가 싫다. 진심으로 뭐하나 멀쩡한 구동을 보질 못했다. 하지만 대부분의 좋은 추천교재들은 oracle database를 기준으로 설명을 하기때문에 무시할수도 없는 상황이였다; 시작을 mac으로 해서 그런지, mac은 설치파일이 있어도 작동이 안되고, 이래도 안되고 저래도 안되기 일수였다. 어쩔수없이 mac보다는 사양이 월등히 낮지만, 그래도 나름 빠릿한 윈도우 노트북으로 시도해보고자 했다. 항상 50%어딘가에서 더이상 진행이 안되서 껐다가 켜서 다시 설치하려고 보면, 중간에 설치 실패하더라도 재 설치를 통해서 덮어쓰는것에 익숙해져 있던 내게.. 2022. 9. 8.
bootstrap 기초1 기본 일단 강의 1개로는 bootstrap이랑 css가 도대체 뭐가 다른건지 모르겠다. # html 영역 Click! Hello world # css 영역 .container { width: 300px; /* 화면 가운데 정렬 / 정가운데는 아님 */ margin: auto; background-color: orange; } .btn { display: inline-block; padding: 10px; background-color: royalblue; /* 글씨 색상 */ color: white; /* 박스 라운드 */ border-radius: 6px; /* 버튼 기본요소 같다. */ cursor: pointer; } 2022. 9. 6.
css 활용6 전환, 변환 # html 영역 Apple Banana Cherry # css 영역 .container .item { width: 100px; height: 100px; background-color: royalblue; margin: 30px; padding: 10px; /* 테두리를 둥글게 해주는 기능 */ border-radius: 10px; /* 전환 효과 */ /* 1초 */ transition: 1s; } /* 마우스 오버 했을때 기능 활성화 hover */ .container .item:nth-child(1):hover { width: 200px; background-color: purple; } .container .item:nth-child(2) { /* 변환 효과 */ /* rotate - 45도 *.. 2022. 9. 6.
css 활용5 플렉스(정렬) # html 영역 Apple Banana Cherry # css .container { background-color: royalblue; /* 배열을 가로로 해주는 역할 (수평 정렬) */ display: flex; /* 수평정렬을 했을때, 오른쪽 끝에 정렬한다는 의미 / center, start가 있다. */ justify-content: center; } .container .item { width: 100px; height: 100px; background-color: purple; /* 테투리 요소 */ border: 2px solid black; box-sizing: border-box; display: flex; justify-content: center; /* 텍스트 한 가운데 */ ali.. 2022. 9. 6.

티스토리툴바