web

도메인 설정 (내도메인한국)https://xn--220b31d95hq8o.xn--3e0b707e/ 내도메인.한국 - 한글 무료 도메인 등록센터한글 무료 도메인 내도메인.한국, 웹포워딩, DNS 등 무료 도메인 기능 제공xn--220b31d95hq8o.xn--3e0b707e  등록하고 싶은 도메인을 검색해서 확인 후, 등록 가능한 도메인을 확인하고맘에 드는 도메인 오른쪽에 등록하기 클릭  고급 설정 (DNS) 부분에서IP 연결 체크 후 앞에 www를 입력해주고, 뒤에 서버의 IP 주소를 입력해준다.  등록한 도메인 주소로 들어가면 이전에 배포한 nginx가 뜨는 걸 확인할 수 있다.SSL 설정 (ZeroSSL)SSL이란?인터넷 상에서 데이터를 암호화하여 안전하게 전송하기 위한 프로토콜웹사이트와 사용자 간의..

dist 폴더 만들기(npm run build)npm run build   명령어 실행하면 dist 폴더가 만들어진다.윈도우에서 Ubuntu로 파일 옮기기 (Termius) ternius에서 SFTP 탭 클릭Select Host에 IP 주소를 입력해서 선택한다.  그럼 이렇게 폴더들이 보이는 걸 확인할 수 있음  윈도우 파일 탐색기를 열어서 dist 폴더 안에 파일들을 드래그 앤 드랍으로 다 옮겨준다. 서버 접속 후 root 계정으로 로그인 한 다음,/home/ubuntu 에서 확인해보면 파일들이 들어와있는 걸 확인할 수 있다. 여기서 mv 명령어로 파일 /var/www/html 로 옮겨주기mv assets /var/www/htmlmv index.html /var/www/htmlmv vite.svg /v..

AWS 인스턴스 생성오른쪽 상단에 국가를 '서울'로 바꿔야 한다. 안 바꾸면 과금 될 수도 있으니 조심 ..! 검색 탭에 EC2를 검색해서 선택한다.  클릭해서 들어가면 대시보드가 뜨는데, 여기서 인스턴스 클릭   인스턴스 탭에서 오른쪽 위에 인스턴스 시작    인스턴스 이름을 입력해준다.  애플리케이션 및 OS 이미지애플리케이션 및 OS 이미지 에서 우분투로 할 거니까 ubuntu 선택해주기지금까지 우분투 버전을 22.04 버전으로 했으니까 똑같이 Ubuntu Server 22.04 선택아키텍처는 64비트(x86) 를 선택해준다.   키 페어 생성키 페어 (로그인) 이게 중요한데, 여기서 발급 받은 키 페어로 서버에 연결하는 것!오른쪽에 새 키 페어 생성을 눌러준다.  키 페어 생성에서키 페어 이름을 ..

Postman - Mock Server 사용법Mock 데이터를 받아와서 프론트엔드 통신 테스트 할 때 사용 1. Create workspace서버를 만들어줄 workspace를 만든다. 2. workspace 이름 지정 후 접근 권한 설정 -> Create일단 나만 쓸 거라서 Only me로 했다.  3. 사이드바에 Mock Server 등록왼쪽 맨 아래 버튼 누르기 ->  Mock servers 토글 켜기  4. Mock Server 만들기Mock servers 클릭 -> Create mock server   Request URL에 데이터를 받아올 주소 입력 -> Next  Mock Server 이름 지정 후 Create Mock Server  5. request - example 생성Collectio..

웹에서의 데이터 저장데이터를 서버가 아닌 클라이언트에 저장할 수 있다. 보통 로컬 스토리지, 세션 스토리지, 쿠키를 사용하고 가끔 Service workers를 사용한다.로컬 스토리지와 세션 스토리지의 차이는 서비스의 데이터 크기 차이고,쿠키는 보안 설정 같은 것을 할 수 있다. 개발자 도구 -> 애플리케이션 에서 확인할 수 있다. 로컬 스토리지지속적으로 필요한 데이터를 저장할 때 사용한다.백엔드 서버와 상관 없고, 브라우저를 껐다 켜도 유지된다. 키와 값으로 저장한다.window.localStorage.key01 = "value01";버튼 눌러서 저장되게 하기로컬 스토리지 저장 세션 스토리지일시적으로 큰 데이터를 저장할 때 사용한다.백엔드 서버와 상관 없고, 브라우저 껐다 키면 초기화된다.세션 스토리지..