profile
꾸준히 새로운 것을 알아가는 것을 좋아합니다.

AWS 시작하기 - EC2

EC2(Elastic Compute Cloud)는 독립된 컴퓨터를 임대해주는 서비스입니다. 본 수업의 하위 수업에서는 EC2의 개념과 사용방법을 알아봅시다.가장 범용적인 서비스, 첫 번째로 생겨난 서비스이다.독립된 컴퓨터 한 대를 통채로 임대해주는 상품EC2 dashb

어제
·
0개의 댓글

AWS 시작하기 - 보안설정 2단계 인증

보안을 강화하기 위한 방법으로 2단계 인증 추가 (IAM - mfa)추가보안Security, Identity & Compliance > IAM Security Status > Activate MFA on your root account ( multi - 2단계 )Ste

2일 전
·
0개의 댓글

AWS 시작하기 - AWS 회원가입

생활코딩 아마존 웹서비스(AWS) 강의를 보고 작성한 글입니다.아마존 웹 서비스를 어떻게 사용하는가?클라우드 컴퓨팅이란 무엇인가?보통 컴퓨터를 사용하여 작업을 할 때,컴퓨터를 이용해서 필요한 프로그램을 설치하고 작업하고 결과를 본다.그러나 클라우드 컴퓨팅은 좀 다르다.

2일 전
·
0개의 댓글

NUMBEL:: 쿠팡 클론 코딩 챌린지 [1회차] - 6.17 ~ 6.21 기록

프로젝트 미션 : 로그인 페이지 - 좋은 ‘모듈' 설계하고 구현해보기 로그인을 위해 필요한 Data Fetching 모듈 생성 주어진 Interface에 맞게 Class 및 Function들을 만들어보며 지속가능한 모듈 설계와 프론트엔드에서의 객체지향에 대해서 고민 u

2022년 6월 21일
·
0개의 댓글
post-thumbnail

오늘의집 Clone Coding - GNB Search History Input 검색

기능 구현 GNB Search Focus event , is-active GNB Search History is-active 일 때, background 클릭 시 is-active 비활성화 GNB Search History 전체 삭제 기능 GNB Search Focu

2022년 6월 14일
·
0개의 댓글

[JavaScript] remove() 와 removeChild() 의 차이점

프로젝트를 진행하다가 remove와 removeChild 의 기능은 비슷하나, 어떤 차이점이 있을지에 대한 의문이 들어 조사한 바를 바탕으로 글을 작성해본다.The Element.remove() method removes the element from the DOM.:

2022년 6월 14일
·
0개의 댓글
post-thumbnail

오늘의집 Clone Coding - MyMenu 토글

MyMenu 버튼 클릭 시, MyMenu Content 활성화 (토글)Window 클릭 시, MyMenu Content 비활성화\- 즉, 백그라운드 클릭 시 MyMenu Content 비활성화가 되어야 함.mymenu content를 비활성화 시킬 때 window에

2022년 6월 13일
·
0개의 댓글
post-thumbnail

오늘의집 Clone Coding - Sidebar, Order Modal Toggle

sidebar 메뉴 클릭 시, is-active class를 추가해주어 sidebar와 overlay를 활성화 시켜주었고, 함수를 선언하여 가독성을 높여주였다.첫 번째 방법으로는 이벤트 위임 방식을 사용하였다. drawer-menu-button의 부모인 sidebar-

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[TypeScript] Motion 프로젝트 - webpack 설정하기

번들러를 사용하면 모듈 지원이 불가한 브라우저에서의 의존성 관리 문제를 해결할 수 있다. 최근 번들러들은 의존성 패키지들의 하나로 묶어 주는 것뿐만 아니라 개발 생산성 자체에 도움을 주는 다양한 기능을 제공한다. webpack은 가장 많이 사용되는 번들러 중 하나이다.

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[TypeScript] Motion 프로젝트 - innerHTML & textContent

ImageComponent는 내부적으로 어떠한 요소를 만들고 attachTo 함수를 가지고 있다.이미지를 생성하지 위하여 title, url string 타입을 받아온다.요소를 만들 때는 template 태그를 이용하여 innerHTML을 적용해주었다.이미지의 경로를

2022년 6월 10일
·
0개의 댓글

블랙커피 Vanilla JS 문벅스 카페 메뉴 앱 만들기 섹션 3 회고

localStorage에 데이터를 저장하여 새로고침해도 데이터가 남아있게 한다.에스프레소, 프라푸치노, 블렌디드, 티바나, 디저트 각각의 종류별로 메뉴판을 관리할 수 있게 만든다.페이지에 최초로 접근할 때는 에스프레소 메뉴가 먼저 보이게 한다.품절 상태인 경우를 보여줄

2022년 6월 9일
·
0개의 댓글
post-thumbnail

블랙커피 Vanilla JS 문벅스 카페 메뉴 앱 만들기 섹션 2 회고

에스프레소 메뉴에 새로운 메뉴를 확인 버튼 또는 엔터키 입력으로 추가한다.메뉴가 추가되고 나면, input은 빈 값으로 초기화한다.사용자 입력값이 빈 값이라면 추가되지 않는다.메뉴의 수정 버튼을 눌러 메뉴 이름 수정할 수 있다.메뉴 수정시 브라우저에서 제공하는 prom

2022년 6월 7일
·
0개의 댓글

블랙커피 Vanilla JS 문벅스 카페 메뉴 앱 만들기 섹션 1 회고

Vanilla JavaScript로 만들어보는 상태 관리가 가능한 카페 메뉴 앱이다.바닐라 JS를 아는 걸 넘어 JavaScript를 잘 사용하는 방법바닐라 JS로 상태 관리가 가능한 애플리케이션 만들기회사에서 업무를 할 때나, 개인 토이 프로젝트를 진행할 때 항상 리

2022년 6월 7일
·
0개의 댓글

Clean Code 10장. 클래스

DAY 10오늘 읽은 범위 : 10장, 클래스클래스를 만들 때 첫 번째 규칙은 크기다. 클래스는 작아야 한다. 두 번째 규칙도 크기다. 더 작아야 한다.큰 클래스 몇 개가 아니라 작은 클래스 여럿으로 이뤄진 시스템이 더 바람직하다. 작은 클래스는 각자 맡은 책임이 하나

2022년 5월 10일
·
0개의 댓글

[Git] clean, reset, reflog, revert, rebase, amend

untracked 파일을 모두 지울 수 있다.디렉터리까지 지우려면 -d 옵션을 추가지워질 파일을 미리 확인할 수 있다.get reset --mixed 옵션과 동일하다.이전에 있는 commit으로 초기화변경된 내용들은 working directory에 옮겨진다.이전에 있

2022년 5월 9일
·
0개의 댓글

Clean Code 9장. 단위 테스트

DAY 9오늘 읽은 범위 : 9장, 단위 테스트첫째 법칙: 실패하는 단위 테스트를 작성할 때까지 실제 코드를 작성하지 않는다.둘째 법칙: 컴파일은 실패하지 않으면서 실행이 실패하는 정도로만 단위 테스트를 작성한다.셋째 법칙: 현재 실패하는 테스트를 통과할 정도로만 실제

2022년 5월 9일
·
0개의 댓글

Clean Code 7장. 오류 처리

DAY 7오늘 읽은 범위 : 7장, 오류 처리오류 처리는 프로그램에 반드시 필요한 요소 중 하나일 뿐이다. 입력이 이상하거나 디바이스가 실패할지도 모르기 때문이다. 간단히 말해, 뭔가 잘못될 가능성은 늘 존재한다. 뭔가 잘못되면 바로 잡을 책임은 바로 우리 프로그래머에

2022년 5월 6일
·
0개의 댓글

행렬의 덧셈

행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요.행렬 arr1, arr2의 행과 열의 길이는 500을 넘

2022년 5월 5일
·
0개의 댓글

Clean Code 6장. 객체와 자료 구조

DAY 6오늘 읽은 범위 : 6장, 객체와 자료 구조변수를 private로 정의하는 이유가 있다. 남들이 변수에 의존하지 않게 만 들고 싶어서다. 충동이든 변덕이든, 변수 타입이나 구현을 맘대로 바꾸고 싶어 서다. 그렇다면 어째서 수많은 프로그래머가 get 함수와 se

2022년 5월 3일
·
0개의 댓글

버블 정렬

N개이 숫자가 입력되면 오름차순으로 정렬하여 출력하는 프로그램을 작성하세요. 정렬하는 방법은 버블정렬입니다.첫 번째 줄에 자연수 N(1<=N<=100)이 주어집니다.두 번째 줄에 N개의 자연수가 공백을 사이에 두고 입력됩니다. 각 자연수는 정수형 범위 안에

2022년 5월 3일
·
0개의 댓글