팁스토리, Tips

■ PHP Cross-Origin Request Headers(CORS) Header 설정 PHP에서 다른 도메인 호출에 대한 엑세스(Access) 권한이 없는 경우 HTTP 메소드 지정하여 호출 권한을 설정할 수 있음 - Axios 통신을 위해 PHP CORS 설정을 함 - GET, POST, PUT, DELETE, OPTIONS 메소드를 허용 ■ CORS 위한 Header 설정 값 Access-Control-Allow-Origin Access-Control-Allow-Credentials Access-Control-Allow-Methods Access-Control-Allow-Headers Content-type ■ 예시 // 특정 도메인(test.com)의 호출만을 허용 header("Access-..

■ LINUX vi/vim 줄번호(라인넘버) 보기, 이동 명령어 (영구설정 방법) 기본적으로 vi/vim 에디터에서 줄번호(라인넘버)는 보이지 않지만 번호를 보거나 원하는 라인 번호로 이동해야 할 때가 있음 또한 매번 명령어를 통해 줄번호를 보지 않고 영구적으로 노출될 수 있게 설정할 수 있음 ■ 명령어 명령어 기능 shift + g 파일 최하단으로 이동 gg 파일 최상단으로 이동 ctrl + b Page UP ctrl + f Page Down :set number 또는 :set nu 줄번호(라인넘버) 보기 [원하는 줄번호] + shift + g 원하는 줄번호로 이동 ■ 영구설정 1. 홈 디렉토리에서 .vimrc 파일을 만듦 *파일명 앞에 마침표(.)가 있으면 히든파일로 ls 시 옵션 -a 를 주지 않으..

[Error] EACCES: permission denied, unlink '/usr/local/bin/code' MAC 터미널에서 code 를 치면 vscode 가 실행되게 설정하려면 vscode에서 ⇧⌘P(cmd+shift+P) 입력 shell 을 검색 후 "Shell Command: Install ‘code’ command in PATH" 를 눌러 설정해줘야 함 이 때 EACCES: permission denied, unlink '/usr/local/bin/code' 문구가 팝업으로 뜸 ■ 해결방법 터미널에서 하기 명령어 실행 후 vscode에서 다시 설정해주면 잘 됨 cd /usr/local/bin sudo rm -rf code

■ JAVA 자바 개발 인텔리제이 플러그인 추천 (Intellij Plugin) ■ 플러그인 1. Atom Material Icons Atom IDE 를 입혀 메뉴 아이콘을 가독성 좋게 바꿔줌 2. aiXcoder Code Completer 코드 완성 플러그인 3. codeGlance Pro 우측 상단에 미니맵 생성 4. GitToolBox 현재 브랜치 표시 및 일정시간에 맞춰 자동으로 Git Petch 진행 5. Key Promoter X IDE 내에서 현재 돌아가는 동작 중에 마우스로 행한 동작이 단축키가 있을 경우 단축키를 알려줌 6. Presentation Assitant 사용되는 단축키를 화면 중앙에 잠깐 표시해줌 7. Rainbow Brackets 중괄호 { } 짝을 구분할 수 있게 짝마다 색..

■ JAVA 자바 어노테이션(Java Annotation) 개념 정리, 종류 자바 어노테이션(Java Annotation)이 뭘까? 자바 소스 코드에 추가하여 사용할 수 있는 메타데이터의 일종으로 앞에 @ 기호를 붙여서 사용함 (JDK 1.5 version 이상에서 사용 가능) 클래스 파일에 내장되어 컴파일러에 의해 생성된 후 자바 가상머신에 포함되어 작동함 ■ 종류 @Entity 클래스 위에 선언하여 해당 클래스가 엔티티(Entity)임을 알려줌으로써, JPA에서 정의된 필드들을 바탕으로 데이터베이스에 테이블을 만들어줌 @Builder 클래스에 해당하는 엔티티 객체를 생성할 때 빌더 패턴을 이용해서 만들 수 있도록 지정해주는 어노테이션, 선언해놓으면 추후 다른 곳에서 Board.builder(). {여..

■ Docker Container 명령어 (전체실행/중지) 도커 컨테이너들을 한번에 실행하거나 중지시키는 명령어 ■ 명령어 #현재 컨테이너 리스트 docker container ls -a #컨테이너 전체 시작 docker start $(docker ps -a -q) #컨테이너 전체 중지 docker stop $(docker ps -a -q)

■ Docker Container 도커 컨테이너 명령어(start, stop, create, rm, run, cp) 도커 컨테이너를 명령어로 제어할 수 있음(실행, 중지, 생성, 삭제 등) ■ 명령어 #모든 명령어 확인 docker #컨테이너 리스트 확인(status 포함) docker container ls -a #실행 docker start [CONTAINER ID or NAMES] #중지 docker stop [CONTAINER ID or NAMES] #생성 (도커 이미지를 컨테이너로 생성해주는 명령어) docker create [OPTIONS] IMAGE [COMMAND] [ARG..] #삭제 docker rm [CONTAINER ID]

■ CSS HTML & CSS Tabs example, tab menu 탭메뉴 만들기 ■ HTML Tab One My father had a small estate in Nottinghamshire: I was the third of five sons. He sent me to Emanuel College in Cambridge at fourteen years old, where I resided three years, and applied myself close to my studies; but the charge of maintaining me, although I had a very scanty allowance, being too great for a narrow fortune, I was bou..

■ CSS Display Image On Text (a tag) Hover Only CSS 태그 hover 시 이미지 미리보기 기능 css 로만 구현하기 ■ HTML & CSS Show Image

■ JAVA 맥 MacOS brew로 자바 설치하기 (버전별 11,17) ■ Java 16 버전 이하와 17 버전 설치 방법이 다른 이유 AdoptOpenJDK는 2021년 07월 24일 OpenJDK 16 버전 이후 Eclipse Adoptium 로 이전 ■ Java 16 버전 이하 설치 시 설치방법 1. homebrew 설치, 업데이트 brew update 2. adoptopenjdk/openjdk 추가 #서드파티 저장소 내 adoptopenjdk/openjdk 저장 brew tap adoptopenjdk/openjdk #MacOS 운영체제에서 애플리케이션을 설치하고 관리할 때 필요한 명령어 brew install cask brew tap ? - 사용자가 다른 레포지토리를 등록하고 해당 레포지토리에서..

■ Iterm2 명령어 자동완성 기능, Oh-My-Zsh autosuggestions autosuggestions 최근 사용한 명령어 히스토리 기반으로 자동으로 제시해주는 기능을 제공하는 플러그인 ■ 순서 1. 플러그인 설치 git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions 2. vi ~/.zshrc 파일 수정 /plugin 검색 후 아래 영역 찾아서 i(insert) > zsh-autosuggestions 추가 > esc > wq! #기존 plugins=(git) #수정 plugins=( git zsh-autosuggestions )

■ LINUX Crontab 크론탭 설정 및 중지, 재시작 service cron ■ Crontab #크론탭 시작 service crond start #크론탭 중지 service crond stop #크론탭 재시작 service crond restart #크론탭 설치여부 확인(설치되어 있는 리스트 확인) ps -ef | grep cron #wget 사용 0 0 * * * /usr/bin/wget http://test.co.kr/test #curl 사용 0 0 * * * /usr/bin/curl http://test.co.kr/test ■ 명령어 yy#복사 p#붙여넣기 dd#잘라내기 i#입력모드 esc#명령모드 :wq#저장하고 나가기 :q!#저장하지 않고 강제 종료 :set nu#줄번호 ■ 예약설정 분, ..

JQuery DIV 가로 세로 순서 이동, sortable ■ CSS #sortWrap { padding: 10px; } #sortWrap div { margin: 10px; padding: 10px 0 10px 20px; background-color: #FFF; border: 1px solid #ddd; cursor: move; } ■ HTML 1 2 3

■ PHP PHPExcel 엑셀 다운로드 기능 (.xls, .xlsx 차이) ■ .xls 다운로드 .xls 엑셀 파일로 다운로드하게 할 경우 createWriter 함수 2번째 변수를 Excel5 로 설정해줘야 함 ■ .xlsx 다운로드 .xlsx 엑셀 파일로 다운로드하게 할 경우 createWriter 함수 2번째 변수를 Excel2007 로 설정해줘야 함 + 최상단 header 추가 (utf-8)

■ NGINX + PHP7.0 + PHP-FPM 설치방법 ■ 설치 및 업데이트 1.1. 업데이트 sudo yum update 1.2. NGINX 설치 sudo yum install nginx -y 1.3. PHP 7.0 설치 (+php-fpm, mysql 등) sudo yum install php70 php70-fpm php70-mcrypt php70-xml php70-mcrypt php70-zip php70-xmlrpc php70-gd php70-curl php70-pdo php70-mysqlnd php70-mbstring php70-gmp 1.4. NGINX + PHP 재시작 sudo service nginx restart sudo service php-fpm restart 1.5. NGINX + P..