전체 글 (163) 썸네일형 리스트형 [Git] git log 알아보기 현재 브랜치의 위치와 커밋 기록을 보기 위해 git log를 자주 사용한다. 근데 일반적으로 git log만 입력한다면 텍스트로만 보여주기 때문에 눈이 편하진 않다. 그래서 git log의 option에는 그래프로 시각화해주는 기능이 있다. # 일반적 git log # 그래프 git log --graph 그래프로 보면 어느 지점에서 merge되고 branch가 생겨났는지 등 좀 더 시각적으로 이해하기가 편하다. [React] 리액트에서 반복문을 사용해 배열의 내용들 출력하기 객체 안에 담긴 내용을 html에 보이게 해야 하는데 객체 멤버 변수 중 배열로 되어 있는 것이 있어 배열의 내용을 깔끔하게 출력하는 방법을 공유하려고 한다. 반복문을 사용해 배열 내용을 출력하는 방법은 두 가지가 있는데 본인 코딩 스타일에 맞는 방식을 선택해 코딩하면 되겠다. 1. 메소드의 return 값을 출력 const use_for = (arr) => { const result = []; for (let i = 0; i < arr.length; i++) { result.push({arr[i]}); } return result; }; return ( {use_for(arr)} ) 메소드의 return 값들을 출력시켜주는 방법이며 arr는 부모에게서 받아 오거나 import한 파일의 정보를 담고 있는.. [Apache] HTTP에서 HTTPS으로 Redirect 하기 여기를 보면 ssl 인증을 받아 https 접속이 가능해졌다. 하지만 여전히 도메인으로 들어가면 http://[도메인]으로 들어가지기 때문에 http 요청 시 https로 redirect해서 https로 동작하게 해야 한다. 우선 필요한 모듈에 주석을 풀어줘야 한다. # httpd.conf LoadModule rewrite_module modules/mod_rewrite.so 그리고 VirualHost를 설정해주면 된다. # httpd.conf OR httpd-vhost.conf # httpd-vhost.conf 사용하는 경우 httpd.conf에서 Include 주석 해제해줘야 함 ... RewriteEngine On RewriteCond %{HTTPS} off RewriteRule (.*) https.. [SSL] win-acme, Let's encrypt로 무료 SSL 인증서 발급 https로 웹 서버를 연결하기 위해서는 SSL 인증서를 발급받아 443 포트로 접속하게 해야 한다. ssl 인증서는 유료지만, 능력자분들이 무료로 발급 받을 수 있게 해줬다. win-acme 프로그램을 통해 무료로 발급 가능한데 여기에서 다운로드 받으면 된다. 다운로드 받은 후 압축을 풀고 .exe파일을 클릭하거나 cmd를 키고 압축 푼 위치로 이동해 다음 명령어로 실행하자. path> wacs.exe win-acme 사용법 M: 전체 옵션을 이용해 인증서 생성 R: 갱신 A: 갱신 관리 우리는 처음이기 때문에 M을 눌러 인증서 첫 생성을 해준다. 사용자가 직접 입력하면서 진행하므로 2번 선택 그럼 Host를 입력하라고 하는데 본인의 도메인을 입력해주면 된다. 그런 다음 Friendly.. 어쩌고 뜰텐.. [Windows] 서비스 시스템 이벤트 로그 보기 윈도우10 환경에서 Apache로 웹 서버를 만들려고 하는데 Apache 설정하는 과정에서 종종 에러로 인해 서비스가 실행이 되지 않는다. 이런 서비스 에러는 Apache 내부에 찍히지 않기 때문에 윈도우 시스템에서 이벤트 로그를 확인해보라는 안내문을 보여준다. 이벤트 로그를 보지 않는다면 서비스가 왜 실행이 되지 않는지 절대 알 수 없기 때문에 이벤트 로그를 찾아 에러를 수정해야 한다. 1) 실행 Win + R 단축키로 실행창을 킨 다음에 eventvwr.msc 명령어를 입력한다. 2) Windows 로그 그럼 이벤트 뷰어 창이 열리며 왼쪽에 디렉토리 목록에서 Windows 로그를 클릭한다. 3) 응용 프로그램(서비스) Windows 로그 하위 목록에 응용 프로그램을 클릭하면 애플리케이션 에러를 볼 수.. [Apache] ver2.4 에서 http 403 에러 발생 [Error Code: AH01630] Windows 10 환경에서 Apache 2.4에서 다중 포트를 구축하다가 80포트 외에 다른 포트에 접속 시 http 403 에러가 발생했다. 그래서 error.log를 보니 다음과 같이 에러가 찍혀 있었다. AH01630: client denied by server configuration: 인터넷 검색을 해본 결과 Directory에 대한 접근 권한 문제인 것을 발견하고 접근 제한을 해제해 접근하도록 해줘야 한다. 다만, 2.4 버전을 기점으로 이전과 이후가 있다고는 하는데 본인이 2.4에서 해결했다보니 2.4 이전 버전에서는 제대로 동작하는지는 모르겠다. 2.4 이후 버전 # ver >= 2.4 ... Require all granted ... 이전 버전 # ver < 2.4 ... Order a.. [Server] Windows 10 환경에서 Apache 서버 구축 윈도우에서 Apache 환경을 구축하는건 쉽다. 우선 여기에서 32/64 bit 환경에 맞춰 Apache 파일을 다운 받아 원하는 곳에 압축을 푼다. ├ Apache2 │─ bin │ ─ conf ......... 그럼 위와 같은 디렉토리 구조를 가지고 있는데 conf/로 간 다음에 httpd.conf를 메모장으로 연다. 파일을 연 상태에서 Ctrl+F를 눌러 SRVROOT를 찾았으면 루트 디렉토리를 본인의 Apache2 위치로 변경해준다. 그리고 cmd를 관리자 권한으로 연 다음에 현재 위치를 Apache2/bin/으로 이동하고 다음 명령을 수행하면 Apache Service가 설치된다. Apache2\bin> httpd.exe -k install 반대로 삭제하고 싶다면 다음 명령을 수행하면 된다. A.. [React] React Icons 사용하기 React에서 제공하는 모듈을 사용해 다양한 아이콘을 가져오자. 공식 문서 및 아이콘 리스트를 보고 싶다면 여기를 클릭! 우선 모듈을 설치해야 한다. $ npm install react-icons 사용 예제 코드 import { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return Lets go for a ? } } Beer 검색 시 여러 종류의 Beer 이미지가 나오는데 사용 예제에서는 Font Awesome에서 제공하는 FaBeer를 사용했다. Fa의 Beer인 FaBeer를 사용했기에 from 'react-icons/fa'라고 선언한 것이다. 이것을 확장해서 생각해보면 BiBeer를 사용하고.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 21 다음
