AWS 서비스에 접근하는 방법은 세 가지이다. 자주 나오는 지문이니 암기해 둘 것. There are three ways to interact with AWS Services. 1. AWS Management Console - Graphical interface to access AWS feathures 2. Command Line Interface (CLI) - Lets you control AWS services from command line 3. Software Development Kits (SDK) - Enable you to access AWS using a variety of popular programming languages.
1. 신속한 데이터의 읽기/쓰기가 가능한 스토리지 - Lower read/write latencies (낮은 읽기/쓰기 지연시간) - Read/write of constantly changing data (지속적으로 변화하는 데이터의 읽기/쓰기) - Must be updated very frequently (신속한 업데이트가 필요한 데이터) 1-1. Amazon RDS (Relational Database Service) - RDS is managed service for relational databases like MySQL and MariaDB - Simple and fast to setup and scale 1-2. Amazon EBS (Elastic Block Storage) - 사용하기 쉬운 ..
Postman에 Swagger API 연동(import) 하는 방법
Swagger에서 API 정보가 담긴 JSON 경로를 찾는다. 보통 Base URL 아래에 위치한다. import 방법은 여러 가지가 있다. 파일을 사용하거나 Raw text를 사용하거나 Link를 그대로 사용해도 된다. 목차 Link import 방법 File Import 방법 Raw text Import 방법 Postman - Swagger API import 방법 1. Link import 방법 좌측 상단 import 클릭 Link 탭에서 import 할 링크를 적고 Continue 버튼을 클릭한다. Collections에 세팅하고 싶다면 아래와 같이 Settings를 열고 Copy collections to workspace의 옵션을 켜주어야 한다. 2. File Import 방법 우선 Swagg..
[React 에러 일지] Already included file name ...differs from file name ...only in casing. (TypeScript)
타입스크립트를 사용한 리액트 프로젝트에서 다음과 같은 에러가 발생했다. 타입스크립트 설정 파일인 tsconfig.json에서 forceConsistentCasingInFileName 옵션을 false로 변경하면 문제가 해결된다. "forceConsistentCasingInFileNames": false, forceConsistentCasingInFileName은 파일명에 일관된 casing를 강제로 적용하는 옵션이다. 일부 개발자는 대소문자를 구분하지 않고 파일명을 사용하고, 또 다른 일부 개발자는 대소문자를 구분한 파일명을 사용하게 될 경우 규칙에 어긋난다고 표시해주는 것이다.
[React] Styled-components+TypeScript Props 전달 시 부모 컴포넌트에서 에러가 발생할 경우
TypeScript와 Styled-components를 같이 사용하면서 아래와 같이 props 스타일을 지정해주었다. (styles.button.ts) export interface ButtonProps { size: string; } export const PrimaryButton = styled(StyledButton)` width: ${props => `${props.size === 'block' ? '100%' : 'auto'}`}; `; (Login.tsx) const Login = ({ size }: ButtonProps) => { // ... Login } 그런데 자꾸 부모 컴포넌트에서 에러가 발생했다. (App.tsx) Property 'size' is missing in type '{}'..
Spring Boot - Gradle 프로젝트 빌드하고 실행하기 0. 서버를 반드시 꺼준다. 1. 터미널에서 해당 프로젝트 경로로 이동 2. 명령어를 통해 빌드 시작 MAC ./gradlew build Window ./gradlew.bat build 혹은 MAC ./gradlew clean build Window ./gradlew.bat clean build clean 명령어를 사용하면 기존 build된 파일이 사라진다. 3. build 폴더가 생성되면 터미널에서 build/libs 경로로 이동 cd build/libs 4. jar 파일이 생성된 걸 확인했다면 명령어로 실행한다. java -jar 프로젝트명-0.0.1-SNAPSHOT-plain.jar 👾 "~.jar에 기본 Manifest 속성이 없습니..
피보나치수열을 반복 함수와 재귀 함수 두 가지 방법으로 연산해보자. 피보나치수열이란 이전 두 수의 합이 다음 수가 되는 수열을 말한다. 1 + 1 + 2 + 3 + 5 + 8 + 13 + ... 반복 함수 사용 반복 함수는 for 문이나 while 문을 사용해서 함수를 구축하는 것이다. public class Main { public static int fibonacci(int number) { int one = 1; int two = 1; int result = -1; if (number == 1) { return one; } else if (number == 2) { return two; } else { for(int i = 2; i < number; i++) { result = one + two; ..
[Vue] 뷰3, 개발 환경 준비
Vue 3의 기본 개발 환경 세팅을 해보자. 우선 npm을 사용하기 때문에 Node.js가 필수로 설치되어 있어야 한다. 1. Node.js 설치 확인 node -v 2. Vue cli 글로벌 설치 node install -g @vue/cli 3. Vue 프로젝트 생성할 곳으로 이동하여 프로젝트 생성 vue create 프로젝트명 4. 버전 선택 [Vue 3] babel, eslint 5. 패키지 매니저 선택 Use NPM 6. 서버 접속 npm run serve http://localhost:8080/으로 접속하면 화면이 출력된 것을 확인할 수 있다.
프로그래밍 언어를 다루면서 타입 검사는 누구나 한 번씩 해보게 되는 과정이다. 아무리 간단한 애플리케이션을 개발한다고 해도 타입 검사는 할 것이다. 타입 검사의 어려움 typeof는 무적이 아니다 typeof 연산자는 문자열로 해당 타입을 출력해준다. typeof '문자열' // 'string' typeof true // 'boolean' typeof undefined // 'undefined' typeof 123 // 'number' typeof Symbol() // 'symbol' 참조값의 타입 숫자, 문자, boolean, null, undefined, bigInt, Symbol이 원시 값에 해당하며, 이 외에 모든 값은 참조값이다. 참조값은 typeof로 타입을 출력하는 데에 어려움이 있다. cl..