본문 바로가기

코딩12

[Linux]You don't have permission to access this resource. 80 apache2 서버 도메인 연결시 오류났을때 해결하는 방법 안녕하세요.이번에는 한동안 제가 안했던 리눅스를 잠깐 다시하게 되면서기초적인 것이지만 난항을 겪었던것이 있어서 기록해놓고자 포스팅합니다.저는 도메인 구매후 apache2 서버에서 vhost를 이용하여구매한 도메인을 추가해주고 폴더를 만들어 경로를 지정해주곤 하는데요.이번에 vhost 상에서 폴더경로까지 다 지정해 주었으나!위에 사진처럼 권한이 없다? 이런 에러가 나오며사이트가 정상적으로 나오지않더라구요.vhost 상 이것만 추가해주었을때에는 위에 에러가 나옵니다.이후 vhost 창을 닫아주고 vhost2 명령을 쳐서vhost2를 열어준후 맨아래에 디렉토리 지정과 권한만 추가해주면정상적으로 사이트가 노출되는 것을 확인할수 있습니다.저는 이렇게 지정하고 나니 사이트폴더가 정상적으로연결되어 작업이 가능.. 2025. 3. 13.

[linux/apache2]도메인 연결시 You don't have permission to access this resource. 80 에러 해결방법 안녕하세요. 김개입니다. 이번에는 한동안 제가 안했던 리눅스를 잠깐 다시하게 되면서 기초적인 것이지만 난항을 겪었던것이 있어서 기록해놓고자 포스팅합니다. 저는 도메인 구매후 apache2 서버에서 vhost를 이용하여 구매한 도메인을 추가해주고 폴더를 만들어 경로를 지정해주곤 하는데요. 이번에 vhost 상에서 폴더경로까지 다 지정해 주었으나! 위에 사진처럼 권한이 없다? 이런 에러가 나오며 사이트가 정상적으로 나오지않더라구요. vhost 상 이것만 추가해주었을때에는 위에 에러가 나옵니다. 이후 vhost 창을 닫아주고 vhost2 명령을 쳐서 vhost2를 열어준후 맨아래에 디렉토리 지정과 권한만 추가해주면 정상적으로 사이트가 노출되는 것을 확인할수 있습니다. 저는 이렇게 지정하고 나니 .. 2023. 12. 18.

[javascript/jquery] 달력만들기 jquery/javascript를 이용한 달력커스텀 참고게시글 : https://hyunipad.tistory.com/78#google_vignette MON TUE WED THU FRI SAT SUN 출발날짜2023년 9월 15일 화요일 도착날짜2023년 9월 15일 화요일 $(function(){ //달력최초실행 buildcalendar(); }); //달력 var CDate = new Date(); var today = new Date(); var selectCk = 0; var buildcalendar = function(){ var htmlDates = ''; var prevLast = new Date(CDate.getFullYear(), CDate.getMonth(), 0); //지난 달의 마.. 2023. 9. 8.

[PHP] PHP코드 작성중 오류발생 했을때 위치를 알려주는 코드 (feat. error_reporting) 안녕하세요! 김개입니다. 여러분들은 PHP를 처음 접하다보면 간혹가다가 문법을 잘못써서 웹사이트 화면이 500에러가 발생하거나 하얀화면만 나와서 당황하게 되는경우가 종종 있을겁니다. 이런경우 머릿속도 하얗게 변하죠... 요즘 그누보드나 다른 CMS에는 보통 세팅이 되어있긴하지만 세팅이 안된채 밑바닥부터 코딩을 하다보면 간혹 어라? 어디서 문법오류가 난거지? 하고 고민에 빠지게 되는데요. 이러한 코드위치를 알려주는 친절한 PHP코드가 있습니다! 바로 error_reporting 이라는 코드죠! 이거 하나를 알고 모름으로써 오류찾는 시간을 줄일수 있는 장점이 있어요. 사용법은 다음과 같아요. 예를들면 index.php에서 작업을 할경우 해당페이지 php파일 최상단에 이코드 하나만 기입을 해준다면! 500에러.. 2022. 12. 27.

[javascript/php] 브라우저 뒤로가기 기능 제어하기 안녕하세요 김개입니다. 오늘은 javascript history API 기능들을 이용하여 이전페이지 url을 제어하는 방법에 대해 적어보고자 합니다. 우선 방법 소개에 앞서 크롬브라우저에서는 물리적 트리거가 없는한 스크립트가 동작되지 않으므로 이점 참고해주셔야합니다. 일단 제가 적용한 소스 코드를 통으로 올리겠습니다. 조건은 다음과 같습니다. 1. 기본도메인은 abc.co.kr/폴더1 에서 웹페이지를 보여주고있다. 2. 뒤로가기 클릭시 abc.co.kr/폴더1 -> abc.co.kr/폴더2 로변경한다. 제가 생각한방법으로는 뒤로가기 기능이 필요할때에는 사용하고 필요없는경우 끄기위해서 back_switch라는 변수를 만들어 boolean과 같은방식으로 진행하였어요. 저도 콘솔로그 및 php로 하나하나 찍어.. 2022. 12. 8.

[javascript] 자바스크립트 이벤트 (feat. addEventListener) 퍼블리셔라면 알아야할 javascript 그중에서도 동적인 홈페이지를 제작하기 위해 가장 많이 사용하는 addEventListner에 대해 알아보도록할게요. *addEventListner 쓰기가 어렵고 불편하신분들은 제이쿼리를 이용하시는것도 방법입니다. 기본적으로 이벤트 리스너는 아래와 같이 사용합니다. addEventListner 에는 주로 사용하는 이벤트값이 click이 있지만 알고보면 이외에도 많은 이벤트 값들이 있답니다. 그래서 해당 이벤트 값들은 어떤것들이 있는지? 이벤트리스너는 어떻게 사용하는지 알려드리고자 합니다. UI이벤트 - 사용자가 브라우저에 들어왔을때 혹은 브라우저관련하여 어떠한 동작을 할때 발생하는 이벤트에요. 해당하는 이벤트값으로는 다음과 같아요. load -웹페이지의 로드가 완료.. 2022. 11. 22.

[CSS3] 홈페이지를 이쁘게 해주는 CSS를 알아보자! 안녕하세요. 오늘은 CSS가 무엇인지? 어떻게 사용하는지 알려드리려고합니다. CSS는 HTML문서의 스타일(색상, 크기등)을 조절하는데 사용되는 언어입니다. 기본적인 사용법은 아래처럼 스타일을 지정할 요소(html태그명 or 클래스명)를 선택하고 { 스타일지정값}을 정해줍니다. CSS를 사용하는방식에는 대략 3가지 방법정도가 있어요. inline방식 나는 퍼블리셔다 sc클래스를 가진 span태그 이처럼 style 태그안에서 따로 클래스명이나 태그들을 가져와서 스타일을 지정해줄수 있습니다. link 방식 (가장 관리가 편하고 많이사용) 잡블리셔는 왜 코딩할까? @charset "utf-8"; /* style.css 파일 코드 */ h3.a {color:red; font-size:30px;}; 꼭 외부 스타.. 2022. 11. 18.

[javascript] 변수들 var,let,const 의 차이? 안녕하세요. 김개입니다. 여러분들은 javascript를 시작하며 변수선언시 왜 var을 사용하는지? let을 사용하는지? const는 왜 사용하는건지? 궁금하셨을겁니다. 설명만 듣다보면 대체 뭔차이지? 라고 느끼시는분들이 많기에 간단하게 정리하여 보여드릴게요. 첫번째 var 해당변수를 지정할때 대부분 많이 사용하죠? ES6 이전에는 해당변수를 많이 사용할수 밖에 없었죠. 그래서 많이 익숙할겁니다. 그럼 각각의 차이점을 봅시다. 이처럼 var은 같은변수명을 사용하여 재지정을 하면 재지정된 값으로 출력하게 됩니다. 이렇게 되면 언제든 새로지정하여 사용할수 있지만 단점은 내가 같은변수명을 어디서 썼는지 모르게 되고 나중에는 코딩이 꼬이게 되겠죠? 자 다음은 let 입니다. let,const는 ES6이.. 2022. 11. 16.

[참고사이트] png 이미지 용량을 줄여주는 사이트 2가지 소개 해드립니다. 안녕하세요! 김개입니다! 여러분들은 한번쯤 이런경험을 해보신적 있으실거에요! 메일로 이미지를 첨부하는데 대용량으로 보내져서 상대방이 받지 못해요! 또는 용량이 정해져있는데 이미지 사이즈가 너무커서 큰일이에요! 이럴때 여러분들은 포토샵으로 화질을 줄여가며 이미지 용량을 줄여주거나 그림판으로 옮겨서 이미지를 줄이거나 하셨을텐데요... 시간도 시간이지만 화질이 너무 깨져서 사진을 못쓰게 되거나 대용량으로 그대로 첨부하셨을거에요... 하지만! 아래사이트의 귀여운 팬더친구가 이미지를 간단하게 줄여준다는 사실! 알고계신가요? https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently Make your websit.. 2022. 11. 15.

[HTML5] 시맨틱태그란 뭘까? (feat.header,footer,section) 안녕하세요. 김개입니다. 여러분들은 코딩을 막 배우기시작하면 div, span, p태그등을 배우게되고 종종 '시맨틱 태그'라는 말을 듣게되는데요. 과연 이 시맨틱태그는 무엇이며, 왜 써야하는가? 우선 시맨틱태그란 무엇인가? 시맨틱태그란 의미가 있는 태그를 말합니다. 우리는 보통 코딩을 하다보면 모든 block요소 영역은 div태그로 inline요소는 span같은 태그들을 이용하여 코딩을 하죠. 시맨틱태그는 말그대로 의미가 있는 태그 header,footer,nav,main,section,article 등과같이 태그자체에 의미가 담김 태그를 말합니다. 그러면 시맨틱태그를 왜 써야하는가? 가장 첫번째 이유는 검색엔진 최적화에요. 검색 엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 내부.. 2022. 11. 15.

[HTML5] h태그에 대해 알아보자! (feat.p태그) 안녕하세요. 김개입니다. HTML5를 공부하다보면 태그의 종류가 정말 많은데요. 부터 시작해서 기타등등 너무많아요. 그중 h태그에 대해 얘가 인라인 요소인지 블록요소인지도 헷갈려 하시는 분들이 종종 있어서 간략하게 설명드리고자합니다. 크롬기준 h1~h6의 폰트크기도 대략적으로 알려드릴게요. 주로 대표적인 제목 / 로고등에 많이사용합니다 / 기본 32px크기에요 두번째로 큰 h2태그 24px 세번째로 큰 h3태그 18.72px 네번째로 큰 h4태그 16px 다섯번째로 큰 h5 태그 13.28px 가장작은 h6태그 10.72px 입니다. h태그는 기본적으로 h1~h6순으로 되어있고 중요도는 h1 이 가장 중요합니다. h태그의 요소는 블록요소입니다. *블록요소란 해당 줄에는 다른친구가 올수없어요. CSS로 d.. 2022. 11. 15.

홈페이지를 구성하는 HTML5 를 알아보자! HTML은 Hyper Text Markup Language의 약자이다. 웹페이지를 구성하기 위한 표준 마크업 언어이며,각각의 태그마다 특성이 있습니다. 그럼 HTML은 어떻게 사용해야 하는지필수적인 것부터 알아보도록 합시다! DOCTYPE 선언기존에 사용하던 XHTML이나 HTML4.X 버전일 때에는DOCTYPE선언이 다음과 같이 매우 길었습니다. 하지만 HTML5에서는 엄청 간단해졌죠. 이 정도로 간단해졌어요... DOCTYPE선언 이유는 웹브라우저마다 다 다르기 때문에 선언을 안 하게 되면 웹브라우저의 호환 모드로 인식하여 내용이 깨지거나 다르게 나오게 되는 경우가 발생해요. 그래서 DOCTYPE선언을 통해 표준으로 나타내 줌으로써 브라우저별 다르게 표시되는 상황을 막아주는 것이죠. 참고로 DOCTY.. 2022. 11. 14.

이전 1 다음

티스토리툴바