자바스크립트의 탄생 1995년, 웹 브라우저 시장을 지배하고 있던 넷프케이프 커뮤니케이션즈 웹페이지의 보조적인 기능을 수행하기 위한 언어를 도입하기로 결정함 브렌던 아이크(Brendan Eich)가 자바스크립트를 개발하게 됨 1996년 3월, 넷스케이프 내비게이터2(Netscape Navigator2)에 탑재됨 모카(Mocha)로 명명됨 9월, 라이브스크립트(LiveScript)로 이름이 바뀜 12월, 자바스크립트(JavaScript)라는 이름으로 최종 명명됨 얼마 지나지 않아 자바스크립트의 파생버전인 JScript가 출시됨 자바스크립트의 표준화 1996년 8월, 마이크로소프트는 JScript를 인터넷 익스플로러3.0에 탑재함 넷스케이프 커뮤니케이션즈 / 마이크로소프트는 자사 브라우저에서만 동작하는 기능..

프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 프로그래밍 전에 문제를 명확히 이해한 후 문제 해결 방안을 정의해야 함 컴퓨팅 사고(Computational thinking) 가 필요함 문제 해결 방안을 고려할 때 컴퓨터의 입장에서 문제를 바라보는 것 논리적, 수학적 사고가 필요함 해결 과제를 작은 단위로 분해하고 패턴화해서 추출해야 함 사람은 소리의 크기를 "크다" 또는 "작다"로 표현함 이것은 상대적인 개념으로 기준이 명확하지 않음 컴퓨터에게는 양적 개념인 숫자를 사용해야함 "현재 볼륨보다 1단계 크게 조정해줘" 또는 "볼륨을 60으로 조정해줘"라고 명령해야 함 프로그래밍 언어 명령은 사람이 이해할 수 있는 자연어가 아니라 컴퓨터가 이해할 수 있는 언어인 기계어로 전달해야 함 [ "He..

자바스크립트의 태생적 특징 자바스크립트는 웬만해서는 에러 없이 실행되며 되도록 손이 덜 가게끔 설계되어 있다. 이러한 자바스크립트의 특징은 편리한 경우도 있지만 내부 동작을 이해하기 어렵게 만들기도 한다. 이는 자바스크립트의 탄생 목적이 일반적인 프로그래밍 언어와 다르기 때문이다. 대부분의 프로그래밍 언어는 애플리케이션 개발을 위한 용도로 설계되었지만 자바스크립트는 웹페이지의 단순한 보조 기능을 처리하기 위한 용도로 만들어졌다. 하지만 자바스크립트는 현재 프론트엔드와 백엔드 영역의 언어로 사용할 수 있는 개발 언어로 성장했다. 따라서 자바스크립트를 학습하는 방식도 이에 걸맞게 변화해야 한다. 기본 개념과 동작 원리 이해의 중요성 프로그래머의 역할은 문제를 해결하기 위한 방법을 생각하여 코드로 구현하는 것..

유의적 버전 (Semantic Versioning, SemVer) > node --version v14.17.6 여기에서 버전의 숫자들은 각각 아래의 의미를 나타낸다. 14.17.6 Major.Minor.Patch Major 기존 버전과 호환되지 않는 새로운 버전을 의미한다. Minor 기존 버전과 호환되는 새로운 기능이 추가된 버전을 의미한다. Patch 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전을 의미한다. ^Major.Minor.Patch Major 버전 안에서 가장 최신 버전으로 업데이트가 가능하다. package.json 파일에서 업데이트 하려는 모듈의 버전 앞에 ^ 기호가 명시되어 있어야 한다. 이 기호는 npm update 를 통해 최신 버전으로 업데이트 할 수 있다는 것을 의미한..

BEM (Block Element Modifier) HTML 클래스 속성의 작명법 1. 요소__일부분 Underscore(Ladash) 기호로 요소의 일부분임을 표시한다. 클래스 이름만 보고도 어느 요소의 일부분인지 직관적으로 유추할 수 있다. 2. 요소--상태 Hyphen(Dash) 기호로 요소의 상태를 표시한다. 클래스의 이름만 보고도 어떤 역할을 할 것인지 유추할 수 있다.

오픈 그래프 (The Open Graph protocol) 웹페이지가 소셜 미디어(카카오톡, 페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정할 수 있다. ... og:type: 페이지의 유형(E.g, website, video.movie) og:site_name: 속한 사이트의 이름 og:title: 페이지의 이름(제목) og:description: 페이지의 간단한 설명 og:image: 페이지의 대표 이미지 주소(URL) og:url: 페이지 주소(URL) 참고: https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.m..