jeong_ga

S3, cludeFront CI/CD 정리 & 웹 배포 1, aws 세팅 https://s3.console.aws.amazon.com/s3/home?region=ap-northeast-2 💡 `S3 (Simple Storage Service)` 일반적인 파일서버는 트래픽이 증가함에 따라서 장비를 증설하는 작업을 해야 하는데 S3는 이와 같은 것을 대행 정보의 중요도에 따라서 보호 수준을 차등 할 수 있고 이에 따라서 비용을 절감 할 수 있다. (RSS) 데이터를 여러 시설에서 중복으로 저장 & 자동으로 복원 & 버전관리 기능 1, s3. 버킷생성 버킷만들기 버킷이름, 리전 지정 버킷의 퍼블릭 엑세스 차단 설정 해지 외 다른 수정없이 버킷 생성을 진행한다. { "Version": "2012-10-17", ..

mysql & prisma 개발환경 구축 Prisma는 데이터베이스 ORM Prisma로 DB 관련 코드를 작성하면 여러 DB에 거의 똑같은 코드로 연결 가능 prisma 세팅 설치 npm install prisma --save-dev npx prisma init npx prisma init를 진행하면 prisma/schema.prisma 파일 생성됨 prisma/schema.prisma : 이 파일은 가장 기본이 되는 DB의 뼈대를 만드는 파일 Prisma에서 사용하는 Model(모델)이 qlite, PostgreSql, MySql 등에서는 테이블로 전환 db provider를 mysql로 변경 datasource db { provider = "mysql" url = env("DATABASE_URL")..

kakao developer 가입 및 설정 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 앱키 발급받기 kakao developers에 가입 내 어플리케이션 어플리케이션 추가하기 앱 이름 및 사업자 명 임의로 작성 어플리케이션을 추가를 완료하면 앱키를 발급받는다. 플랫폼 추가하기 좌측 플랫폼 클릭 용도에 맞는 플랫폼을 클릭하여 도메인을 입력한다. kakao map API 적용 https://apis.map.kakao.com/web/guide/ 카카오 맵 api 가이드를 통해 필요한 기능을 확인할 수 있다. code 작성하기 코드 작성 부분에 i..

docker란? Home - Docker Learn how Atomist will help Docker meet the challenge of securing secure software supply chains for development teams. www.docker.com 도커는 Docker Desktop은 컨테이너화된 애플리케이션과 마이크로서비스를 구축하고 공유할 수 있는 설치가 간편한 애플리케이션으로 도커대시보드를 통해 컨테이너 리소스를 시각적으로 관리할 수 있다고 나와있다. 다시 말해 다양한 프로그램과 실행 환경을 컨테이너로 추상화하여 동일한 인터페이스를 제공하기 때문에 프로그램의 배포 & 관리를 수월하게 해줌 컨테이너 컨테이너는 가상화 기술이지만 기존 VM과는 차이가 있다. 기존의 가상화 ..

local에서는 문제없이 돌아가다 배포환경에서 리렌더링 하면 Uncaught SyntaxError: Unexpected token '

여태 이력서 소개 목적으로 작성하기만 했던 것 같아 readme.md를 용도에 맞게 제대로 작성하기 위하여 정리 및 기록하고자 하였다. readme.md는 깃 레파지토리를 새로 만들 때 체크박스로 추가 할 수도 있고, readme.md 파일을 깃 폴더가 있는 위치에 추가하여 작성할 수도 있다. readme.md를 추가하면 레파지토리의 가장 기본 화면에서 해당 문서를 바로 확인할 수 있어 해당 프로젝트를 설명 및 사용하기에 앞서 사용설명서와 같은 용도로 사용할 수 있다. Description 프로젝트에 대한 간략한 설명 어떤 내용의 서비스를 담고 있는지에 대한 기술 Environment & Prerequisite 실행 방법 및 환경으로 구체적으로 작성하면 좋다. 작성한 & 실행해본 환경이나 컴파일러와 같..

👉 참고 블로그 현재 진행하는 프로젝트는 내 개인 프로젝트가 아닌, 업무용으로도 진행될 여지가 있는 프로젝트이기 때문에 새로운 깃허브 아이디를 만들어 프로젝트를 진행했다. 이렇게되면 다른 아이디로 commit 을 할 때마다 Token을 변경해야 하는 번거로움이 발생하게 되는데 이를 해결하기 위해 SSH를 이용하기로 하였음!! SSH Key 생성하기 터미널을 실행하여 추후에 추가될 SSH 키를 확인하기 위해 기존 파일 목록을 확인한다. $ cd ~/.ssh $ ls -al SSH key 생성 -gitHub에서 사용하는 email과 생성될 키 이름 지정 $ .ssh ssh-keygen -t rsa -C "lja3248@gmail.com" -f "id_rsa_lja3248" 비밀번호를 입력하라는 메세지가 나오..

remote: Permission to 오류 해결 과정 새로운 프로젝트를 위해 새로운 Gmail 아이디 및 git 아이디를 만들어 git을 push하는 과정에서 오류가 생겼다. 블로그를 보고 해봤지만 안 되길래 다른 방법 강구해봄! (mac의 경우는 키체인에 입력된 기존 git 이름을 수정하는 방식이었음) remote: Permission to jeonga96/admin.git denied to 199jeonga. fatal: unable to access 'https://github.com/jeonga96/admin.git/': The requested URL returned error: 403진행하다 키체인 수정이 아닌 삭제를 했더니 아래와 같은 오류 메세지를 확인! 나는 기존 아이디가..

로컬 파일에 있는 파일 레파지토리와 연결하기 create-react-app으로 생성한 폴더를 git repository와 연결하여 업로드 깃허브에 레파지토리를 생성 로컬에 프로젝트 생성 (create-react-app을 통해 프로젝트 생성) 프로젝트 폴더로 이동 cra로 생성한 프로젝트는 git이 이미 존재하므로 .git을 삭제 rm -r .git rm -rf .git git 환경 생성 git init 레파지토리를 remote로 등록 git remote add origin [레파지토리 주소] git add . git commit -m "커밋내용 입력" git push --set-upstream origin main 📍 git push 오류 ! [rejected] main -> main (fetch fir..

react 개발환경 구축 create-react-app을 사용하여 react 개발환경 구축 react는 개발 프레임워크가 아닌 라이브러리이기 때문에 필요한 기술이나 기능을 설치하여 사용해야 한다. (webpack, babel 등) 하지만 create-react-app을 사용하여 환경을 구축하면 따로 설치할 필요없이 필요한 기능들을 바로 사용할 수 있다. node.js 설치 create-react-app을 사용하기에 앞서 node.js(node, npm, npx)가 설치되어 있어야 한다. node.js 설치하기 LTS는 안정적인 지원을, Current는 신기술 지원을 약속함. node.js를 설치하면 npm(node pakage manager)가 자동으로 설치되므로 따로 설치할 필요가 없다. npx는 no..