깡패토끼 — 깡패토끼

2023.09.08·[Language]/SQL

DBeaver에서 오라클과 연동했는데 ORA-12514: TNS: 리스너가 없습니다 에러가 떴다. 자세하게 생각은 안나는데 빨간 동그라미 부분이 문제였다. 저거 처음 세팅할 때 xe로 뭔가 해줬었는데 database 이름이 달라서 생긴 것 같다. Edit Connection에 들어가면 xe로 바꿔주고 확인 눌러줘서 해결됨

[오라클] 계정 생성

2023.09.08·[Language]/SQL

새로운 계정을 생성하고자 할 때 사용. oracle - DBeaver 1. system 관리자 계정으로 접속 -> sql 입력 2. 계정, 비밀번호 생성 create user (계정명) identified by (비밀번호); create user student identified by 1234; 3. 권한 부여 grant connect, resource TO (계정명); grant connect, resource TO student;

[2023년 정보처리기사 3회] 필기 합격

2023.08.02·[Etc]

[2023 정보처리기사 3회 필기 합격] 1 공부 기간 5일 (자바, 파이썬 기초 베이스) 2 교재 2023 시나공 정처기 필기 (1권, 2권, 기출문제) 3 시험일 2023. 07. 19. Wed. 08:40A.M. 4 시험장소 인천디지털시험센터 (인천인력개발원 내 / 230719 기준 유료 주차 가능) 5 결과 발표일 2023. 08. 02. Wed. 9:00A.M. 6. 성적 ⚫️ 시험 방식 더보기 (CBT 시험 방식) 시험은 시험장 내 컴퓨터로 진행 되고, 시험 답안 제출 버튼을 클릭하자마자 가답안으로 채점 된 점수가 나와 합격 여부를 알 수 있다. 🔴 주의 아래 접수 사이트에서 ' 응시 자격 ' 꼭 확인하고, 시험 전에 자격 서류 미리 첨부해서 승인 받기 (시험 이후에도 서류 첨부 가능하지만, ..

VSC 확장팩 추천

2022.11.07·[Etc]

1. Live Server 코드 변경 후 저장하면 자동으로 브라우저 새로고침 해줌 'Open with Live Server'로 브라우저 접속 vsc 내 코드 입력 후 저장 -> 바로 자동 새로고침 + live server 종료하고 싶을 때 vsc 맨 하단의 우측에 'port' 부분 클릭 2. Auto Close Tag HTML/XML에서 종료 태그 자동 입력 3. Bracket Select alt + a 위 단축키로 마우스 없이 괄호 안 문자열 선택 가능 4. Bracket Peek 태그, 중괄호 -> 어느 코드 중괄호인지 상단에 미리보기 띄워줌 5. Bracket Pair Colorizer 괄호마다 색깔 입혀줌 -> 구분하기 편함 6. colorize 색상 코드 문자에 색깔 입혀줌 -> 알아보기 쉽게 ..

(10/29)웹페이지 초안 완료

2022.11.01·[Etc]

나의 첫 웹페이지가 완성되었다 ! 물론 완벽하게 완성된 것은 아니고, 세포 단계 완성 정도..? 메인 페이지만 제작하였다. [SH FILM] 가상의 필름 카메라 어플(SH FILM)을 소개하는 웹페이지 [Main Page 초안 완성 기간] 2022. 10. 21 ~ 2022. 10. 29 [사용 언어] HTML, CSS [header 영역] 태그 내 태그로 이미지를 삽입, 브라우저 창에 로고가 나타나게 하였다. search 아래 밑줄만 효과를 주어 심플한 느낌을 내게 하였고, fontawesome을 이용하여 search 창 우측 돋보기 아이콘을 추가하였다. menu display : flex; 속성을 이용하여 메뉴들을 가로로 배치하였다. justify-content : flex-end;를 이용하여 메뉴들..

[CSS] <hr> 색상 변경

2022.10.29·[Language]/VIEW

태그를 이용해 CONTACT 영역과 footer 영역을 선을 그어 나눴는데 hr 선의 색상을 변경하고 싶다 ! 짙은 회색 말고 조금 연한 회색인 light gray로 바꾸고 싶은데 이해도를 높이기 위해서 red로 변경해보겠다. hr{ background: red; } 근데 여전히 회색임 왜지? 싶어서 찾아봄 background의 색상을 변경해야 하며, 추가로 height에 값을 부여해야 한다. hr{ background: red; height: 1px; } 빨간색은 잘 반영이 되었는데 자세히 보면 border값이 1 부여된 상태라 얄쌍한 선의 느낌이 나지 않는다. 좀 더 얄쌍한 선을 원한다면 border 값을 0px로 주면 된다. 그럼 이제 이 녀석을 light gray로 바꿔보겠다. 쫘좐

[CSS] 그림자 효과 (box-shadow)

2022.10.29·[Language]/VIEW

흠 밋밋하다 밍숭맹숭 민둥맨둥 버튼에 그림자 효과를 주고 싶다 ! box-shadow: 0px 0px 0px darkgray; 그림자는 box-shadow 속성과 값을 입력하면 된다. box-shadow: 3px 0px 0px darkgray; 첫번째는 우측 box-shadow: 0px 3px 0px darkgray; 두번째는 아래 box-shadow: 0px 0px 10px darkgray; 세번째는 스머징 그 외에도 다양한 box-shadow 효과를 줄 수 있다. https://developer.mozilla.org/ko/docs/Web/CSS/box-shadow box-shadow - CSS: Cascading Style Sheets | MDN box-shadow CSS 속성은 요소의 테두리를 감싼..

[CSS] (padding, margin) 값의 순서에 대한 의미

2022.10.29·[Language]/VIEW

초록색 영역이 padding : 30px 인데 왼쪽만 padding 값을 0px로 바꾸고 싶다. padding : 30px; 이건 상하좌우 모두 동일하게 30px padding : 30px 0px 이건 상하 30px, 좌우 0px .. 왼쪽만 따로 값을 줄 수 있는 방법은...... padding-top : 30px; padding-bottom : 30px; padding-right : 30px; padding-left : 0px; 너무 불필요하고 별로다. 좀 더 생산적인 방법이 분명 있을 것 같은데 하고 찾아봄 일단 padding 또는 margin 값 입력 순서에 대해서 알아봐야한다. padding : 30px; 상하좌우 모두 30px padding : 30px 0px; 상하 30px, 좌우 0px p..

[CSS] display : flex, 자식 요소에 영역 비율 할당

2022.10.29·[Language]/VIEW

저 공백 ..! 저 애매하게 위치한 공백 !!!!! 저 매우 애매한 보라색 공백 ..!!!! 뭐지 !!!! 뭐 때문이지 !!!!! 어떻게 없앨 수 있지 !!!!!!!!!!! 곰곰이 생각해보니 부모 요소에 display : flex;를 해놓고 정작 자식 요소에 flex 의 할당값을 주지 않았다. 데헷콩 😉 CONTACT Addr. 경기도 성남시 분당구 판교역로 123-45 SH FILM Tel. 070-7777-7777 Fax. 070-8888-8888 E-mail. sh_support@sh_film.co.kr CONTACT yellow 박스 영역이 .contact_logo skyblue 박스 영역이 .contact_txt .contact_logo { flex: 3; line-height: 100px; t..

[CSS] 이미지 수직 가운데 정렬

2022.10.29·[Language]/VIEW

노란색 SH 로고가 상당히 윗부분에 자리잡고 있다. 킹받는다. 이 로고를 가운데로 위치시키고 싶다. [수정 전 해결법] 다음은 contact 영역의 html 코드이다. CONTACT Addr. 경기도 성남시 분당구 판교역로 123-45 SH FILM Tel. 070-7777-7777 Fax. 070-8888-8888 E-mail. sh_support@sh_film.co.kr CONTACT 대기업인 것 마냥 주소 판교로 해놓기 참고로 addr, tel, fax, e-mail 모두 가상의 정보들이다. 여기서 .contact_logo 부분이 내가 수직 가운데로 정렬하고 싶은 이미지가 포함되어 있는 클래스이다. .contact_logo 의 css 영역에 line-height 코드를 포함시켜준다. 왜냐하면 나는 ..

[CSS] border-right와 content 사이 공백 채우기 (padding)

2022.10.29·[Language]/VIEW

두 문단은 전혀 다른 내용의 news이다. 그래서 두 문단을 구별해주는 선을 추가하고 싶은데 border-right의 선이랑 텍스트랑 너무 딱 붙어 있는게 꼴뵈기가 싫다. 이 둘 사이에 공백을 추가하고 싶다. 나는 일단 노란색 색상의 content 오른쪽에 border-right : 1px solid gray; 를 넣어주었음 (border-right는 1px로 설정할 예정이나, 이해를 돕기 위해 3px로 설정하였다.) 노란색 영역은 이다. 따라서 해당 class의 css 부분에 padding 값을 채워주면 된다. 나는 오른쪽만 공백을 주고 싶은 것이므로 padding-right의 값을 주겠다. .news_content_1{ display: table-cell; background-color: yellow..

[CSS] 텍스트 세로 가운데 정렬 (vertical-align : meddle;)

2022.10.29·[Language]/VIEW

보이능가 yellow box 영역 안 텍스트들이 살짝 위로 올라가 있는 저 킹받는 상황이 수직으로 가운데 위치하도록 만들고 싶다 !! html 그렇다면 .news_content_1의 css 부분에 vertical-align: middle; 해당 코드를 삽입해주면 된다. css .news_content_1{ display: table-cell; background-color: yellow; vertical-align: middle; } 두구두구둥 쫘좐

전체 글

티스토리툴바