S3: 파일 저장 서비스S3를 사용하는 이유백엔드 서버 구현을 하다보면 이미지 업로드 기능을 구현해야 할 때가 있다. 이러한 이미지 파일을 EC2 내부에 저장할 수도 있지만, 서비스 운영하다보면 EC2에 이미지가 너무 많아지면서 문제가 생긴다.이에 S3에 파일 저장 및

Express 서버를 실행시키기 위해 Node.js가 설치되어야 한다.먼저 권한 변경Node.js 관련 명령어 실행설치 확인

EC2 인스턴스를 생성하면 IP를 할당받으나 이는 임시적 IP이다. EC2 인스턴스를 중지시켰다가 다시 실행시켜보면 IP가 바뀌어 있다. 이는 불편함으로 이어진다.따라서 중지시켰다가 다시 실행시켜도 바뀌지 않는 고정 IP를 할당받아야 한다. $\\Rightarrow$

EC2 접속 인스턴스 요약 보기 [EC2] > [인스턴스] > [내가 생성한 인스턴스]에 들어가보면 아래와 같은 정보들을 볼 수 있다. 퍼블릭 IPv4 주소 빌린 원격 서버의 주소 로컬에서 사용할 때 썼던 127.0.0.1(로컬호스트)의 역할을 대신하게 된다. 인스턴스 상태 인스턴스 중지: 시스템 잠시 꺼두는 것 인스턴스 재부팅: 시스템 재시작 ⚠️ 인...

기존에 자바는 int, double, String과 같이 타입을 명시하면서 변수를 선언한다.Java 10부터 var 연산자를 이용하여 타입을 명시하지 않고 대입된 값을 통해 컴파일러가 추론한다.⚠️ 지역 변수에만 사용 가능이후 배울 클래스의 필드로는 불가⚠️ 초기화가

AWS 사용자에는 루트 사용자와 IAM 사용자로 구분된다.루트 사용자: 계정을 처음 생성하여 만들어진 계정모든 권한을 가져 권한 제어가 불가능하여 AWS를 루트 계정으로 사용하는 것은 권장되지 않는다.IAM 사용자: 루트 계정 아래에 생성할 수 있는 계정생성 시 권한이

문제가 있는 코드가 컴파일하는 과정 중에 걸러지는 것문법과 규칙 선에서 파악될 수 있는 오류프로그래밍 언어 문법에 어긋남으로 인한 오류(Syntax 오류)변수의 자료형과 다른 값을 넣는 오류스펠링이 틀린 구문선언되지 않은 변수를 사용실행시간에 터지는 오류를 런타임 오류

date-fns: JS용 날짜 처리 라이브러리이다.(한국어도 지원)JS 파일에서 date-fns 라이브러리에서 사용할 함수를 로드한다.getYear(date): date에서 년도를 추출getMonth(date): date에서 월을 추출subDays(date, n): d

CSS 파일은 일반적으로 JS 모듈처럼 export를 제공하지 않는다. 아래와 같이 객체처럼 styles.datePicker 형태로 접근하면 에러가 난다. 따라서 파일 이름을 Calendar.module.css로 바꿔 문제 해결이 가능하다.

CSS 변수: 색상을 상수로 정의해서 CSS에 적용하는 방법:root에 변수 정의실제 스타일에 적용자바스크립트 파일에 css 파일 import색상 상수 정의styled-components에서 사용추후 보강

터미널에서 라이브러리 설치한다.npm 사이트에서 react-datepickerreact-datepicker 공식 문서참고자료리액트 캘린더 라이브러리 Datepicker 사용법, 커스텀하기

React Router: 리액트 애플리케이션에서 라우팅을 도와주는 라이브러리리액트는 SPA(Single Page Application) 구조로 동작한다. $\\Rightarrow$ 한 개의 HTML 파일(index.html)로 전체 앱이 동작한다.사용자가 다른 페이지로

string 타입을 다루기 위해 <string> 헤더를 포함해야 한다.stoi(): string $\\Rightarrow$ intstol(): string $\\Rightarrow$ long intstof(): string $\\Rightarrow$ floatst

charC에서 char 타입은 하나의 글자를 저장하는 데이터 타입이다.\[C++] 문자열 (cstring과 string)

문자열을 다루기 위해 <string> 헤더를 포함해야 한다.\+ 연산자를 이용하여 문자열과 문자열을 연결시킬 수 있다.\+ 연산자는 string 객체 간뿐만 아니라, 문자 리터럴과의 결과도 가능하다.(단, 문자 리터럴끼리 +연산은 불가능하다.)

템플릿 리터럴: 자바스크립트에서 백틱(backtick) 문자를 사용하여 문자열을 표현함장점 1\. 줄 바꿈 용이 1\. 문자열 내부에 표현식 포함 가능

JavaScript

CSS CSS 속성 텍스트 스타일링 텍스트 스타일링 Google Font 사용하는 방법 https://fonts.google.com로 이동 원하는 폰트 검색 구글에서 제공하는 code 복사하여 사용 image in

라이브러리 설치소켓 연결사용자가 입력한 채팅방에 구독(sub)백엔드가 준 chatRoomId 기반으로 실시간 메시지를 수신하기 위한 채팅방(subscribe)에 연결채팅방을 만들기만 하고 구독하지 않으면, 메시지가 와도 프론트는 알 수 없음subscribe(chatRo

WebSocket Emulation 기술을 제공하는 JavaScript 라이브러리WebSocket은 모바일, Chrome, Internet Explorer에서 동작하지 않는 이슈 있음Server-Client 중간에 위치한 Proxy가 특정 Header를 인식 못하거나,