개인 프로젝트 15

[Nomad Coder] 바닐라 JS로 크롬 앱 만들기 - 파트 1

목차 1. Toggle 2. 시계 3. 유저 이름 입력 4. 할 일 리스트 5. 그림 백그라운드 6. 현재 날씨 출력 1. Toggle 만약 문자를 클릭하면 색이 바뀌고 다시 클릭하면 원래 색으로 돌아가도록 하고 싶다면 어떻게 해야할까? const CLICKED_CLASS = "clicked" function handleClick1(){ // contains(값) : 배열 혹은 객체내에 값의 존재 여부를 확인 const hasClass = title.classList.contains(CLICKED_CLASS) if (hasClass){ // hasClass가 참이면, 즉 CLICKED_CLASS가 있을 경우 title.classList.remove(CLICKED_CLASS) // CLICKED_CLASS..

[Nomad Coders] 바닐라 JS로 크롬 앱 만들기 - 기본기

노마드 코더에서 무료강의인 바닐라 JS로 크롬 앱 만들기! 해당 강의는 아래의 사이트에서 찾을 수 있다. https://nomadcoders.co/ 바닐라 JS란? - 간단하게 말하자면 그냥 순수한 자바스크립트이다. 즉, 라이브러리가 없는 자바스크립트이다. 들어가기 앞서 기본기 정리 알아두면 좋은 기본적인 정보들을 확인해보자. [변수의 종류] let(block-scoped) : 재할당 가능, 재선언 불가능 let name = "GilDong"; name = "Amuge"; // 재할당 가능 const(block-scoped) : 재할당 불가능, 재선언 불가능 const name = "GilDong"; var(function-scoped) : 재할당 가능, 재선언 가능 var name = "GilDong"..

AWS란 무엇인가?

AWS? - 아마존닷컴에서 개발한 클라우드 컴퓨팅 플랫폼 - Amazon Web Services는 아마존(Amazon)에서 제공하는 클라우드 서비스로, 네트워킹을 기반으로 가상 컴퓨터와 스토리지, 네트워크 인프라 등 다양한 서비스를 제공하고 있다. - 비즈니스와 개발자가 웹 서비스를 사용하여 확장 가능하고 정교한 애플리케이션 구축하도록 지원하여 준다. - 현재 소규모 법인(회사) 및 개인 을 포함한 다양한 사용자들이 사용하고 있으며, 클라우드 컴퓨팅의 장점을 이용하기 위해 많은 거대 기업에서도 활용하고 있다. 클라우드 컴퓨팅이란? IT 리소스를 인터넷을 통해 온디맨드로 제공하고 사용한 만큼만 비용을 지불하는 것을 말합니다. 물리적 데이터 센터와 서버를 구입, 소유 및 유지 관리하는 대신, Amazon W..

MSA란 무엇인가?

개요 MSA는 마이크로 서비스 아키텍처(Micro Service Architecture)의 줄임말입니다. MSA의 등장 배경을 설명하자면 Monolithic Architecture가 빠질수 없는데요. Monolithic Architecture는 MSA와 반대되는 개념이라고 할 수 있는데, 간단히 말해서 소프트웨어의 모든 구성요소가 한 프로젝트에 통합되어 있는 형태입니다. 소규모 프로젝트에서는 Monolithic Architecture가 훨씬 합리적인데, 그 이유는 간단한 Architecture이고 유지보수가 쉽기 때문이죠. 하지만 규모가 커질수록 Monolithic Architecture의 한계가 드러납니다. 그 한계는 다음과 같습니다. 서비스/프로젝트가 커질수록, 영향도 파악 및 전체 시스템 구조를 파..