본문 바로가기

분류 전체보기

 (161)
[워드프레스]포트폴리오 같은 카테고리내에서만 이동 워드프레스에서 portfolio 나 post 등은 페이지에서 다음 포스트(또는 포트폴리오)로 넘어가는 버튼을 만들 수 있는데, 다음 이전 버튼을 눌렸을때 한 카테고리에 속하는 포스트끼리만 페이지 이동이 가능하게 하고 싶어서 찾아본 방법입니다! 1. 포트폴리오 페이지 카테고리 만들기 포트폴리오 페이지(post / 블로그 등)의 오른쪽 상단에 'Portfolio Categories' 에서 각 페이지의 카테고리를 생성하고 선택할 수 있습니다. 왼쪽 포트폴리오 메뉴안에 서브 메뉴 'Portfolio Categories'에서 카테고리를 지우고 생성하는것도 가능합니다. 2. 같은 카테고리 안에서만 previous / next 버튼으로 (다음글/이전글) 이동 방법 01 (* 테마별로 파일 명과 코드가 조금씩 다를 수..
여수 3박4일 여행코스 및 좋았던 곳 별로였던 곳 2020/07/15 - [일상/국내여행] - 여수 회 먹으려면 여기 '수산특화시장' 세웠던 일정 가족들과 이른 여름 휴가를 여수로 다녀왔다. 여수 볼거리도 많고 숙소도 많아서, 해외여행을 못가는 요즘 국내여행지로 적당한것 같다. 계획은 저렇게(위이미지) 세웠는데 그대로 지키지는 못했다. 결정적으로 하루 비가 와서 스케줄이 틀어졌다. 실제로 다녀온 코스 하나씩 다녀온 경로대로 쓰려고 하니깐 엄두가 안나서 좋았던곳 / 그냥 그랬던 곳 / 별로였던 곳으로 분리해서 적어보려고 한다. 좋았음 재방문의사있음★★★ 1. 해양레일바이크 왕복으로 타는 레일바이크이고 갈땐 살짝 내리막이라 속도감도 있고 시원하다. 옆에 보이는 바다 경치도 좋고 바람맞으면서 사진찍고 기분전환된다. 돌아올때는 패달을 열심히 밟아서 올라와야 하..
[CSS]배경이미지에만 OPACITY 적용(multiple효과) '배경만 흐리게 또는 배경에 색상필터를 줄 수 있는 방법이 없을까?' '배경만 살짝 어둡게 해서 글씨가 더 잘보이게 하고 싶은데 어떻게 하면 좋을까?' 고민하면 발견한 방법에 대해 적어봅니다. 문제점! : OPACITY를 주면 글씨도 같이 적용됨 HTML 1 2 3 배경만 투명하게 cs CSS 1 2 3 4 5 .box01{width: 500px;height: 300px; background: url(https://cdn.pixabay.com/photo/2020/06/28/00/04/chicago-5347435_960_720.jpg); background-size: cover; opacity: 0.5; } .box01 h1{color: rgb(121, 68, 219);text-align: center;l..
제38차 장기전세 서류당첨 후 궁금증 해결 제38차 장기전세주택 입주자 모집!!! 한번 해볼까 하고 넣었는데 덜컥 서류가 당첨되고 나니, 엄청난 궁금증이 폭발했어요. 그래서 알아본 내용에 대해 적어볼까 합니다. 우선 장기전세주택 공고문입니다! 제 상황은 - 고덕강일 38차 장기전세주택 신청 - 서류대상자로 선정 - SH 고덕강일 14단지 공공분양주택 신청 - 예비당첨 - 고덕강일 신혼부부로 우선 공급으로 신청했으나, 커트라인을 보니 우선공급에서 일반으로 바뀐것 같음 두가지를 모두 신청해 놓은 상황에서 서로 어떤 영향을 끼칠치도 모르겠고, 앞으로 청약하는데 당첨된 사실이 불이익이 있지 않을까 궁금해졌어요. 왜냐면... 고덕강일이 되도 갈지말지 고민이거든요! 서류심사 대상자 발표 및 심사서류 제출안내 ○ 신청자가 청약신청 시 기재한 사항만으로 공급세..
[JAVASCRIPT]typeof 과 instanceof의 차이점 typeof 피연산자의 데이터 타입을 반환하는 연산자 문법 1 2 typeof variable cs 반환 값 undefined boolean string number object function 예시 1 2 3 4 5 6 7 8 typeof 5; // return 'number' typeof 'haha'; // return 'string' typeof {}; // return 'object' typeof []; // return 'object' typeof function () {}; // return 'function' typeof null; // return 'object' cs instanceof 개체가 특정 클래스의 인스턴스인지 여부를 나타내는 boolean값으로 반환하는 비교연산자 문법 1 Ob..
[CSS]박스사이징(box-sizing) 활용하기 레이아웃을 만들다보면, 테두리, 패딩등 때문에 사이즈가 헷갈리기 시작한다. 그 때 css속성으로 'box-sizing' 과 'clac()'를 활용하면 좋을 것 같다. 2020/03/13 - [퍼블리싱/HTML&CSS] - [CSS]div 3개 레이아웃 만들기( calc() 사용법) [CSS]div 3개 레이아웃 만들기( calc() 사용법) html로 레이아웃을 짜다보면 객체들에게 똑같은 가로값을 주고 싶은데 계산하기 쉽지 않을때가 많습니다. 또 반응형으로 웹사이트를 만들다보면, 값을 딱 지정해 놓으면 브라우저 크기마다 다르 ddorang-d.tistory.com 1 .box{box-sizing: content-box / border-box} cs - box-sizing:content-box : 기본값,..
SSL 인증서 무료 이용(ZEROSSL 리뉴얼 후) SSL 인증서란!? SSL 프로토콜은 처음에 Netscape사에서 웹서버와 브라우저 사이의 보안을 위해 만들어졌다. SSL은 Certificate Authority(CA)라 불리는 서드 파티로부터 서버와 클라이언트의 인증을 하는데 사용된다. (출처. http://wiki.kldp.org/HOWTO/html/SSL-Certificates-HOWTO/x70.html) HTTP는 Hypertext Transfer Protocol의 약자다. 즉 Hypertext 인 HTML을 전송하기 위한 통신규약을 의미한다. HTTPS에서 마지막의 S는 Over Secure Socket Layer의 약자로 Secure라는 말을 통해서 알 수 있듯이 보안이 강화된 HTTP라는 것을 짐작할 수 있다. HTTP는 암호화되지 않은 ..
아이콘 쉽게 그리는 사이트! - AutoDraw 안녕하세요! 또랑입니다 +_+ 오늘은 쉽게 아이콘을 만들 수 있는 사이트를 소개합니다! 사실 쉽게 그린다기 보다는, 사람이 대충 그린 형태를 유추해서 이미 만들어져 있는 형태의 아이콘을 추천해 주는 시스템이에요. (구글의 인공지능 프로젝트와 관련 있다 들었습니다) https://www.autodraw.com/ AutoDraw Fast drawing for everyone. AutoDraw pairs machine learning with drawings from talented artists to help you draw stuff fast. www.autodraw.com 사용법은 간단해요! 위 주소로 들어가면, 이런 화면이 나와요. 그림판 같죠!! 위 부터 - 오브젝트 선택 및 이동 - 인공지능 인식을..

티스토리툴바