Programming (46) 썸네일형 리스트형 [AWS/Actions] 웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축 웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축 [AWS] 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴hanadoescoding.tistory.com이전 글에서 이어집니다 1. 깃허브 계정 설정 및 클론여태까지 빌드업이었다. (실화)본격적으로 서버 배포를 시작해보자. 프로젝트 파일을 ① FileZilla 를 통해 직접 옮기는 방식도 있지만Github 의 Actions 기능을 다루기 위해 미리 깃허브 레포지토리에 업로드해둔 상태다... [AWS] 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안hanadoescoding.tistory.com이 글에서 이어집니다. 1. 인스턴스 연결 및 메모리 증설 열심히 설정해준 인스턴스를 실행시켜 본격적으로 배포해보도록 하겠다. 만든 인스턴스의 체크박스를 누르고상단의 연결 버튼을 누른다. 기본 설정대로 연결해줬다.사용자 이름은 제법 중요하니 따로 정의한 경우 꼭 기억해두자. 연결 버튼을 눌러 배포를 위한 AWS ub.. [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안 유효합니다. 12개월의 무료 사용 기간이 만료되거나 애플리케이션 사용량이 프리 티어 범위를 초과할 경우aws.amazon.com root 사용자 계정을 만들고콘솔에 로그인 을 눌러서 로그인한다. 검색창에 EC2 를 입력한다.마우스를 올리면 주요 기능에 인스턴스를 볼 수 있다.인스턴스를 눌러 접속한다. 만약 다른 카테고리를 눌러 접속했다해도왼쪽 사이드바에 인스턴스 탭이 있다. 해당 화면에서 작업을 시작할 것이다. 2. 인스턴스 생성 React(Vite) - SpringBoot .. [Git] remote: error: GH013: Repository rule violations found for refs/heads/main. (민감한 정보 yml) 팀 프로젝트 이후 CI/CD 실습을 위해1. 팀 레포지토리에 있던 파일을 IntelliJ 를 통해 Clone Project 하고2. 개인 레포지토리로 옮겨 Commit/Push하려고 할 때 생긴 일이다 ① .git 파일도 손수 지우고 (기존 git 히스토리 삭제)② git init (.git 파일 생성) 이후③ 혹시 몰라 git remote remove origin (원격 저장소 삭제)④ git remote -v (원격 저장소 목록 확인)까지 확인해 완벽하게 기존 기록을 없애주었다. 그러나 내가 마주한 건...PS C:\Users\hi\Desktop\dive-clone\Project-Team-Dive> git push -u origin mainEnumerating objects: 385, done.Co.. [IntelliJ] Source set model building failure (SDK 버전 문제) React / SpringBoot(JPA) 쪼꼬마한 노트북으로 작업하다가거북목(이긴한데 암튼) 되는 게 빠를 것 같아서데스크탑으로 작업 환경을 바꾸다 일어난 일이다. 으잉? root project '(프로젝트이름)': Source set model building failureSource set dependency model building failureCould not resolve all dependencies for configuration ':compileClasspath;.. 사실 이 컴퓨터로는 바로 직전 프로젝트도 작업했던 전적이 있던지라깃허브를 통해 clone 한 순간부터 냅다 빌드 오류를 띄워 적잖이 당황했다. 챗gpt 에게 물어보니프로젝트를 빌드하는 데 실패한 원인이 Gradle.. [React] Redux Toolkit 을 이용한 로그인 상태 관리 (1) Redux Toolkit 을 이용한 로그인 상태 관리 1. Redux ? Toolkit ?리액트를 공부중이라면 State 변수를 들어봤을 것이다. import React, {useState, useEffect} from 'react'const Login = () => { const [email, setEmail] = useState('') const [pwd, setPwd] = useState('') return ( //... )} email, pwd 라는 state 변수는 현재 컴포넌트 내부에서만 사용되기 때문에, 컴포넌트 간의 상태를 공유할 수 없다. 만약 현재 로그인한 상태임을 확인하는 로직을 짜야할 때 useState 와 .. [Node.js/Express] Node.js + Express 프레임워크로 웹 서버 구축하기 Node.js + Express 프레임워크로 웹 서버 구축하기 0. Express 기반 서버?브라우저 외부에서 자바스크립트를 실행할 수 있는 환경을 제공하는 Node.js.브라우저에서 할 수 없던 *서버 측 애플리케이션, 파일 시스템 접근, 네트워킹 등의 작업을 수행할 수 있다.*서버 측 애플리케이션 : 클라이언트로부터 요청을 받아 처리하고, 결과를 다시 클라이언트로 반환하는 서버에서 실행되는 프로그램이나 서비스 그리고 이런 Node.js 기반으로 된 애플리케이션 설계 및 구현을 도와주는 도구(프레임워크) Express.js.이 둘을 가지고 백엔드를 맛보려고 한다. 1. 환경설정개발 환경은 Visual Studo Code 다. ▶ Node.js 설치가장 중요한 node.js 부터 깔자. http.. [JavaScript] Promise 문법과 async/await 자바스크립트의 Promise 문법 알아보기 1. Promise 문법이란?Promise 는 비동기 작업의 상태 및 결과를 나타내는 객체다.자바스크립트에서 ① 비동기 작업을 처리하고, ② 성공(resolve) 또는 실패(rejected) 상태를 처리할 수 있는 구조를 제공한다. 라고 하면 처음 봤을 때 이해가 하나도 안 되니까 쉽게 풀면... ① 비동기 작업 → 연산이 시작되고 끝나는 순서가 정해진 건 아니다.② 성공 또는 실패 상태 처리 → 성공하면 resolve() 가 호출, 실패하면 reject() 가 호출된다.③ 객체 → 익명 함수를 품고 있어서 그렇다. 이정도가 되겠다. 정리하면...익명함수를 품고 있는데, 그 익명함수를 실행했을 때 성공하면 resolve 호출, 실패하면 reject 함수를 호.. 이전 1 2 3 4 ··· 6 다음
