Programming

EC2 란?탄력있는 (Elastic) 가상공간 컴퓨터 (Compute Cloud) EC2 로 할수 있는 것아마존의 컴퓨터의 일정 공간을 빌려서 사용할 수 있다. EC2의 특징서버 컴퓨터를 사지않고, 빌릴 수 있다. (인스턴스)트래픽에 따라 서버 용량을 쉽게 바꿀 수 있다.실제로 사용한 용량만큼만 돈을 내므로, 효율적이다.CPU, 메모리, 저장소(스토리지), 네트워킹 용량을 원하는데로 설정할 수 있다.아마존 머신 이미지를 사용해, 서버에 필요한 OS와 소프트웨어를 쉽게 설치할 수 있다.부팅시간을 빠르게 할 수 있다 ( 아마존 컴퓨터는 24시간 켜져있고, 그 위의 프로그램만 실행하는 것 이므로 )임시 데이터를 저장하는 공간 사용가능 ( 인스턴스 스토리지 볼륨, 인스턴스 종료시 삭제됨 )영구 데이터를 저장하는..

AWS란? Amazon Web Service의 줄임말로, 클라우드 컴퓨팅을 할 수 있게 해준다! 클라우드 컴퓨팅이란? defineall.tistory.com/681 [프로그래밍] 클라우드 컴퓨팅이란? 클라우드 컴퓨팅이란? 대기업들의 고성능 컴퓨터의 공간을 빌려서, 자신의 서버로 활용할 수 있게 해주는 서비스! 클라우드 컴퓨팅의 필요성 저렴한 비용과 효율적인 운영! 종량 과금제 방식 : defineall.tistory.com AWS 서비스 가입하기 goddaehee.tistory.com/175 [AWS] 2.AWS 회원가입 따라하기 [AWS] 2.AWS 회원가입 따라하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS 회원가입 방법] 입니다. : ) AWS를 글로만 배우면 다 이해가 되지 않을 것이다..

클라우드 컴퓨팅이란? 대기업들의 고성능 컴퓨터의 공간을 빌려쓰는 서비스! 클라우드 컴퓨팅의 필요성 저렴한 비용과 효율적인 운영! 종량 과금제 방식 : 사용하는 만큼만 돈을 내는 방식으로, 딱 필요한 만큼만 이용할 수 있다 자신의 서비스를 효율적으로 늘리거나 줄일 수 있다! 빠른 속도! 사용자가 컴퓨터 기기를 직접 관리하지 않아도 된다 클라우드 컴퓨팅 종류 3가지 laaS (Infrastructure) 가상 서버, 가상 공간, 가상 네트워크 등을 사용할 수 있다! 컴퓨터는 회사가 관리하므로, 우리는 서비스만 관리하면 된다! PaaS (Platform) 컴퓨터(하드웨어), OS, 미들웨어관리를 회사가 해주므로, 사용자는 제공된 미들웨어만 사용하면 된다! 주로 개발 서비스를 제공한다 (OS,DB 등등) Saa..

MVC 프레임워크란? 모델(Model) 뷰(View) 컨트롤러(Controller)로 나누어서 프로그램을 만드는 방식 ( Spring에서 사용한다 ) MTV 프레임워크란? 모델(Model) 템플릿(Template) 뷰(View)로 나누어서 프로그램을 만드는 방식 ( Django에서 사용한다 ) MVC/MTV 프레임워크의 필요성 유연하고 확장하기가 쉽다 디자이너와 개발자의 협업이 쉽다. 유지보수 비용을 절감 할 수 있다. MVC/MTV 프레임워크를 사용하지 않는게 좋은 경우 기본기능 설계를 위한 클래스들이 별로 필요없다 설계시간이 빨라야한다 Model과 View를 완벽히 분리하고 싶다 MVC 구조 만드는 법 Model : 데이터 처리, DB와 상호작용 / 형식 지정, 저장, 열기 담당 View : HTML..

👉 styled-components란? 스타일이 지정된 html 요소(element)들을 React 컴포넌트 형식으로 사용할 수 있게 해주는 Node.js 패키지 React란? [Node.js] React.js 란? / React 사용법 ( create-react-app ) React란? 웹/앱의 사용자 조작환경(UI)를 만들어주는 Node.js 패키지 (페북이 만듬) React 탄생 배경 요즘 웹사이트는, 규모가 커질때로 커지고, 사용자가 직접 컨트롤 할 수 있는 부분이 많아지고 있다 defineall.tistory.com styled-components 장점 html 태그를 손쉽게 변경할 수 있다. ( styled-components로 지정된 부분만 변경하면됨 ) styled-components 설치..

React란? [Node.js] React.js 란? / React 사용법 ( create-react-app ) React란? 웹/앱의 사용자 조작환경(UI)를 만들어주는 Node.js 패키지 (페북이 만듬) React 탄생 배경 요즘 웹사이트는, 규모가 커질때로 커지고, 사용자가 직접 컨트롤 할 수 있는 부분이 많아지고 있다 defineall.tistory.com Typescript란? [Typescript] Typescript 란? / Typescript 사용법 Typescript란? javascript ES5, ES6를 여러가지 규칙을 적용할 수 있도록 확장한 프로그래밍 언어 Typescript의 필요성 규칙을 사용해 버그를 최소화하고, 결과를 더 쉽게 예측 할 수 있다 ES6로 작성된 코드 def..

Husky란? Git 명령어가 실행되면, 사용자가 지정한 스크립트를 실행시켜주는 Node.js 패키지 Husky의 필요성 개발자는 Git 같은 서비스를 이용해서 코드를 공유하는 경우가 많은데, ESLint와 Prettier가 적용되지 않은, 오류가 있거나 읽기 어려운 코드가 공유되는 경우가 종종 있다. Husky를 이용하면, Git에 올리기 전에 자동으로 ESLint와 Prettier가 작동하게 할 수 있다. 물론 Git과 연결하고 싶은 다른 어떤 스크립트도 실행할 수 있다. Husky 설치 // -d : package.json의 devDependencies에 저장 npm i -d husky Husky 설정파일 만들기 ( .huskyrc, .huckyrc.json, .huskyrc.js, husky.co..

서문 / 주의 사항 본 게시글에서는 ESLint 와 Prettier 각각의 설정방법을 다루지 않고, 통합하는 방법을 다루고 있으니, 설정방법이 궁금하신 분들은 아래의 게시글을 참조하시길 바랍니다. ESLint란? [Node.js] ESLint란? / ESLint 사용법 ESLint란? ES(javascript) + Lint(오류검사기) javascript코드를 실행하지 않고도, 오류를 발견해 알려주는 Node.js 패키지 ( Typescript도 가능! - javascript 기반이므로 ~~ ) ESLint 설치 // 현재 폴더에 설치.. defineall.tistory.com Prettier란? [Node.js] Prettier 란? / Perttier 사용법 Prettier란? 파일을 저장할때마다, ..

Prettier란? 파일을 저장할때마다, 코드를 사용자가 원하는 형식으로 모양을 예쁘게 만들어주는 Node.js 패키지 ( Visual Studio의 Prettier와 같다! ) Prettier 설치 // -g : 컴퓨터에 설치 // -d : package.json devDependencies에 저장 // -e : 사용자 지정버전 설치 npm i -gde prettier Prettier 설정파일 만들기 ( .prettierrc.json ) / 옵션확인 : prettier.io/docs/en/options.html // 예시 이므로, 입맛에 맞게 변경하세요! { "arrowParens": "avoid", "bracketSpacing": true, "htmlWhitespaceSensitivity": "css..