소신의 블로그생활

Prettier는 코드 포매터로 저장 시 자동으로 코드를 깔끔하게 정리해주는 라이브러리이다. 이번에 프론트엔드 협업을 진행하면서 코드를 맞추기위해 Prettier를 사용해야했고, VScode에서 사용하는 법을 정리하려고 한다. prettier-vscode github Prettier (Code Formmater) doc 협업함에 있어 컨벤션을 정하는 것은 당연히 중요하지만 코드 가독성을 높이기 위해서 줄바꿈, 들여쓰기를 적절히 하는것도 중요하다. 본 글은 node로 생성한 프로젝트가 있다는 가정하에 진행한다. 순서 1. prettier 설치 2. prettier 설정 3. vscode 설정 1. prettier 설치 package.json이 들어가있는 Node 프로젝트라면 환경에 상관없이 사용가능 npm..

사이드 프로젝트를 진행하면서, 네이버 클라우드 플랫폼(NCP) 30만원 크레딧을 제공받는 김에 AWS 대신 NCP를 써보기로 했다. AWS EC2서버에 접속하는것과는 조금 다르고, 관련 레퍼런스도 많지 않아 설정하는데 조금 애먹었다. 설정하면서 느낀점은 디테일한 부분을 꼼꼼히 신경쓰는 네이버답게 보안이 잘 되어있다는 것과 내가 내 서버 접속하는것도 까다로운데 내 서버가 과연 해킹당할 수 있을까? 라는 생각도 들었다. 순서 1. 준비사항 2. VSCode Extension 설치 3. config 파일 수정 4. Trouble Shooting 1. 준비사항 NCP 서버 로그인 후 콘솔에 접속하면 좌측 메뉴바를 확인할 수 있다. 여기서 Region과 Platform에 따라 서버가 나뉜다. (생성한 서버가 안 ..

가상의 컴퓨터를 하나 빌리는 것은 다양한 작업(자동화 프로그램, 간단한 FE, BE 배포)을 하는데 유용하다. CLI에서 접속해서 사용하는것보단 vscode같은 IDE툴을 활용하는 것이 생산성이 더 좋다고 생각한다. 서버 다양한 목적(컴퓨팅, DB, AI, ...)을 위해 컴퓨팅 자원을 구축하거나(자체서버) 빌려 사용(클라우드)하여 제공되는 것 순서 1. 준비사항 2. VSCode Extension 설치 3. config 파일 수정 4. Trouble Shooting 1. 준비사항 AWS EC2 EC2 서버는 생성시 기본적으로 보안 그룹에 ssh 접속을 위한 22번포트가 열려있음 ★★★★★ 키페어 파일인 pem 파일을 잘 관리할 것 pem파일을 주로 C:/Users/{USER_NAME}/aws 하위에 저..