Devlog

1. 프로젝트 파일 생성하기 mkdir project_name cd project_name npm init -y 2. 필요한 폴더 생성하기 mkdir src mkdir dist mkdir public src : 소스 파일이 저장될 폴더 dist : 번들링된 파일이 저장될 폴더 public : 정적 파일이 저장될 폴더 3. 리액트 설치하기 npm install react react-dom react : 리액트 코어 react-dom : 리액트와 DOM을 연결 4. 바벨 설치하기 npm install @babel/core @babel/preset-react @babel/preset-env -D @babel/core : 바벨 코어 @babel/preset-react : JSX코드를 createElement 함..

1. 도메인 등록하기 - 호스팅케이알을 통해 도메인 구입! - 원하는 도메인 검색 후 등록하기 www.hosting.kr/domains/search https://www.hosting.kr/domains/search www.hosting.kr 2. AWS Route 53 - 호스팅 영역 생성 - Route 53의 호스팅 영역에 접속 후 [호스팅 영역 생성] 클릭 - 도메인 이름 입력 후 [호스팅 영역 생성] 클릭 생성 완료 !! 3. DNS 설정하기 - 네임서버 변경 - 도메인 선택 후 'DNS 설정'의 '네임서버 변경' 클릭 - [신청하기] 클릭 - NS 유형의 '값/트래픽 라우팅 대상' 값 복사 - 호스팅케이알의 'DNS 설정 - 네임서버 변경' 접속 후 복사한 값 입력 - [변경하기] 클릭 - 다시..

1. EC2 인스턴스 생성하기 - [인스턴스 시작] 클릭 step 1: AMI 선택 - Linux로 선택 step 2: 인스턴스 유형 선택 - t2 micro 선택 (프리티어) step 3: 인스턴스 구성 step 4: 스토리지 추가 - 최대 30GB까지 선택 가능 step 5: 태그 추가 step 6: 보안 그룹 구성 - 포트 접속을 하기 위한 설정 - HTTP 포트 추가 - Node 접속을 위한 3030 포트 추가 - 설정 후 [검토 및 시작] 클릭 step 7: 인스턴스 시작 검토 - [키 페어 다운로드] 클릭 서버 생성 완료!! 2. IP 주소 설정 - 네트워크 및 보안의 탄력적 IP - [탄력적 IP 주소 할당] 클릭 - 'Amazon의 IPv4 주소 풀' 선택 - [할당] 클릭 IP 주소 할당..

기술 스택 : GraphQL, mongoDB, mongoose 1. directive.ts class AuthDirective extends SchemaDirectiveVisitor { 1) 해당 페이지에서 요구되는 타입 확인 (requires) 2) 해당 페이지에서 요구되는 타입(User)의 토큰을 가져온다. (userToken) 1-1) 토큰이 없으면 인증 x 3) 토큰을 복호화한 후 사용자를 조회 (인증) 2-1) 조회 결과 없으면 인증 x 4) 인증이 되면, 인증 성공 2. app.ts const apolloServer = new ApolloServer({ schemaDirectives: { auth: AuthDirective } }) 3. schema.ts directive @auth(requi..

1. 구성 - URI, HTTP METHOD, 표현 2. 클라이언트 - 서버 구조 서버는 API 제공 클라이언트는 사용자 인증이나 컨텍스트(세션, 로그인 정보) 등을 직접 관리하는 구조 → 클라이언트와 서버간의 의존성이 줄어든다. 3. HTTP METHOD POST : 해당 URI를 요청하면 리소스를 생성한다. GET : 해당 리소스를 조회, 리소스를 조회하고 해당 도큐먼트의 자세한 정보를 가져온다. PUT : 해당 리소스를 수정한다. DELETE : 리소스를 삭제한다. 4. URI 설계 시 주의할 점 '/' 구분자는 계층 관계를 나타내는데 사용한다. URI 마지막 문자로 '/'를 포함하지 않는다. http://restapi.example.com/houses/apartments/ (X) http://re..