전체 글 (53) 썸네일형 리스트형 [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 함수를 호.. [SpringBoot] 게시글 이미지(파일) 미리보기 & 업로드 (ver.팝업창) 게시글 이미지(파일) 미리보기 & 업로드 (팝업창 버전) 0. 과정 게시판 등록란에서 '이미지 선택' 버튼을 누른다. 파일 선택 팝업창에 있는 '파일 선택' 버튼으로 이미지를 가져온다. 선택한 이미지를 미리볼 수 있다.이때 본래 이미지(파일)명과 새롭게 저장한 파일 이름이 함께 뜬다. 이렇게 저장된 이미지는 '작성완료' 버튼을 누르기 전즉, 게시물 등록 전에 webapp 에 만든 upload 디렉토리 (path지정) 에 저장된다. 이 과정을 정리하자면...board/insertBoard.jsp 에 이미지 선택 버튼과 미리보기 버튼을 div로 분리한다.이미지 선택 버튼 div : 누르면(onclick) selectImg() 로 이동이미지 미리보기 div : 이미지 미리보기, 화면에 표시하고 폴더에.. [ECLIPSE] 웹개발을 위한 이클립스 설치 웹개발을 위한 이클립스(Eclipse) 설치 오랜만에 노트북을 펼쳐 파일 정리를 하던 도중 약 4년 전 설치한 이클립스 파일과 조우하고 말았다.상당한 귀차니즘이 몰려왔으나 착잡하고 통탄한 마음을 금치 못해 결국 새로운 버전을 설치하고자 한다 1. SDKSDK(Software Development Kit) 는 특정 소프트웨어 꾸러미, 프레임워크, 하드웨어 플랫폼, 운영체제 등을 위한 응용 프로그램 등을 만들 수 있게 해주는 개발 도구의 집합이다. 자바 개발환경을 구축하면서 JDK(Java Development Kit) 를 더 많이 들어봤을텐데 JDK는 자바만 개발할 수 있는 개발 도구를 의미한다. 사실상 둘은 같은 말인 것이다. SDK가 '소프트웨어 개발 도구' 라는 큰 의미를 갖고 있다. SDK(J.. 이전 1 2 3 4 5 ··· 7 다음
