[VUE] Vue Prettier 세팅 및 설정하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. 개발을 하다보면 코드 컨벤션을 지켜야하는 부분이 있습니다. 컨벤션이 틀려도 정상 작동은 하지만, 전 개발자라고 생각되지 않습니다.. 컨벤션을 정리해주는 Prettier 설정 방법에 대해 공유합니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # prettier 옵션 중 필요한 옵션 사용하기 "arrowParens": "avoid" ==> 화살표 함수 괄호 사용 방식 "bracketSpacing": false ==> 객체 리터럴에서 괄호에 공백 삽입 여부 "endOfLine": "auto" ==> EoF 방식, OS별로 처리 방식이 다름 "htmlWhitespaceSensitivity": "css" ==> HTML 공백 감도 설정 "js..
[VUE] 인텔리제이에서 VUE Prettier 적용하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. IntelliJ에서 vue Prettier 적용하는 방법을 공유합니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # File > Settings > Plugins로 이동하기 (Ctrl + Alt + S) Prettier를 설치 후 인텔리제이를 재실행합니다. # Languages & Frameworks > JavaScript > Prettier로 이동하기 Prettier package: ./node_modules/prettier (해당 프로젝트의 노드모듈) On 'Reformat Code' action: 체크 On save: 체크 All actions on save..로 이동합니다. # Tools > Actions on Save로 이동..
[VUE] unable to verify the first certificate yarn 에러 해결하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. Error: unable to verify the first certificate at TLSSocket.onConnectSecure (node:_tls_wrap:1545:34) at TLSSocket.emit (node:events:513:28) at TLSSocket._finishInit (node:_tls_wrap:959:8) at ssl.onhandshakedone (node:_tls_wrap:743:12) 에러가 발생했을 때 아래와 방식으로 해결할 수 있습니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # 명령 프롬프트(CMD) 열기 yarn config set strict-ssl false -g yarn config set..
[VUE] unable to verify the first certificate npm 에러 해결하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. Error: unable to verify the first certificate at TLSSocket.onConnectSecure (node:_tls_wrap:1545:34) at TLSSocket.emit (node:events:513:28) at TLSSocket._finishInit (node:_tls_wrap:959:8) at ssl.onhandshakedone (node:_tls_wrap:743:12) 에러가 발생했을 때 아래와 방식으로 해결할 수 있습니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # 명령 프롬프트(CMD) 열기 npm config set strict-ssl false npm config set regi..
[IntelliJ] 인텔리제이 코드 컨벤션 추가 및 설정하기
·
프로그램/ETC
안녕하세요! 프뚜입니다. 인텔리제이에 코드 컨벤션을 등록하고 저장 시, 자동으로 변경되는 설정을 공유합니다. [개발 환경] - OS: Windows 10 64Bit # 네이버 코드 컨벤션 다운로드 링크 클릭 후 Ctrl + S로 저장을 합니다. # File > Settings > Editor > Code Style로 이동하기 Scheme 항목의 톱니바퀴를 클릭 후 import Scheme > IntelliJ IDEA code style XML을 클릭합니다. # 다운받은 XML을 연결하기 선택 후 OK를 클릭하면, 저장하고 싶은 스키마 이름으로 저장할 수 있습니다. 정상적으로 연동 되었습니다. # File > Settings > Tools > Actions on Save로 이동하기 Refomat code,..
[Docker] MariaDB 설치 및 세팅하기 (MySQL)
·
프로그램/DOCKER
안녕하세요! 프뚜입니다. docker image를 통해 MariaDB 컨테이너를 생성하고 언어, init.sql 등을 설정하려고 합니다. 모든 파일은 같은 경로에 생성하는 기준으로 작성하겠습니다. [개발 환경] - OS: Windows10 # DockerFile 파일 생성하기 # 2023.01.11[프뚜]: docker hub에서 제공하는 mariaDB image FROM mariadb # 2023.01.11[프뚜]: ROOT 비밀번호 ENV MYSQL_ROOT_PASSWORD [password] # 2023.01.11[프뚜]: mariadb 생성시 세팅될 conf COPY ./default.cnf /etc/mysql/conf.d/default.cnf # 2023.01.11[프뚜]: mariadb 생성시..
[Windows10] Zookeeper Cluster와 SolrCloude 설치 및 연동하기
·
프로그램/ETC
안녕하세요! 프뚜입니다. Zookeeper를 이용한 Solr Cluster SolrJ 사용 방법은 링크를 통해 확인할 수 있습니다. 3개 이상의 Zookeeper Cluster 연동을 합니다. N개 이상의 Solr를 Zookeeper에 연동합니다. [개발 환경] - Windows 10 64 bit - Solr 7.6.0 - Zookeeper 3.4.11 # Zookeeper 다운로드하기 (링크) 프뚜와 같은 버전을 다운받기 위해 링크를 제공합니다. gz파일은 반디집을 통해 압축 해제가 가능합니다. # Zookeeper 세팅하기 주키퍼 서버 3개를 구현하기 위해서 압축을 3번 해제합니다. D:\Tools\zookeeper-3.4.11_1 경로에 data 폴더를 생성합니다. myid라는 파일을 생성하고 안에..
[Nginx] 413 Payload Too Large (Request Entity Too Large) 오류 해결하기
·
프로그램/ETC
안녕하세요! 프뚜입니다. 용량이 큰 파일을 업로드하면 413 Request Entity Too Large라는 메시지가 발생합니다. client_max_body_size 설정 때문입니다. request의 Content-Length 헤더 값이 설정된 값을 넘을 수 없습니다. [개발 환경] - OS: Ubuntu 22.04.1 LTS # conf 파일 수정하기 # 2023.01.06[프뚜]: nginx conf 경로 vi /etc/nginx/nginx.conf # 2023.01.06[프뚜]: nginx conf 내용 변경 ... http { ... client_max_body_size 20M; ... } ... # 2023.01.06[프뚜]: nginx restart service nginx restart s..
프뚜
프뚜