Dev Diary 💻

이 글은 드림코딩님의 '자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)' 를 바탕으로 정리한 내용입니다. History 1993년 UI 요소가 가미된 첫번째 웹 브라우저가 탄생하게 됨 Mosaic Web Browser 1994 Netscape Navigator 탄생 Mosaic Web Browser 를 이끌던 Mac Andressen은 Netscape을 설립함 Netscape Navigator - Wikipedia 초기 인터넷 사용자들의 폭발적 반응을 얻어 약 90%의 시장점유율을 차지했다. 정적 사이트 어떻게 하면 동적인 웹사이트를 만들 수 있는지 고심 → scripting 언어를 추가해보자! Java → 너무 무거워! Sc..

Intro AWS 의 CloudWatch 로그(Logs) 사용법에 정리해보고자 합니다. CloudWatch? AWS 리소스를 효과적으로 모니터링 할 수 있는 서비스로 통합 view를 확보하는데 필요한 데이터를 제공한다. 뿐만 아니라 이벤트 및 리소스를 이용해 경보를 생성할 수도 있습니다. 로그 (Logs) CloudWatch Logs는 운영 중인 애플리케이션 리소스를 기록하고 액세스할 수 있으며, 관련된 로그 데이터를 검색할 수 있습니다. 로그 스트림 리스트 확인 Logs Insights 로그 메시지에 조건을 추가하여 필터링이 가능합니다. 오른쪽 쿼리 탭을 사용하여 query 예시들을 확인해볼 수 있습니다.

Intro Intellij 에서 코드를 일괄 변경하는 방법에 대해 알아봅시다. How to do 1. 수정하고자 하는 코드를 찾습니다. (Shift + cmd + f) 2. 한번에 해당 코드를 변경하고 싶을 경우 (Shift + cmd + r) 을 입력합니다. 그럼 아래와 같이 input 창이 1개 더 생성됩니다. 3. 변경하고자 하는 코드를 아래 input 창에 입력 후 아래의 REPLACE ALL 버튼을 눌러줍니다.

Intro JavaScript의 prompt() 함수 사용 방법에 대해 알아보도록 합시다. Window.prompt() prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다. Syntax prompt() prompt(message) prompt(message, defaultValue) Parameters message (Optional) : 사용자에게 보여줄 문자열을 나타낸다. defaultValue (Optional) : 텍스트 입력 필드에 기본으로 채워넣을 문자열을 뜻한다. return value : 사용자가 입력한 문자열, 또는 null Example let sign = prompt("당신의 별자리는 무엇입니까?"); if (sign.toLo..

Intro 리액트에서 Modal 팝업시 뒷배경이 스크롤 되지 않게 하는 방법에 대해 소개하고자 합니다. How to do import React, { useEffect } from 'react'; export const Modal = (props) => { // 모달 오버레이에서 스크롤 방지 useEffect(() => { document.body.style.cssText = ` position: fixed; top: -${window.scrollY}px; overflow-y: scroll; width: 100%;`; return () => { const scrollY = document.body.style.top; document.body.style.cssText = ''; window.scrollTo..