본문 바로가기

분류 전체보기

 (161)
SSL인증서 없이 HTTPS에서 HTTP로 되돌리기 https요청에서 http상태로 되돌리려고 시도해본 과정에 대해 적으려고 합니다. 상태는 SSL 인증서를 이용해서 https 프로토콜을 사용하고 있었는데, SSL 인증서가 만료되어 안전하지 않다는 경고창이 뜨게 되었습니다. 인증서가 만료될때마다 인증서를 재인증해야 한다는 점과 더이상 필요성을 못느껴 그 전 HTTP 프로토콜을 쓰던 상태로 되돌리고 싶어졌습니다. 시도했던 해결방법 01. 우선 사이트 주소를 https에서 http로 변경했지만, 주소만 브라우저에 적었을때 https로 연결되는 문제점이 있었습니다. 02. .htaccess 파일을 변경 RewriteEngine On RewriteCond %{HTTPS} on RewriteRule (.*) http://%{HTTP_HOST}%{REQUEST_UR..
2020 근로장려금 대상 여부 확인 및 신청방법 근로 장려금의 반기 신청일이 돌아왔습니다! 다들 확인하고 신청하세요! 2020 근로장려금 반기 신청 및 지금 제도란? 소득 발생 시점과 장려금 수급 시점 간 시차가 크게 발생하는 기존 장려금 지급제도의 단점을 보완하고 장려금 지원의 실질적인 체감도를 높이기 위하여, 반기별 소득파악이 가능한 근로소득자에 한하여 당해연도 소득을 기준으로 근로장학금을 반기별로 신청 지급 할 수 있도록 2019년부터 시행된 제도입니다. 2020 근로장려금 반기 신청기간 상반기 소득 : 2020.09.01(화) - 09.15(화) 6:00 ~ 24:00 하반기 소득 : 2021.03.01(화) - 03.15(화) 6:00 ~ 24:00 2020 근로장려금 신청 대상 단독가구 : 배우자, 부양자녀, 70세 이상 직계존속이 없는 가..
[포토샵 cc] 간단한 테투리(외각선 ) 만들기 어떤 걸 강조하기 위해 물체나 글씨에 테두리를 많이 사용하는데, 간단하게 포토샵으로 물체의 테두리를 만드는 법을 소개하려 합니다. 포토샵 CC를 사용했어용. 01. 펜툴을 선택해 테두리를 만들기 원하는 물체를 선택해줍니다. (다른 툴을 이용해 선택해줘도 무방합니다! ) 02. 마우스 오른쪽 버튼을 클릭 후 'Make Selection...'를 선택 후 'ok'를 클릭 해줍니다. (Tip. 현재 마우스는 펜툴이 선택되어 있는 상태예요! 다른걸 선택 한 후에 마우스 오른쪽 클릭하면 안나올 수 있어요.) 03. ctrl + c , ctrl +v 를 눌러 복사 붙여놓기를 해줍니다. 그럼 이렇게 새 레이어에 선택한 부분만 복사붙여넣기 된걸 확인 할 수 있습니다. 04. 레이어에서 새로 생긴 레이어를 제외하고 모두..
[포토샵cc] 간단하게 그림자 만들기 간단하게 인물 또는 물체들에 그림자를 만들 수 있는 방법을 소개합니다. 간단히 설명하면 물체의 모양대로 레이어를 하나 만들고 위치를 잘 맞추고 자연스럽게 만들면 끝이예요. 01. Layer를 먼저 추가한 후 그림자가 생길 물체를 색으로 채워주세요. (색을 채우는 방법은 여러가지가 있는데, 저는 브러쉬로 칠했습니다.) 잘보이라고 빨간색으로 했지만 그림자니깐 검정색으로 칠해주세요. 02. 원하는 형태로 그림자를 변형해 줍니다. 'ctrl + T'를 누르면 물체가 선택됩니다. ctrl를 누르고 모서리부분을 클릭하면 자유변형이 가능합니다. 03. 그림자 레이어를 선택하고 Opacity를 낮춰주고, Multiply로 변경해줍니다. 04. 지우개를 부드러운 브러쉬로 선택 후, Opacity를 낮춰줍니다. 04. 선..
[CSS/JQUERY] 풀스크린 메뉴( 화면 꽉찬 메뉴) 만들기 햄버거메뉴를 누르면 화면을 꽉채우는 메뉴가 나오고, Close버튼은 누르면 다시 없어지 메뉴를 만들어 보려고 합니다. HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 메뉴01 메뉴02 메뉴03 메뉴04 Colored by Color Scripter cs HTML는 크게 두개의 div로 나눠져 있습니다. div.header부분은 메뉴 햄버거버튼이 있는 부분이고, div.fullscreen_menu는 풀스크린 메뉴를 감싸는 div입니다. 메뉴 아이콘은 무료 사이트에서 가져왔어욤. CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 ..
자바스크립트 문자열 자르기 slice(), substring(), substr() 비교 자바스크립트의 문자열을 자르는 함수들이 여러개 있는데 비슷하면서 조금씩 다르게 기능하고 있다. 그래서 각 함수의 작동방법을 비교해 보려고 합니다. slice() 1 문자열.slice(시작 인덱스, 종료 인덱스) cs slice() 함수는 파라미터로 시작인덱스와 종료 인덱스를 받아 값을 반환하는 함수이며, 두번째 인자인 종료 인덱스는 필수 값이 아닙니다. 특징 01. index 는 0부터 시작함 02. 문자열 길이를 뛰어넘는 숫자를 파라미터로 넣으면 빈 값을 반환함 03. 시작인덱스가 종료인덱스보다 크면 정상적으로 작동하지 않음 04. 음수도 사용가능하며, 뒤에서부터 시작하는 의미로 사용됨 ex) string.slice(3, -10) // 3번째 글자부터 뒤에서 10번째 글자까지 반환 substring()..
[javascript]자바스크립트 부모, 자식, 형제 노드 찾기 매번 뭐였지 찾게 되는 자바스크립트 부모, 자식, 형제 찾기.. 처음에는 제이쿼리로 굉장히 익숙한데 자바스크립트로는 어떻게 해야하는지 한참 찾았던 기억이 있어요. 그래서 한번 정리해두려고 합니다. 01. 자바스크립트 자식 찾기 ( childNodes ) HTML 1 2 3 4 5 cs JAVASCRIPT 1 2 3 4 5 6 7 8 var first = parent.childNodes; // 모든 자식들 찾아 변수에 담기 var first = parent.firstChild; // 첫번째 자식 찾아 변수에 담기 var last = parent.lastChild; // 마지막 자깃 찾아 변수에 cs 모든 자식은 .childNodes 첫번째 자식은 .firstChild 마지막 자식은 .lastChild 02..
[내돈내산] 인천 송도 구월동 예쁜 카페 '테리토리' 간만에 발견한 예쁜고 맛도 좋은 카페를 소개합니당. 인천 송도에 갔다가 브런치를 먹으러 검색하던 중에 괜찮아보여서 가본 곳인데 굉장히 만족했던 곳입니다. 이날 예상치 못하게 가려고 했던 곳들이 문을 닫아 못가게 되서 당황했던 상황이라 카페 문을 열었는지 전화를 먼저 했봤어요. 전화를 하니 ars로 주차나 오픈 시간등을 공지해주고, 직원분과 통화도 할 수 있었어요. (요런 세삼한 부분까지 잘되어있길래 혹시 체인점인가 했는데, 다른 지점은 없더라고요 ㅎㅎ) 외부 인테리어부터 나무 빈티지느낌으로 인스타갬성 ㅎㅎ 오픈 시간 매일 11:30 - 22:00 일, 월만 21시까지 매일 11:30 - 19:30 커피&음료 마감 "화요일 휴무" 그리고 8월31~9월2일까지 휴가라고 하니 가실 분들 확인하고 가세용. 주차..

티스토리툴바