본문 바로가기

💻 DEV54

[NextJS] EsLint Delete `␍` eslint (prettier/prettier) 에러 해결하기 필요성 Next JS, Nest JS를 다루기 위해 개발단계 초기, EsLint를 설정해줬습니다.(설정방법은 글 하단 링크 첨부) 협업시, 코드의 통일성과 유지보수 등의 문제를 위해 EsLint를 설정한 것에 그치지 않고 발생한 에러에 대해서 해결해보는 시간을 갖고자 합니다. Delete `␍` eslint (prettier/prettier) 에러에 대해 살펴보겠습니다. 접근 1. 발생한 에러 모습 2. 에러 해결방안 제시 방법 1. 발생한 에러 모습 코딩을 하던 중, 각 코드라인 끝에 빨간밑줄이 발생하면서 (구동은 되지만) 굉장히 눈에 거슬리는 상황에 노출됐습니다. Delete `␍` eslint (prettier/prettier) 정확한 에러명칭은 위와 같이 식별이 됐습니다. 2. 에러 해결방안 제시.. 2023. 3. 9.

[Python] Python 설치, Anaconda 설치 (기본 환경설정) 필요성 개발을 해나가면서 Jupyter(or JupyterLab or JupyterHub)를 사용한다거나, conda 환경을, DL과 ML을 위해서는 Python 개발환경을 갖춰야하는 일은 당연합니다. 그 중 핵심이자 기본인 (1) Python 설치, (2) Anaconda 설치를 진행해보겠습니다. 접근 1. Anaconda 설치 - (1-1) 설치 (Install) (1-2) 업데이트(Update) 2. Python 설치 - (1-1) 설치 (Install) 방법 1. Anaconda 설치 1-1. 설치 (Install) 1) 아나콘다 설치 url 접속 → download 버튼으로 본인의 운영체제에 맞게 설치를 진행합니다. 2) cmd창을 열어 "conda --version"을 입력하고, 제대로 설치가.. 2023. 3. 8.

[Status] HTTP 응답 상태 코드 모음 필요성 웹 애플리케이션 프로젝트를 진행하다보면 200, 304, 404, 500 등 수많은 Status(상태)를 접할 수 있습니다. 자주 마주하는 상태들은 익숙해 손쉽게 해결할 수 있지만, 뜬금없이 맞이하는 상태들은 작업 난처하게 만들 때가 있습니다. 때마다 찾아볼 수 밖에 없는 HTTP 응답에 관한 상태코드를 정리해보겠습니다. 접근 1. HTTP 상태 코드 의미 2. HTTP 상태 코드 종류 상세 1. HTTP 응답 상태 코드 "의미" HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 여부를 표시합니다. 응답은 세 자리 숫자로 반환되고, 앞자리는 1~5로 크게 5가지 그룹으로 나눠지며, 뒷 숫자에 따라 상세하게 달라집니다. 2. HTTP 상태 코드 "종류" 정보 응답 100 Con.. 2023. 3. 8.

[NextJS] EsLint 설정하기 필요성 프로젝트에 함께하는 팀원들은 저마다의 코딩스타일을 갖고 있습니다. 때문에 각각의 스타일을 용인한 채, 협업을 하게 되면 훗날 코드를 병합하는 과정에서 수많은 골칫거리를 안을 수가 있겠습니다. 문법 에러를 찾아 표시해줄 뿐 아니라, 프로젝트를 개별적으로 개발할 때에는 놓칠 수 있었던, 코딩스타일의 통일-점검을 해주는 ESLint를 소개하고, 설정하는 방법을 알아보겠습니다. 접근 1. ESLint란? 2. 프로젝트 생성 3. ESLint 설치 4. ESLint 설정 방법 1. "ESLint" 란? "ESLint"는 JavaScript 코드에서 발생된 문제(에러) 패턴을 식별하기 위한 정적 코드 분석 도구입니다. - ESLint를 설정해 적용하는 것만으로도 다수의 손길을 거친 프로젝트가 마치 1명이 개.. 2023. 2. 28.

[PostgreSQL] Superuser 계정 비밀번호 찾기 + 재설정 필요성 PostgreSQL 을 통해 DB를 구축하고자 Database 생성을 하던 중, 해당 계정의 role이 SuperUser가 아니고, DB생성의 역할도 수행할 수 없는 계정임을 알고 SuperUser 권한을 가진 계정으로 다시 접근하고자 했습니다. SuperUser 계정으로 접속 시도를 했을 때, 패스워드가 기억나지 않는 문제에 부딪혔고, 패스워드를 찾거나 재설정할 필요가 생겼습니다. 이번 게시글은 PostgreSQL의 SuperUser의 패스워드 재설정에 초점을 맞췄습니다. 접근 1. postgres 설정 파일 pg_hba.conf 파일 찾아 열기 - (보통의 경로) 드라이브:\Program Files\PostgreSQL\14\data\ 2. pg_hba.conf 파일 수정 작업 - scram-s.. 2023. 2. 23.

[DB_postgreSQL] Command 명령어 사용하기 필요성 postgreSQL을 사용해보던 와중, DDL을 다루는 작업 이외에 Database(PostgreSQL)의 명령어에 대한 이해와 학습이 필요함을 느꼈습니다. 아래 항목은 기본적으로 TABLE과 RELATION 관계를 다루기에 유용하게 사용될 명령어를 나열했습니다. (추가적으로, 백업과 복원에 대해서는 여기서 다룹니다) 접근 1. postgresql을 CLI로 다룰 준비 - psql 또는 docker > postgresql 2. 명령어 설명 3. (추가) psql 접속 옵션 4. (추가) psql 모든 계정 찾기 ('\du') 방법 1. postgresql을 CLI로 다룰 준비 (1.1) psql 접속 (SQL Shell) (1.2) docker > postgresql 접근 계정 : ~$ sudo .. 2023. 2. 21.

[Marp] marp, markdown으로 ppt 만들기 필요성 사내에서 세미나를 준비해야하는 상황이 있었고, 매번 PPT(.pptx)로 작업하던 발표자료 방식에 변화를 주고 싶었습니다. 때마침 Markdown을 활용한 Marp(Markdown Presentation Ecosystem)를 사용해 발표자료를 만들고자 목표를 세웠습니다. 아래 내용으로는 Marp를 이해하시는 데에 도움이 될 수 있도록 기본 코드 구성을 다뤄보겠습니다. 접근 1. VsCode 내 Markdown 파일(.md) 생성 2. Marp Extension 'Marp for VS code' 설치 3. Marp 기본 코드 다루기 방법 1. VsCode 내 Markdown 파일(.md) 생성 (1) Vscode (Visual Studio Code) 설치 Vscode (Visual Studio Co.. 2023. 2. 14.

[Spring Boot] (작성중)war 파일 배포하기 (외부, 외장 톰캣) 필요성 사내에서 개발한 Spring Boot 프로젝트의 배포를 앞두고, 로컬 PC에서의 정상적인 운영 검토를 마쳤습니다. 이후 외부 서버 PC에서 돌아가고 있는 톰캣에 이를 war 파일로 배포하는 과정을 수행하게 됐습니다. 로컬에서의 배포와는 사뭇 다르게 외부 톰캣으로의 배포를 위한 과정과 추가적인 설정 등을 깨달았고, 헤맸던 과정을 공유하며 오랜 기간 기억에 저장하고자 기록을 남기게 됐습니다. (+ 자잘한 사이드 지식) 접근 1. STS (Spring Tool Suite) 2. Window 11 서버PC 3. Tomcat 9 4. war file 방법 1. Spring Boot 프로젝트의 JDK 설치 & Installed JREs 등록 p 2. Spring Boot 프로젝트의 maven build 정상.. 2023. 2. 1.

[DB] postgreSQL을 통해 Dbeaver 연결(Connection)시키기 필요성 다양한 RDBMS를 사용해 DB관련 작업을 하다가 최근, Dbeaver라는 데이터베이스 관리 도구를 접하게 됐습니다. Dbeaver는 내부에서 여러 RDBMS를 통합적으로 관리할 수 있다는 장점을 가지고 있습니다. 더불어 GUI상에서 테이블&컬럼 생성부터 각종 다양한 기능을 제공한다는 강점이 사용자로 하여금 편의성을 느끼게 해줍니다. 이번 글에서는 RDBMS 중 하나인 postgreSQL을 통해 DB를 구축하고 이를 Dbeaver에 연결(Connection)하는 기본 절차를 소개하고자 합니다. 접근 1. PostgreSQL 사용 2. Dbeaver 사용 방법 1. PostgreSQL 로 DataBase 접속정보 입력 psql을 작성할 수 있도록 명령 프롬프트를 열어준다. 구축하고자 하는 [ ser.. 2023. 1. 18.

이전 1 2 3 4 5 6 다음

티스토리툴바