arongsnuna

DataGrip 이란JetBrains에서 제공하는, DB 개발과 관리를 용이하게 해주는 GUI DB 개발 툴이다.OracleDB, MySQLDb, MongoDB 등 다양한 RDB를 연결하여 쓸 수 있어 DB 개발 및 관리에 편리하다.RDS 란RDS: Relational Database Service클라우드에서 간편하게 데이터베이스를 설치, 운영 및 규모 조정할 수 있는 관리형 서비스 모음이다.간단히 말하면 클라우드형 데이터 베이스!로컬로 개발하다가 협업할때 매번 디비, 테이블 만들고 데이터 넣고 하는 과정이 수고로워서 RDS를 사용하기로 했다.AWS RDS 로 올리는 방법1. AWS RDS 인스턴스 생성1-1. 데이터베이스 생성을 클릭하고 MySQL 선택1-2. 필요한 설정을 구성하고 데이터베이스 생성1..

EC2란EC2 : Elastic Compute CloudEC2 는 AWS 에서 제공하는 클라우드 컴퓨팅 서비스다.이 서비스를 통해서 아마존이 각 세계에 구축한 데이터 센터의 서버용 컴퓨터들의 자원을 원격으로 사용할 수 있다. AWS 가 제공한느 URL(Public DNS)를 통해 이 컴퓨터에 접근할 수 있다.EC2의 장점하드웨어 비용 절감애플리케이션을 더욱 빠르게 개발하고 배포할 수 있음원하는 수의 가상 서버를 구축 가능용량을 늘리거나 줄일 수 있음용량을 추가하여 월간 또는 연간 프로세스 또는 웹 사이트 트래픽 급증 등 컴퓨팅 사용량이 많은 작업을 처리할 수 있음사용량이 감소하면 용량을 다시 축소할 수 있음보안 및 네트워킹을 구성하며 스토리지를 관리 할 수 있음EC2 생성방법인스턴스 시작인스턴스는 가상 ..

fatal: 잘못된 수치 설정 값 '=' (키 'http.postbuffer'): 단위가 잘못됨구글링 했을 때 용량과 관련된 에러라는 것을 알게되었다. 하지만 정확한 해결법을 모르겠어서 chatGPT에게 물어봤다. git config http.postBuffer 524288000라는 답을 줘서 넣었을때 다시 아래와 같은 아래를 뱉어서 수정해서 넣어줬다. warning: http.postbuffer은(는) 여러 개 값이 있습니다 error: 여러 개의 값을 하나의 값으로 덮어쓸 수 없습니다. http.postBuffer을(를) 변경하려면 정규식을 쓰거나, --add 또는 --replace-all 옵션을 사용하십시오.git config --replace-all http.postB..

React 란? https://ko.reactjs.org/docs/getting-started.html#online-playgrounds 리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. 리액트를 통해서 더 복잡한 코드를 간결하게 만들 수 있음. 리액트를 사용하는 이유? 컴포넌트를 사용하면 가독성이 좋아짐 → 어떤 취지의 코드가 있는지 바로 이해할 수 있음(이름의 위대함) 재사용성이 좋아짐 유지 보수의 편의성이 높아짐 리액트는 사용자 정의태그를 만드는 기술이다. 사용자 정의 태그를 컴포넌트라 한다. 컴포넌트를 만들때는 컴포넌트의 이름을 가진 함수를 만듦 그 함수의 리턴값이 그 컴포넌트의 유저인터페이스가 된다 그 리턴값은 반드시 단 하나의 단일 태그 아래 있어야 함 참고. chatGPT..

함수란? 함수란 작업을 수행하거나 값을 계산하는 명령문의 집합. 재사용 가능한 영역을 정의하고, 정보영역을 캡슐화하는데 사용되는 구문 함수를 사용하려면 호출(call) 해야 함. 함수의 선언식과 표현식 자바스크립트에서는 함수 선언문(function declaration) 과 함수 표현식(function expression) 두가지 방법으로 함수를 정의할 수 있음 함수 선언문선언식으로 선언했을때는 window 객체에 포함되어있는 하나의 메소드 형태가 됨 객체에 담겨있는 함수 선언식의 장점은 어디에 언제 어떻게 배치하더라도 실행된다는 것 function functionName(parameter1, parameter2, ...){ // function body } 함수 표현식 let 또는 const 키워드로 ..

조건문 if: 만약 조건이 참이면 실행 else: 만약 조건이 거짓이면 실행 else if: 만약 첫번째 조건이 거짓이고 다른 조건이 참이면 실행 삼항연산자 condition? expressionIfTrue : expressiontIfFalse;반복문 for for / in for / of while do / while for 문 for (let i = 0; i < 5; i++){ console.log(i); }for (let i = 0, j = 0; i < 10 || j < 5; i += 2, j+=3){ console.log(i,j); } //0 0, 2 3, 4 6, 6 9, 8 12, for / in 문 let person = {name: "Alice", age: 20, hobby: "coddin..

1. JavaScript의 연산자 산술 연산자 var x = 10; var y = 3; console.log(x + y); //13 console.log(x - y); //7 console.log(x * y); //30 console.log(x / y); //3.3333333333333335 console.log(x % y); //1 (나머지) console.log(x ** y); //1000 (거듭제곱) 대입 연산자 var x = 10; //x에 10을 대입 var y = x; //y에 x의 값을 대입 console.log(y); //10 할당 연산자 +=, -=, *=, /= a &&= 10 a = a && 10 // a가 truthy 하면 10을 대입 a = 0 &&10 // a=0 a = 0 ||..

1. JavaScript의 변수 var let const 업데이트 가능 업데이트 가능 읽기 전용 전역변수 지역변수 지역변수 hoisting block scope block scope var 는 구 방식으로 현재는 var 보다 let 과 const 를 주로 사용 const 는 let 과 마찬가지로 블록 스코프(block scope)를 가지며, var 와 달리 호이스팅(hoisting)이 일어나지 않음. 참고) console.dir CLI 는 객체를 온전히 보여주지 못할 때가 있음 [Object] [Object] 형태로 보여줌 이때 console.dir를 하면 객체의 형태로 보여줌 2. JavaScript의 데이터 타입 2-1) 원시형 데이터 타입 특징 값 자체가 메모리에 저장됨 기본 타입은 불변성을 가짐 ..

문자열 프로퍼티와 메서드 var str1 = “Hello World”; str1.length; // 문자열 길이 11 str1.charAt(0); // 문자 H 추출 str1.split(“ ”); // 공백 기준으로 문자 나눈 후 배열 [Hello, World]로 출력 배열 프로퍼티와 메서드 var fruit = [“사과”, “배”, “포도”]; fruit.length; fruit.push(“딸기”); // 배열 뒤에 데이터 삽입 fruit.unshift(“레몬”); // 배열 앞에 데이터 삽입 fruit.pop(); // 배열 뒤의 데이터 제거 fruit.shift(); // 배열 앞의 데이터 제거 math의 수학 연산 메서드 Math.abs(-3); // 절대값 Math.ceil(0.3); // 올림..

JavaScript는 JavaScript 는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 프로그래밍 언어(high level language)입니다. JavaScript는 웹을 풍성하고 동적으로 만들어주는 작고 가벼운 언어 JavaScript is suck 스크립트: JavaScript로 작성된 프로그램 스크립팅 언어 동적인 HTML문서를 만들기 위해 웹 서버 안에 포함되어 응용 소프트웨어를 제어하는 서버 측 웹프로그래밍 언어의 통칭. 인터프리터 언어 컴파일 불필요 시스템과 직접적으로 시그널을 주고받지 않음 실행하면 바로 결과를 보여줌 널리 사용됨 stackoverflow js의 최상위 객체: window js 자체가 브라우저에서 돌아가는 목적으로 생성되었기 때문에 window라는 최상위 객체가 ..