비교특징CSS 리셋 (Reset)CSS 노멀라이즈 (Normalize)기본 스타일 처리브라우저 기본 스타일을 모두 제거하여 모든 요소를 초기화합니다.브라우저 간 기본 스타일 차이를 보완하면서 유용한 기본 스타일은 그대로 유지합니다.접근 방식모든 요소의 스타일을 제거한 후, 개발자가 전부 직접 스타일을 정의합니다.기본 스타일의 일관성을 높여 브라우저 차이를 줄이고 접근성을 개선합니다.대표 라이브러리Elad Shechter’s CSS Resetnormalize.css장점- 초기 상태에서 스타일링을 시작하여 예측 가능성이 높습니다. - 모든 요소를 동일한 상태로 만듭니다.- 기본 스타일의 장점을 유지하면서 일관성을 제공합니다. - 접근성과 사용성을 개선합니다.단점- 기본 스타일을 모두 제거하므로 추가적..

함수에러 처리중복 포함사용 용도사용 용도 예시include()파일이 없으면 경고(E_WARNING) 발생, 실행 계속중복 포함 가능선택적 파일 포함디자인 레이아웃 파일, 광고 배너, 언어 팩 파일include_once()파일이 없으면 경고(E_WARNING) 발생, 실행 계속 (단, 중복 방지)중복 방지선택적 파일 포함플러그인 파일, 서브 기능 모듈, 임시 설정 파일require()파일이 없으면 치명적 오류(E_COMPILE_ERROR) 발생, 실행 중단중복 포함 가능필수 파일 포함데이터베이스 연결 파일, 구성 파일, 핵심 라이브러리require_once()파일이 없으면 치명적 오류(E_COMPILE_ERROR) 발생, 실행 중단 (단, 중복 방지)중복 방지필수 파일 포함프레임워크 초기화 파일, 핵심 모..

개요프로젝트를 진행하던 중 나의 작고 소중한 php 서버가 mysql 서버를 접근하지 못하여 찾아보니 컨테이너간 네트워크가 연결되어있지 않아 발생한 해프닝이었다.딸깍만 하면 모든게 자동으로 되는 환경을 원하기 때문에 docker compose의 networks 옵션에 대해서 찾아보았다.Docker Compose 네트워크 옵션옵션설명예시external이미 만들어진 네트워크를 사용한다.(새로 만들지 않음)external: truename네트워크의 이름을 정한다.name: my_custom_networkdriver컨테이너들이 서로 연결되는 방식을 정한다.(default: bridge)driver: overlaydriver_opts드라이버가 필요로 하는 추가 설정한다.driver_opts: com.docker...

🌟 한글명언 OPEN API 기술설명서본 문서는 한글명언 OPEN API 프로젝트의 전반적인 시스템 구성, 사용 기술(버전 포함), 모듈별 역할, 실행 방법, 배포 환경, 관련 링크 정보 및 CI/CD 파이프라인 설정에 관한 설명서입니다.1. 개요api key나 복잡한 인증 필요없이 한글로 번역한 명언을 받아볼 수 있는 OPEN API 서비스 구현2. 관련 링크 📑아래는 프로젝트와 관련된 다양한 링크 정보입니다.API 문서: https://quote.aleph.kr/api-docs/(API 문서 페이지)관리자 페이지: https://quote.aleph.kr/admin(관리자 전용 명언 관리 페이지)깃허브: https://github.com/Aleph-Kim/korean-quote(프로젝트 소스 코드..

개요PostgreSQL db로 프로젝트를 진행하던 중 한글 컬럼을 기준으로 정렬을 했더니 정렬이 이상하게 되는걸 발견했다. 이를 해결하는 방법을 정리해본다.방법 1 - pg_database 업데이트첫 번째 방법은 데이터베이스의 collate 값을 업데이트하는 방식으로 간단하게 데이터베이스 전체에 로케일 변경이 가능하다.이 방법은 시스템에 ko_KR.utf8 로케일이 미설치된 경우 실패하므로, 해당 로케일이 설치되어 있는지 확인(명령어: locale -a | grep ko_)해야한다.select datname, datdba, encoding, datcollate, datctype from pg_database; -- 현재 데이터베이스 로케일 확인UPDATE pg_database SET datcollate ..

개요정리하고 싶지 않았지만 자꾸 찾아보게 되고... 안 찾고 기억을 더듬어 마음대로 하다가 하루종일 작업한 내용을 날릴 뻔하여 부랴부랴 정리하게 된 커밋 메시지 수정 방법에 관한 글이다.방법현재 브랜치의 마지막 커밋 메시지를 수정하기git commit --amend위 명령을 입력하면 마지막 커밋 메시지를 수정할 수 있다.메시지를 원하는 대로 수정한 후 저장하고 종료(:wq!)하면 커밋 메시지가 변경된다.이전 커밋 메시지 수정하기 (예: 마지막 3개의 커밋)git rebase -i HEAD~3위 명령을 실행하면 아래와 같은 목록이 열린다.pick abcdef1 커밋 메시지 1pick bcdefg2 커밋 메시지 2pick cdefgh3 커밋 메시지 3여기서 수정하고 싶은 커밋 앞의 pick을 reword(또..

개요open api 프로젝트를 진행하던 중 api 문서를 만들 차례가 다가왔고, swagger의 끔찍한 ui를 피하기 위해 어떤 라이브러리를 사용할까 고민하다 apiDoc이라는 간단한 api 문서 생성 라이브러리를 찾아 사용하게 되었다.apiDoc 공식 Live Demo프로젝트 구조project/├── doc/│ ├── assets/│ └── index.html├── src/│ ├── controllers/│ │ └── userController.js│ └── routes/│ └── userRoutes.js├── app.js├── .gitignore├── apidoc.json└── package.jsonapiDoc 사용법1. 라이브러리 설치npm install --save..

필요한 선행 작업php 설치composer 설치npm 설치1. 프로젝트 생성composer create-project --prefer-dist laravel/laravel:^8 my-laravel-project # laravel 프로젝트 생성cd my-laravel-project # 프로젝트로 이동composer require laravel/ui # ui 설정 패키지 설치php artisan ui vue # vue를 기본 프론트엔드 설정2. laravel 서버 실행php artisan serve3. 정상 작동 확인http://127.0.0.1:8000/4. vue 실행npm install && npm run dev # npm 설치 및 최초 webpack 컴파일npm run watch # vue 변경사항 ..