Visual Studio Code 유용한 기능 – prettier

안녕하세요. Visual Studio Code 유용한 기능 – prettier 에 대한 소개 포스트입니다.VS Code를 사용하면서 다양한 플러그인(확장기능)을 사용하고 있는데요.시간이 될 때 하나씩 소개하는 글을 작성하려고 합니다. Prettier 란? Prettier는 ‘Beautify’ 라는 확장기능과 양대산맥으로 불리는 Formatter 기능입니다.Formatter란, 제가 작성한 코드에 대해 설정된 규칙에 의해 정렬을 해주는 기능이라고 보시면 됩니다.VS Code에도 내장된 Formatter가 있지만, 이미 알고 있듯이 내장기능이 만족스럽지 않기 때문에 확장 플러그인이 …

워드프레스 Briefly unavailable for scheduled maintenance 해결

안녕하세요. 워드프레스 Briefly unavailable for scheduled maintenance 해결 포스트입니다.벌써 호스팅 업체에서 GCP로 옮겨온지 1년이 훌쩍 넘어버렸네요. 이전에 호스팅 업체를 이용할때가 오히려 더 빠른 기분이 들지만, 지금이 더 커스터마이징할 수 있고 더 자유도가 높아 만족도는 좋습니다. 이번 포스트를 쓰게된 계기가 앞서 얘기한 이야기의 연장선에서 파생되었는데, 워드프레스를 사용하다보면 업데이트를 자주하게 됩니다. 그런데 GCP를 이용하고나서부터 플러그인 업데이트를 누르게되면 꽤 오래(그렇다고 엄청 오래는 아닙니다.) …

[django] windows git bash createsuperuser 생성 불가

django Logo Image

[django] windows git bash createsuperuser 생성 불가 관련 포스트입니다. 요새 웹서버 구축을 위해 django를 만지고 있습니다.리눅스에서 다루면 더 편리하겠지만, 제가 가지고 있는 개발환경은 윈도우 밖에 없어서 git bash를 사용하고 있습니다. python을 설치하고, django를 설치한 후에 가이드에 따라 진행하고 있는데 슈퍼유저(Superuser)를 생성하는 단계에서 아래와 같은 에러를 맞았습니다. 예상치 못한 에러가 발생하여 순간 골이 아팠지만 우리에겐 구글신이 있어 금방 해결할 수 있었습니다. …

Web Front-End & Back-End 구분 정리

web front-end & back-end

Web Front-End & Back-End 구분 정리 포스트입니다. 다양한 IT 회사의 채용 페이지나 기술 자료들을 보게되면 거의 대부분 언급되고 있는 용어입니다.대부분 알고 계시는 내용이지만, IT 영역을 갓 접하신 분들을 위해 준비했습니다.제가 게시한 내용은 기본적인 개념에 대해서만 다룰 예정입니다만, 오기입되어 있는 부분이 있다면 댓글로 알려주시기 바랍니다. Front-End & Back-End 위 그림은 Front-End와 Back-End를 간략하게 구분해서 볼 수 있게끔 도식화한 개념도입니다. 프론트엔드(Front-End) Front-End의 …

HTML 기본 구조 & 문법 안내

HTML Logo

HTML 기본 구조 & 문법 안내 포스트입니다.HTML을 시작하면서 기본적으로 알아야 하는 내용에 대해 다뤄보려고 합니다. index.html 파일 html을 공부한다면 처음 접하게 되는 파일명은 ‘index’입니다.별다른 의미는 없습니다.중요한 부분은 ‘.html’로 끝나는 파일이 html파일이라는 것입니다. 위 구조가 html 파일의 기본 구조입니다.(meta 부분은 필수항목은 아니긴 합니다.)이 파일을 구성하는 형태들에 대해 간단하게 아래에 정리를 해보겠습니다. HTML 구성 요소, 태그 (Tag) ‘<>’ 처럼 꺽쇠 형태로 되어 …

CentOS 7에서 워드프레스 파일 업로드 사이즈 수정하기(php, nginx)

웹사이트에 HTTPS(SSL) 적용 테스트를 하기 전에 지금 운영하고 있는 이 사이트의 환경과 비슷하게 만들어주기 위해 플러그인 설치 및 워드프레스 버전을 맞춰주었다. 그리고 테마를 설치하기 위해 가지고 있던 테마파일(.zip)을 업로드를 시도하였다. Nginx서버에서 413 에러를 뿜으며 나에게 모욕을 주었다.. 다행히 뒤에 영어로 파일 사이즈가 크다고 말해줘서 이유는 금방 알 수 있었다. 그럼 우리는 두 곳에서 설정을 변경해주어야 한다. [php.ini] – /etc/php.ini upload_max_filesize = …

CentOS 7에서 워드프레스 사용을 위한 PHP 및 Nginx 환경 설정

LEMP Stack

처음 설정해줄 파일은 ‘php.ini’ 파일이다. 이 파일은 보통 /etc/php.ini에 존재한다. [ php.ini ] – ‘vim /etc/php.ini’ date.timezone = Asia/Seoulcgi.fix_pathinfo = 0 위 파일을 처음 열게되면 매우 길고 색도 까무잡잡해서 찾기 힘들 수 있다. vim Editer를 잘 사용하시는 분이라면 문제가 없겠지만, 초심자를 위해 알려주자면 ‘/’을 누른 후 timezone을 친 후 엔터를 치게되면 검색이 되니 잘 활용하면 좋다.검색 후 그 라인에 커서를 가져가 ‘i’를 …

CentOS 7에서 LEMP Stack을 위한 Nginx 설치

Nginx Logo

우선 Nginx 설치 하는 방법에는 여러 방법이 있다고 먼저 말씀을 드리고 싶다. 하지만 지금 내가 진행하는 방식은 이 프로젝트를 시작하고 여러 방식의 시도를 거쳐보고 가장 확실하게 세팅할 수 있는 방법을 소개하는 것이니 다른 방법이 더 좋아보인다면 그렇게 해도 무관하다. ++ Nginx구성파일의 Config를 자동으로 만들어주는 사이트가 있다. 나중에 컨피그 공부할 때는 여기서 이것저것 눌러보면서 한번 참고해보자. 그럼 우선은 yum 레포지토리 정보를 …

CentOS 7에서 LEMP Stack을 위한 PHP 7 설치

PHP Logo

이 포스트는 위에 링크되어 있는 포스트의 절차가 다 되었다는 전제하에 이루어진다. 사실 PHP설치는 단독적으로 이루어지는 부분이다보니 그냥 상관없이 따라하셔도 완성할 수 있다. 다만 그 이후 이루어지는 부분은 WordPress 웹사이트를 운영하기 위한 웹서버 구축 환경 구성 방법에 대해 소개하는 것이니 참고만 해도 무관하다. Redhat 계열의 리눅스는 yum이라는 도구를 사용하여 패키지를 설치한다. yum은 yum저장소를 통해 패키지를 다운받게 되는데, yum 저장소에 원하는 패키지가 …