EC2(Elastic Compute Cloud)는 독립된 컴퓨터를 임대해주는 서비스입니다. 본 수업의 하위 수업에서는 EC2의 개념과 사용방법을 알아봅시다.가장 범용적인 서비스, 첫 번째로 생겨난 서비스이다.독립된 컴퓨터 한 대를 통채로 임대해주는 상품EC2 dashb
보안을 강화하기 위한 방법으로 2단계 인증 추가 (IAM - mfa)추가보안Security, Identity & Compliance > IAM Security Status > Activate MFA on your root account ( multi - 2단계 )Ste
생활코딩 아마존 웹서비스(AWS) 강의를 보고 작성한 글입니다.아마존 웹 서비스를 어떻게 사용하는가?클라우드 컴퓨팅이란 무엇인가?보통 컴퓨터를 사용하여 작업을 할 때,컴퓨터를 이용해서 필요한 프로그램을 설치하고 작업하고 결과를 본다.그러나 클라우드 컴퓨팅은 좀 다르다.
프로젝트 미션 : 로그인 페이지 - 좋은 ‘모듈' 설계하고 구현해보기 로그인을 위해 필요한 Data Fetching 모듈 생성 주어진 Interface에 맞게 Class 및 Function들을 만들어보며 지속가능한 모듈 설계와 프론트엔드에서의 객체지향에 대해서 고민 u
기능 구현 GNB Search Focus event , is-active GNB Search History is-active 일 때, background 클릭 시 is-active 비활성화 GNB Search History 전체 삭제 기능 GNB Search Focu
프로젝트를 진행하다가 remove와 removeChild 의 기능은 비슷하나, 어떤 차이점이 있을지에 대한 의문이 들어 조사한 바를 바탕으로 글을 작성해본다.The Element.remove() method removes the element from the DOM.:
MyMenu 버튼 클릭 시, MyMenu Content 활성화 (토글)Window 클릭 시, MyMenu Content 비활성화\- 즉, 백그라운드 클릭 시 MyMenu Content 비활성화가 되어야 함.mymenu content를 비활성화 시킬 때 window에
sidebar 메뉴 클릭 시, is-active class를 추가해주어 sidebar와 overlay를 활성화 시켜주었고, 함수를 선언하여 가독성을 높여주였다.첫 번째 방법으로는 이벤트 위임 방식을 사용하였다. drawer-menu-button의 부모인 sidebar-
번들러를 사용하면 모듈 지원이 불가한 브라우저에서의 의존성 관리 문제를 해결할 수 있다. 최근 번들러들은 의존성 패키지들의 하나로 묶어 주는 것뿐만 아니라 개발 생산성 자체에 도움을 주는 다양한 기능을 제공한다. webpack은 가장 많이 사용되는 번들러 중 하나이다.
ImageComponent는 내부적으로 어떠한 요소를 만들고 attachTo 함수를 가지고 있다.이미지를 생성하지 위하여 title, url string 타입을 받아온다.요소를 만들 때는 template 태그를 이용하여 innerHTML을 적용해주었다.이미지의 경로를
localStorage에 데이터를 저장하여 새로고침해도 데이터가 남아있게 한다.에스프레소, 프라푸치노, 블렌디드, 티바나, 디저트 각각의 종류별로 메뉴판을 관리할 수 있게 만든다.페이지에 최초로 접근할 때는 에스프레소 메뉴가 먼저 보이게 한다.품절 상태인 경우를 보여줄
에스프레소 메뉴에 새로운 메뉴를 확인 버튼 또는 엔터키 입력으로 추가한다.메뉴가 추가되고 나면, input은 빈 값으로 초기화한다.사용자 입력값이 빈 값이라면 추가되지 않는다.메뉴의 수정 버튼을 눌러 메뉴 이름 수정할 수 있다.메뉴 수정시 브라우저에서 제공하는 prom
Vanilla JavaScript로 만들어보는 상태 관리가 가능한 카페 메뉴 앱이다.바닐라 JS를 아는 걸 넘어 JavaScript를 잘 사용하는 방법바닐라 JS로 상태 관리가 가능한 애플리케이션 만들기회사에서 업무를 할 때나, 개인 토이 프로젝트를 진행할 때 항상 리
DAY 10오늘 읽은 범위 : 10장, 클래스클래스를 만들 때 첫 번째 규칙은 크기다. 클래스는 작아야 한다. 두 번째 규칙도 크기다. 더 작아야 한다.큰 클래스 몇 개가 아니라 작은 클래스 여럿으로 이뤄진 시스템이 더 바람직하다. 작은 클래스는 각자 맡은 책임이 하나
untracked 파일을 모두 지울 수 있다.디렉터리까지 지우려면 -d 옵션을 추가지워질 파일을 미리 확인할 수 있다.get reset --mixed 옵션과 동일하다.이전에 있는 commit으로 초기화변경된 내용들은 working directory에 옮겨진다.이전에 있
DAY 9오늘 읽은 범위 : 9장, 단위 테스트첫째 법칙: 실패하는 단위 테스트를 작성할 때까지 실제 코드를 작성하지 않는다.둘째 법칙: 컴파일은 실패하지 않으면서 실행이 실패하는 정도로만 단위 테스트를 작성한다.셋째 법칙: 현재 실패하는 테스트를 통과할 정도로만 실제
DAY 7오늘 읽은 범위 : 7장, 오류 처리오류 처리는 프로그램에 반드시 필요한 요소 중 하나일 뿐이다. 입력이 이상하거나 디바이스가 실패할지도 모르기 때문이다. 간단히 말해, 뭔가 잘못될 가능성은 늘 존재한다. 뭔가 잘못되면 바로 잡을 책임은 바로 우리 프로그래머에
행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요.행렬 arr1, arr2의 행과 열의 길이는 500을 넘
DAY 6오늘 읽은 범위 : 6장, 객체와 자료 구조변수를 private로 정의하는 이유가 있다. 남들이 변수에 의존하지 않게 만 들고 싶어서다. 충동이든 변덕이든, 변수 타입이나 구현을 맘대로 바꾸고 싶어 서다. 그렇다면 어째서 수많은 프로그래머가 get 함수와 se
N개이 숫자가 입력되면 오름차순으로 정렬하여 출력하는 프로그램을 작성하세요. 정렬하는 방법은 버블정렬입니다.첫 번째 줄에 자연수 N(1<=N<=100)이 주어집니다.두 번째 줄에 N개의 자연수가 공백을 사이에 두고 입력됩니다. 각 자연수는 정수형 범위 안에