[ sorce ] 레이아웃 보여주는 파일 > knowledge

본문 바로가기
사이트 내 전체검색

knowledge

[ sorce ] 레이아웃 보여주는 파일

페이지 정보

작성자 웹지기 댓글 0건 조회 4,804회 작성일 18-09-28 14:00

본문

php 소스내에 있는 Table 과 Div 태그를 시각적으로 보여주는 브라우저입니다. 
코딩작업 하다 보면 테이블, Div 들이 엉켜있을 때 어떤 모양인지 헷갈릴 때가 있지 않나요? 
아니면 저 같은 초보자만 그런가?? 

이런 브라우저 혹시 요긴할까요?  아니면 쓸데없는 아이디어 인가요? 
여러분들의 의견을 들어 보고 개발해 갈지 포기할지 정하겠습니다.....ㅎ 

div, table 태그만 박스로 표시되도록 하였고 나머지 태그는 대부분 그대로 표현됩니다. 
그리고 php 소스나 자바스크립은 되도록 소소 text 형태로 보이도록 하였습니다. 

<사용방법> 
1. 아무 폴더에 압축해제해서 실행시킨다. 
2. 상단 [열기](폴더모양 아이콘) 클릭해서 php 파일 선택한다. 
3. 버튼중 [1][2] 번을 클릭한다. (3.4번은 아직 제대로 작동안함.) 
  (1번은 id,class 내용도 보여주고, 2번은 윤곽만 보여줍니다.) 
4. 한글이 깨져 보이면 [새로고침] 아이콘 클릭 (eucke-utf8 토글) 

** 함께 있는 1.css 2.css 를 수정하시면 table, div 박스의 형태, 색상등을 변경하실 수 있습니다. 

에디트플러스 같은 에디터를 사용하시는 분은 [설정>도구>브라우저2]로 등록하면 소스 편집하면서 윤곽을 보고 싶을때 수시로 확인할 수 있습니다. 

b45c75264cc4e6f14a223aa297c94e91_1538110796_723.jpg
 

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 89건 3 페이지
+1
  • 59 [ 정보처리기사 ] 소프트웨어 설계 - 개발 기술 환경 파악
  • ❖ 운영체제 •컴퓨터 시스템 자원들의 효율적 관리와 사용 환경을 제공하는 소프트웨어 •컴퓨터 운영체제 : Windows, UNIX, Linux, Mac OS 등 •모바일 운영체제 : iOS, Android 등 ❖ 운영체제 관련 요구사항 식별 시 고려사항 구분 내용 가용성 •운영체제 고유의 장애 발생 가능성 ...
  • 웹지기 02-01 3068 0 0 댓글 0
+3
  • 58 [ 정보처리기사 ] 소프트웨어 설계 - 현행 시스템 파악 절차
  • ❖ 현행 시스템 파악 절차 1단계 시스템 구성 현황 파악 │ 시스템 기능 파악 │ 시스템 인터페이스 현황 파악 2단계 아키텍처 파악 │ 소프트웨어 구성 파악 │ 3단계 시스템 하드웨어 현황 파악 네트워크 구성 파악 ❖ 시스템 구성 현황 파악 - 금융기관의 여신관리 업무와 고객관리 업무 시스템 현황 구분 시스템 명 시스템 내용 비고 ...
  • 웹지기 02-01 9279 0 0 댓글 0
+2
  • 56 [ 정보처리기사 ] 소프트웨어 설계 - 스크럼
  • ❖ 스크럼의 개요 - 제품 책임자(PO) 주로 개발 의뢰자나 사용자 제품에 대한 요구사항을 작성하는 주체 백로그 작성, 우선순위 지정 - 스크럼 마스터(SM) 스크럼 수행에 가이드 역할 개발 과정의 장애 요소를 공론화하여 처리 - 개발팀(DT) PO, SM를 제외한 팀원(디자이너, 테스터 등) 최대 인원 7~8명이 적당 ❖ 개발 프로세스
  • 웹지기 02-01 3465 0 0 댓글 0
+4
  • 55 [ 정보처리기사 ] 소프트웨어 설계 - 소프트웨어 생명 주기
  • 소프트웨어 설계 1. 요구사항 확인 2. 화면설계 3. 애플리케이션 설계 4. 인터페이스 설계 1) 소프트웨어 생명주기 - 소프트웨어 개발 과정을 단계별로 나눈 것. - 일반적인 모형 폭포수 모형 가장오래되고 가장 폭넢게 사용된 고전적 생명주기 모형선형 순차적 모형매뉴얼 작성 필요단계마다 결과물이 산출되어야 함두개 이...
  • 웹지기 02-01 3944 0 0 댓글 0
  • 54 현대를 바꿀 5대 기술( 4차 산업 이 후 가장 필요한 기술)
  • 특강 - 강인훈 강사님 현대를 바꿀 5대 기술(4차산업 이 후 가장 필요한 기술) A.I [ Artificial Intelligence ] BIG DATA Block Chain IOT [ Internet of Things - 사물인터넷 ] Cloud 인재 人災 재앙 人在 있으나 마나 人材 재목 人財 재물 - 재물을 벌어다 주는 인재가 되어라 인재의 조건 - Speaking, Win Win, Memory, Reading, Attitude,
  • 웹지기 01-27 3708 0 0 댓글 0
  • 53 [ project ] 팀 프로젝트 추진 역량
  • 팀 프로젝트 추진 역량 - 역량(NCS기준) : 지식, 기술, 태도 1) 지식 : IOT란 무엇인가에 대한 기술적, 소양적 지식(기술동향 포함) 2) 기술(능력) : 문제정의, 자료수집, 분석, 설계모델링, 도구활용, 구현 3) 태도(자질/인성) : 의사소통, 협업, 책임감, 리더십, 윤리, 시사 상식 - 기본역량 프로젝트 + 현재까지 학습한 IOT 지식 및 사회, 경제, 사업적 가치 인식 + 문제정의(추상화능력), 자료수집 및 요구사항분석, 도구활용, 코딩능력 + 핵심융합프로젝...
  • 웹지기 01-06 3370 0 0 댓글 0
  • 52 [ window ] xampp 설치 후 root 비번 변경
  • 콘솔을 통해서 # mysql -u root -p #UPDATE mysql.user SET Password=PASSWORD('1234') WHERE User='root'; 루트 비밀번호 데이터베이스 (MySQL 또는 MariaDB)를 업데이트하려고 할 때 가끔 발생했습니다. #ERROR 1348 (HY000): Column 'Password' is not updatable 따라서 업데이트 명령을 사용하여 사용자 비밀번호를 업데이트 할 수 없고 비밀번호를 업데이트하려면 ALTER ...
  • 웹지기 04-11 5360 0 0 댓글 1
+2
  • 51 [ Laragon ] window10 Apache Ngine PHP Mysql Mariadb python r…
  • 일단 Laragon을 다운받아서 설치를 해준다. 다운로드는 https://laragon.org/download/ 다운로드 페이지에서 본인에게 맞는 버젼을 다운 받는다 본인 같은 경우 Laragon Full 버젼은 다운로드 했다. 이 버젼은 Apache Nginx MySQL PHP Redis Memcache Node.js npm git 등등의 버젼을 쉽게 다운을 받을 수 있다. 다운로드를 하고 설치가 완료 되었다면 Laragon을 실행시켜서 Laragon화면에서 마우스 우클릭 통해 ...
  • 웹지기 12-24 6315 0 0 댓글 0
  • 50 dns 서버 접속해서 정보확인하기 // dns 정보 없애기
  • 내 컴퓨터의 dns정보를 삭제하는 방법 먼저 윈도우 + R &gt;&gt;&gt; cmd 로 도스창 실행 c:\&gt;config/flushdns 내 컴퓨터의 dns정보 확인 방법 c:\&gt;nslookup 도메인 dns 서버 확인 c:\&gt;nslookup -q=all 도메인
  • 웹지기 10-22 6255 0 0 댓글 0
  • 49 직급 직책 팀 전문직업별 명칭과 영문표기
  • *직급 한글/영문* 회장 - Chairman/CEO부회장 - Vice Chairman/CEO사장 - President/CEO대표이사 - Executive Managing Director/Chief Executive Officer부사장 - Senior Executive/Vice President총괄 관리 부장 Division Manager in General Administration 전무 - Executive director 상무 - Managing Director 이사- Director ...
  • 웹지기 09-18 20001 0 0 댓글 0
  • 47 [ Laragon ] 디렉토리 구조 이해하기
  • 디렉토리 구조 - Laragon 폴더 이름은 짧고 단순하며 소문자를 사용 C:\laragon ( 설치폴더 위치) ├─── laragon.exe # Laragon 실행파일 ├─── data\ # Data dir for MySQL, MariaDB, PostgreSQL, MongoDB | └─── mysql\ | └─── mariadb-10.3\ | └─── ... ├─── www\ # Document Root (홈페이지 시작위치) | ├...
  • 웹지기 07-30 6358 0 0 댓글 1
  • 46 [ Laragon ] window10 설치하기 - a(apache) + n(ngine) + p(php) + …
  • 링크 주소로 이동해 홈페이지를 다운받는다. https://laragon.org/download/ 다운 받은 파일을 설치해 주고 설정을 한다. Laragon root directory 변경 https://sir.kr/so_phpframework/336 링크처럼 따라해서 각각 설정을 추가하거나 바꿔준다. 설치를 해보면 PHP-7.2.2, Apache 2.4.29, mysql 5.7.19 가 설치 되어 있습니다. Start All을 먼저 누르지 말고 아래 부터 해주세요...
  • 웹지기 07-23 7353 0 0 댓글 1
+1
  • 45 [ XAMPP ] window10 설치하기
  • 다운로드 사이트로 이동을 해서 다운을 받는다. https://www.apachefriends.org/download.html php 7.2를 사용하기 위해 7.2.20 / PHP 7.2.20을 다운 받는다. 설치 시작시 경고창이 뜨는데 이는 64bit일때 뜨는 경고이다 OK를 눌러 넘어간다 원하는 구성요소를 선택하고 설치를 눌러 설치를 진행한다. 설치 폴더를 원하는 폴더 변경한 후 설치해준다. 설치가 끝나면 XAMPP Control Panel 이 뜹니다. 아파치 설정을 ...
  • 웹지기 07-16 8113 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
2,053
어제
5,664
최대
33,828
전체
8,391,776

그누보드5
Copyright © funyphp.com. All rights reserved.