상황에 따라서 현재 httpd 가 어떻게 컴파일 되어 있는지 상황이 어떤지 확인 해야할 경우가 있습니다.

1. httpd가 실행 가능한가 확인해보기

2. 버전 확인해보기

3. 컴파일시 서버 기본 설정 확인해보기

4. 설정 파일 확인해 보기

5. httpd 서버 실행하기

6. 동작 상태 확인

httpd는 아파치 하이퍼텍스트 전송 프로토콜 (HTTP) 서버 프로그램이다. 자체(standalone) 데몬 프로세스로 실행하도록 설계되었다. 원한다면 요청을 처리하기위해 자식 프로세스와 쓰레드들을 만든다.

일반적으로 httpd를 직접 실행하기보다는 유닉스기반 시스템에서는 apachectl을 통해, 2000, XP에서는 서비스로, Windows 9x와 ME에서는 콜솔 프로그램으로 실행해야 한다.

1. httpd가 실행 가능한가 확인해보기

- 현 os에서 동작하는지 확인 가능합니다.

www]# ./bin/httpd -h

Usage: ./bin/httpd [-D name] [-d directory] [-f file]

          [-C "directive"] [-c "directive"]

          [-v] [-V] [-h] [-l] [-L] [-S] [-t] [-T] [-F]

2. 버전 확인해보기

- 버전을 확인합니다.

 www]# ./bin/httpd -v

Server version: Apache/1.3.37 (Unix)

Server built:  Dec 17 2006 17:32:36

3. 컴파일시 서버 기본 설정 확인해보기

설정파일 및 실행 후 로그 관련 도메인에 연결된 정보를 확인하기 기본 설정을 확인할 필요가 있습니다.

컴파일 때의 기본 설정을 확인 합니다.

 www]# ./bin/httpd -V

Server version: Apache/1.3.37 (Unix)

Server built:  Dec 17 2006 17:32:36

Server's Module Magic Number: 19990320:18

Server compiled with....

...

 -D HTTPD_ROOT="/www"

 -D DEFAULT_PIDLOG="logs/httpd.pid"

 -D DEFAULT_ERRORLOG="logs/error_log"

 -D SERVER_CONFIG_FILE="conf/httpd.conf"

...

현재의 설정일 경우 옵션 없이 httpd가 실행될때 기본 설정 파일을 찾는 위치는 /www/conf/httpd.conf 입니다.

기본 로그 파일의 위치는 /www/logs 입니다.

4. 설정 파일 확인해 보기

설정 파일을 확인 합니다.

 ./bin/httpd -t

에러일 경우 에러가 무엇인지 나타납니다. 기본 설정으로 테스트 하기 때문에 윗쪽에서 분석했던 위치의 설정파일을 확인해줍니다.

정상일 경우 Syntax Ok 가 출력됩니다.

특정 설정 파일이 현재의 httpd컴파일 상태로 실행가능한가? 확인

./bin/httpd -f /etc/httpd/conf/httpd.conf -t

5. httpd 서버 실행하기

파일을 구성합니다. ServerRoot 및 httpd.conf 설정을 정상구성 후 실행해봅니다.

실행 확인 및 실행 - 정상 상태

www]# ./bin/httpd

기본은 80번이고 특별한 일 없이 실행됩니다.

정상 실행된 경우 그냥 저렇게 다음 명령어를 기다리고 끝입니다.

실행 되는 설정과 안되는 경우의 설정들 예시

www]# ./bin/httpd -f /etc/httpd/conf/httpd.conf

Syntax error on line 148 of /etc/httpd/conf/httpd.conf:

Cannot load /etc/httpd/modules/mod_auth_basic.so into server: /etc/httpd/modules/mod_auth_basic.so: undefined symbol: apr_table_unset

설정파일의 기본 로드 모듈과 현재 실행시킨 httpd와 맞지 않습니다. 실행 안됨

 www]# ./bin/httpd -f /www/conf/httpd.conf <--- 동작하도록 수정한 기본 설정 파일입니다. 실행후 그냥 다음 명령 요청 나오면 시작된 것입니다.

 www]#./bin/apachectl stop 은 설정에있는 pid 파일을 이용해서 현재 실행중인 httpd를 종료하는 명령어입니다.

 www]# ./bin/httpd -f /old_05/www/conf/httpd.conf

특정 위치의 설정 파일이 정상 동작하는 결과가 나온 상태입니다.

안되는 경우는 재 설치 혹은 에러에 따른 처리를 해줘야합니다.

6. 동작 상태 확인

ps -ef |grep httpd  명령등을 이용해서 프로세스 상태를 확인합니다.

브라우저 등을 이용해서 외부 접속 상태를 확인합니다.

설정위치의 log를 이용해서 추가 에러를 수정합니다.

httpd - 아파치 하이퍼텍스트 전송 프로토콜 서버 - Apache HTTP Server Version 2.4

HeidiSQL은 MariaDB, MySQL, Microsoft SQL Server, PostgreSQL, SQLite 등에서 사용할수 있는 GUI 데이터베이스 관리 프로그램입니다.오픈 소스입니다. 

1.설치

2.세션관리자 설정

3.작업

1.설치

Download HeidiSQL

에서 사용하는 os 버전에 맞게 다운 받아 설치합니다

2.세션관리자 설정

- heidiSQL 실행

- 파일 > 세션관리자 클릭

- 세션관리자 창에서 > 하단 “신규” 버튼 클릭 후

접속할 db의 Ip ,사용자 ,암호, 포트 3306(기본)를 설정합니다. 현재 mysqld로 접속설정 후

"열기" 버튼을 사용해서 서버에 접속합니다.

3.작업

1번 부분에서 연결된 dbms관련 탐색

2번 부분에서 정보및 쿼리 실행(탭 부분)

3번에는 실행한 쿼리가 로깅됩니다.

display: flex;로 설정된 부모 컨테이너 내부의 자식 요소들을 정렬하는 데 사용됩니다.

tailwindcss에서 display: flex; 는 flex

<div>
    <div th:text="${attach.originalName}">
    </div>
    <svg class="fill-black hover:fill-blue-500 cursor-pointer" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>
</div>

flex속성을 이용해서 Flexible Box Layout으로 만듭니다. 기본이 row인지 바로 옆으로 이동합니다.

<div class="flex">
    <div th:text="${attach.originalName}">
    </div>
    <svg class="fill-black hover:fill-blue-500 cursor-pointer" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>
</div>

flex박스 안쪽 item들이 주축에서 공간을 나누도록 justify-between을 추가 합니다.

<div class="flex justify-between">
    <div th:text="${attach.originalName}">
    </div>
    <svg class="fill-black hover:fill-blue-500 cursor-pointer" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>
</div>

<article className="flex flex-col w-full shadow my-4">
  <a href="#" className="hover:opacity-75">
    article &gt; a
  </a>
  <div className="bg-white flex flex-col justify-start p-6">
    <a href="#" className="hover:opacity-75"> 
      article a
    </a>
  </div>
</article>

1.요소의 바로 아래 있을경우 > 를 사용합니다.

article > a {
    color: blue;
}

결과

2.article 안쪽 전체의 a 요소 색상을 변경할 경우입니다.

article a {
    color: blue;
}

결과

구글 아이콘에 hover 속성을 줘서 색상을 바꿔보려고 합니다.

1.구글 아이콘을 검색후 svg 로 다운 받습니다.

2.tailwindcss의 fill속성을 이용해서 색상을 변경합니다.

1.구글 아이콘 svg 얻기

Material Symbols and Icons - Google Fonts

<svg height="24" viewBox="0 -960 960 960" width="24"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>

처음 다운정보에는 xmlns정보가 있으나 삭제했습니다.

2. tailwindcss의 fill 속성을 이용해서 색상 변경하기

<svg class="fill-black hover:fill-blue-500 cursor-pointer" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>

class="fill-black hover:fill-blue-500"  기본 검정, 마우스 hover일때 원하는 색상을 선택합니다. 현재 blue-500

처음에 stroke 속성인줄 알았으나 fill 이었습니다.

Fill - Tailwind CSS