분류 전체보기 48

EC2 배포

며칠간 세팅하고 오늘 하루 종일 고생한 경험을 대충이나마 남겨볼까 해서 써봄 코드잇 부트캠프에선 배포처를 Render라는 서비스를 추천하고 있다.그런데 트래픽이 없으면 자주 잠들어서 사용할 때마다 잠깐 쉬다 온다거나 하면 로딩이 안되는 문제가 자주 생겼다. 이게 불편한 것도 있고 실제로 현업에서 aws를 자주 사용한다고 들었기에 AWS의 EC2를 이용해 배포를 하기로 했다. 지금은 실제 배포할 타이밍은 아니지만, 프론트엔드에서 사용할 수 있는 서버를 제공하기 위해 배포연습 겸 ec2를 세팅하기 시작했다. aws 서비스를 처음으로 사용하는거라거 처음에 많이 헤맸다. aws에서 iam이란 계정 관리 시스템으로 팀원들의 권한을 나눠서 계정을 관리할 수 있기 때문에 이것부터 적용하고 있었다. ec2 배포에 있어..

11.11

MVC(Model-View-Controller) 패턴이란 무엇인가요? 이 패턴의 각 구성 요소의 역할을 설명하고, MVC 패턴을 사용하는 이유와 그 장점에 대해 서술해주세요.OAuth란 무엇인가요? 그리고 왜 사용하는지 설명해주세요.MVC패턴이란?Model, View, Controller의 약자로, 어떤 프로젝트에 있어 구성요소를 역할에 따라 세가지로 구분한 것이다.다음 이미지는 MVC 패턴을 유저 관점에서 서술한 그림으로, User에게 보여지는 화면이나 UI는 View에 속하며 View를 통해 내부를 조작하는 Controller에 접근하며, Controller는 내부의 Model을 조작하고 이를 다시 View에 표시해 사용자에게 보여준다.여기서 모델은 대개 앱의 정보, 데이터들을 나타내는데 주로 DB와..

깃을 초기화 하고 삭제하기

참조: https://createhb21.tistory.com/8Git은 명령어 단위로 이루어진 간단한 프로그램이다.터미널에서 Git을 이용하는 연습을 해보도록 하자.Git에 관한 Command들은 모두git 다음에 명령어 형식으로 이루어져 있다. 예를 들어 git config 라면, configuration에 관련된 명령어를 수행할 수 있고git commit 혹은 git add 이런 식으로 'git' 다음에 '명령어'의 형식으로 이루어져 있다.또한 보통은 'git 명령어' 다음에 옵션들이 여러가지가 있어서 같은 명령어를 수행하더라도 어떤 옵션을 붙이냐에 따라서 조금씩 다른 방식으로 진행할 수 있다.git add -option따라서 어떤 일을 수행할지에 따라서 git 다음에 add, status, dif..

개발관련/기타 2024.11.04

VSCode Reactjs code snippets(코드 자동 생성)

참조: https://happy-jjang-a.tistory.com/249 React 개발을 하다보면 컴포넌트 생성 시 마다 작성해줘야 하는 공통 부분들이 있는데 이러한 템플릿을 자동으로 생성할 수 있는 VSCode Extension이 Reactjs code snippets 이다.  Reactjs code snippets 설치VSCode 좌측의 Marketplace를 선택하고 "Reactjs code snippets"으로 검색을 한다. 그러면 검색 결과로 여러 개가 나오는데 제작자가 charalampos karypidis로 된것을 선택하고 설치를 한다. 필자는 이미 설치가 되어 있어서 설정 아이콘이 표시가 되는 것이다.    Reactjs code snippets 사용법설치를 하게되면 몇가지 단축키만으로..

기타 2024.10.21

VSCode Auto Import - import문 자동 생성

참조: https://happy-jjang-a.tistory.com/259 vscode에서 react나 node.js로 개발 시 import문 작성하는게 많이 귀찮은데 Auto Import 확장프로그램을 설치해서 사용하면 편리하다.  vscode 좌측 메뉴 중 확장프로그램에서 "auto import"라고 검색하고 설치해주면 된다.   그리고 vscode를 재기동 한다. 아래 예시와 같이 Router라고 입력하면 하단에 import 대상들이 표시되고 선택만 하면 상단에 import문이 추가 된다.   혹시 잘 안되는 경우 프로젝트 Root에 jsconfig.js 파일을 생성하고, 아래와 같이 넣어준 후 해보자  { "compilerOptions": { "target": "es6", "modul..

기타 2024.10.21

git pull - unable to update local ref

참조: https://uncle-bae.blogspot.com/2017/02/git-pull.htmlGit을 이용하여 pull을 수행할때 다음과 같은 오류가 날 수 있다.오류상황 :error: unable to resolve reference refs/remotes/origin/xxxx_file: No such file or directoryFrom git+ssh://remoteserver/~/test ! [new branch] xxxx_file -> origin/xxxx_file (unable to update local ref)error: unable to resolve reference refs/remotes/origin/split-css: No such file or directory ..

개발관련/기타 2024.10.04

Prisma - 객체 간의 관계 설정, 1:N, 1:1, N:M

참조: https://dodote10.tistory.com/624 Prisma 객체간의 관계 설정이번 게시물에서는 DB에서 자주 사용되고 블로그를 통해 많이 소개되었던  1대다(1:N), 1대1(1:1), 다대다(N:M) 관계들을 Prisma는 어떤 인터페이스를 사용해서 이를 설정할 수 있도록 하는지 알아볼것이다.1 : N (One to Many Relations) 이 관계의 경우는 테이블 A의 하나의 레코드는 테이블 B의 여러 레코드와 관련되어 있다. 다만 테이블 B는 하나의 A의 레코드하고만 연결된다. 위 그림에서 와 같이 사용자는 여러번 주문을 할수 있다. 하지만 주문은 주문자로써의 사용자정보를 하나만 가진다.   1 : 1 (One to One Relations)한명의 사용자는 하나의 프로필만 가..

개발관련/기타 2024.09.26

git cannot lock, cannot create 에러

참조: https://code-anthropoid.tistory.com/223 요즘 브랜치를 활용하는 법을 익히려고 이렇게 저렇게 사용해보고 있다그러던 중에 브랜치를 만드는에 다음과 같은 에러가 발생했다fatal: cannot lock ref 'refs/heads/...' cannot create 'refs/heads/...'뭐지..? 평소같이 만들었는데 왜 안되는 걸까여기저기 검색하다 보니 내 경우에는 브랜치 네이밍 문제였는데브랜치 명을 test로 할 경우 다음과 같은 경로에 저장된다 refs/heads/testtest에서 작업을 하다가 여기서 파생되는 작업을 하고싶어서 브랜치를 또 만드는데그 이름을 test의 파생임을 나타내기 위해 하위 경로로 지정한다 test/something하지만 이런 네이밍을 ..

개발관련/기타 2024.09.25

관계형 DB를 활용한 JS 서버 만들기

기존에 사용하던 mongodb에서 RDB인 postgreSQL로 변경하고, ORM으로 Prisma를 사용한다.prisma.schema에 스키마를 정의한다.model User { id String @id @default(uuid()) nickname String image String? @default("") createdAt DateTime @default(now()) updatedAt DateTime @updatedAt}필드명 / 필드타입 / 어트리뷰트 순으로 정의한다.필드타입 뒤에 ?를 붙이면 Nullable(Optional) 필드가 된다.@id : id필드로 사용한다. 유니크해야함.@unique: id필드로 사용하지 않지만 유니크해야함.@default: 디폴트값을..