본문 바로가기

IT_Developers1149

PHP - 페이지 리다이렉트 / response.redirect / sendRedirect php의 forward page / pageContext.forward 같은 리다이렉트 함수는 안녕하세요. 고코더 입니다. ● 1. 언어마다 페이지를 리다이렉트 시키는 방법은 많습니다. 대표적으로 자바스크립트 프론트에 쓸수 있는 location.href=''; 를 많이 떠올리시는 데요. ● 2. 서버언어에서 리다이렉트 시키는 방법이 가장 빠르고 최소한의 리소스로 이동시킬 수 있습니다. 그래서 단순 페이지 리다이렉트라면 각 언어에 함수를 사용하는걸 추천드립니다. ● 3. PHP는 header() 함수에서 리다이렉트 시키는 기능을 제공 합니다. 아래 코드를 확인해주세요. 1234Colored by Color Scriptercs ● 4. 왜 개인적으로 PHP만 조금 리다이렉트 느낌이 조금 다른데 페이지를 바로.. 2019. 6. 24.
XE - 특정 URL 접속시 다른 페이지로 이동 시키기 xpressengine 페이지 리다이렉트 안녕하세요. 고코더 입니다. 써오던 URL이 있습니다. http://gocoder.net/dev_toon 하지만 이 URL을 없애고 아래 URL로 변경했지만 http://gocoder.net/gotoon 기존 포털 검색엔진에 dev_toon 이 전파되어 있어서 404로 띄우기는 싫고 해서 dev_toon으로 들어올시에 gotoon으로 이동 시키게 작업을 했습니다. ● 1. 코드상에서도 가능하지만 관리자상에서 하는 방법을 공유 해봅니다. 우선 문서 페이지 타입으로 메뉴를 만듭니다. ● 2. 메뉴 ID는 기존 리다이렉트 할 접속 페이지인 dev_toon으로 해서 만듭니다. ● 3. 관리자만 볼수 있있는 권한으로 ● 4. 디자인은 레이아웃 없음으로 지정합니다. 리다이렉.. 2019. 6. 24.
HTML - Div를 화면 중앙 가운데 반응형 노출 DIV로 안내 페이지 만들기 안녕하세요. 고코더 입니다. 오늘은 DIV를 화면 가운데 중앙에 위치 하게 하는 방법을 알아보겠습니다. ● 1. 제가 만든 모니터 체크 사이트에서 사용한 HTML 입니다. http://monitor.gocoder.net 안내 페이지로 반응형으로 DIV를 화면 가운데로 노출하였습니다. ● 2. HTML을 웹에서 실행 해보세요. 123456789101112131415161718192021222324252627282930313233343536 .layer { position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0; font-size: 50px; } .layer .content { displ.. 2019. 6. 21.
CSS - li 점 대신 다른 모양으로 / list-style-type , list-style-image li 디자인 속성 변경 안녕하세요. 고코더 입니다. ● 1. li 특별한 CSS 속성 없이 태그를 작성하면 점 이 기본으로 앞에 붙습니다. ● 2. 이 li에 기본 모양은 변경이 가능 합니다. list-style-type : li 앞에 모양을 변경 가능 list-style-image : li 앞에 모양을 이미지로 변경 ● 3. 그리고 속성 옵션은 아래와 같습니다. disc : 검은 원 circle : 공백 원 square 사각형 decimal : 십진수 lower-alpha : 알파벳 소문자 lower-roman : 로마자 소문자 upper-alpha : 알파벳 대문자 upper-roman : 로마자 대문자 none : 표시 안함 initial : 기본값 cjk-ideographic : 한자식 수 (一,.. 2019. 6. 21.
CSS - 책 제목 처럼 왼쪽에 색 기둥 만들기 왼쪽에 색상 있는 제목 형식 안녕하세요. 고코더 입니다. 가끔 블로그나 홈페이지를 보다보면 책의 소제목처럼 왼쪽에 네모 박스에 색이 입혀진 디자인을 볼 수 있습니다. ● 1. 오늘은 이 모양과 같은 CSS를 만들어 보겠습니다. ● 2. 아래 코드를 HTML로 실행해보세요. 123456789101112131415161718192021222324252627282930313233343536 .div_gocoder_point_1 p { padding: 0px 5px 0px; border-bottom: 0px solid #000; border-left: 10px solid #000; color: #000; } .div_gocoder_point_2 p { padding: 0px 5px 0px; border-bott.. 2019. 6. 20.
jQuery - Div등 요소의 크기 조절, 사이즈 가져오기 / width(), hegiht(); 디자인 요소의 크기 변경 안녕하세요. 고코더 입니다. jQuery에서는 선택한 요소의 크기의 값을 알거나 변화 시킬 수 있습니다. ● 1. 바로 width()와 height() 메서드 입니다. width() - 선택요소의 가로 크기를 가져오거나 변경한다. height() - 선택요소의 세로 크기를 가져오거나 변경한다. style 속성에 접근하지 않아도 간단한 명령어로 크기를 조절 가능 합니다. ● 2. 예제를 한번 살펴보세요. 12345678910111213141516171819202122 $(document).ready( function() { //해당 DIV 사이즈 조정 $('#gocoder_size').width('300'); $('#gocoder_size').height('300'); alert(.. 2019. 6. 19.
JavaScript - setTimeout(), setInterval() 차이점 예제 몇 초후에 한번 실행 , 초 마다 반복 실행 안녕하세요. 고코더 입니다. 제 홈페이지 고코더넷(http://gocoder.net)에 학생분이 질문을 남기셔서 열코딩 하다 강의 작성 모드로 스위치를 바꿨습니다. 문의한 사항은 이렇습니다. 요즘 학생분들이 코딩 많이 하시네요. (덕분에 선생님 소리도 들어보네요) 좋은 현상입니다. 차이점 이론 ● 1. setTimeout() 이 메서드는 일정 시간 후에 함수를 한번! 실행합니다. setTimeout(function(){alert('gocoder.net')}, 1000); // 1초 후에 스크립트 실행 ● 2. setInterval() 이 메서드는 해당 시간마다 반복해서 함수를 실행합니다. setInterval(function(){alert('반복 gocoder.. 2019. 6. 17.
GitHub - 웹에서 소스 파일 만들기, 수정, 삭제 소스 파일 생성하기 안녕하세요. 고코더 입니다. 깃을 사용하는 방법은 많습니다. 커맨드 라인으로 사용해도 되고 UI가 있는 소스트리로 사용하는게 가장 간편합니다. 그리고 웹사이트에서 사용도 가능합니다. 요즘 글로벌 서비스 특징은 응용프로그램의 기능을 웹에서도 사용할 수 있게 하는게 기본입니다. 깃도 당연히 이 모든게 준비되어 있습니다. 깃에서 소스파일 생성 우선 자신의 레파지토리로 접근합니다. 그리고 화면 오른쪽 위에 있는 "Create new file" 를 클릭 합니다. 파일의 이름과 확장자까지 함께 입력합니다. 내용도 입력 합니다. 그 다음 Commit New File을 눌러 완료 합니다. 두번째 셀렉트 박스는 브런치를 새로 만드는거기에 첫번째 박스를 기본으로 선택 하겠습니다. 그럼 쉽게 웹에서도 g.. 2019. 6. 17.
JAVA - 자바(JDK) 설치 및 환경변수 설정 쉽게 / 첨부파일 있음 자바 설치하기 안녕하세요. 고코더 입니다. 자바 강의를 쓰다보니 블로그에 가장 기초적인 JAVA 설치 방법을 올리지 않은걸 확인하고 뒤늦게 올려드립니다. 개발을 처음 하는 분에게는 설치부터가 복잡하지만 저만 잘따라오면 아주 쉽게 셋팅이 가능합니다. 우선 오라클 사이트로 이동 합니다. (오라클이 과거에 자바를 인수했습니다.) http://www.oracle.com/technetwork/java/javase/downloads/index.html 다운로드 탭에서 se 에 jdk 자바 플랫폼으 다운로드 합니다. 버전은 8버전을 받을 것이고 버전은 64비트 입니다 (32비트 쓰시는 개발자는 어서 64비트로 투자하세요!) 64비트용 자바 설치 버전을 첨부파일로 올려 드립니다. 다운로드 후 설치를 진행 합니다. 기본.. 2019. 6. 15.

티스토리툴바