모던 자바스크립트 딥다이브 3장 - 자바스크립트 개발 환경과 실행 방법

자바스크립트 실행 환경 모든 브라우저는 자바스크립트 엔진을 내장하고 있다.또한 Node.js도 자바스크립트 엔진을 내장하고 있다.= 자바스크립트는 브라우저 + 노드 환경에서 실행할 수 있다. 단, 브라우저와 노드는 용도가 서로 다르다.브라우저는 -> 웹페이지를 화면에 렌더링 이라면,노드 -> 브라우저 외부에서 자바스크립트 실행 환경 제공 이 목적이다.따라서 브라우저와 노드는 ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다.(브라우저는 DOM API 기본 제공, 노드는 제공X 등...)웹 브라우저 다양한 웹 브라우저에서 크롬이 시장 점유율이 가장 높고, 많이 쓰인다. (하지만 난 웨일,,,~)개발자 도구 브라우저에 기본 내장되어 있으므로 별도로 설치할 필요가 없고,윈도우에서 F12 단축키..

• format_list_bulleted JS
• · 2025. 1. 27.
• textsms

모던 자바스크립트 딥다이브 2장 - 자바스크립트란?

2장 자바스크립트란? 자바스크립트는 브렌던 아이크가 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입했다. 96년 넷스케이프 내비게이터2에 탑재되었고, 모카로 명명되었다가 라이브스크립트 -> 자바스크립트라는 이름으로 최종 명명되었다. 하지만 마이크로소프트가 파생 버전인 JScript 를 인터넷 익스플로러에 탑재하며 문제가 발생했는데, JScript와 자바스크립트가 적당히 호환되는 것이었다.(자사 브라우저 시장 점유율을 높이기 위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하기 시작) 이로 인해 브라우저에 따라 웹 페이지가 정상적으로 동작하지 않았고 (크로스 브라우징 이슈), 이에 표준화된 자바스크립트 필요성이 대두되기 시작하면서(자바스크립트 만든 회사에서..

• format_list_bulleted JS
• · 2025. 1. 27.
• textsms

모던 자바스크립트 딥다이브 1장 - 프로그래밍

모던 자바스크립트 딥다이브는 슬프게도 끝까지 읽은 적이 없는데이번에 좀 각잡고 제대로 정리하면서 읽어보려고 합니다   1장은 프로그래밍 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다.그래서 프로그래밍에 앞서 요구사항을 명확히 이해한 후 적절한 문제 해결방안을 정의할 필요가 있다.이때 요구되는 것은 문제 해결능력이다. 또 프로그래밍은 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확, 상세하게 요구사항을 설명하는 작업이며, 그 결과물은 코드다. 우리는 문제 해결 방안 고려할 때 컴퓨터의 입장에서 문제를 바라봐야 하고, 이때 필요한 것이 컴퓨팅 사고다. 컴퓨터에게 명령을 수행시킬 때 우리는 기계가 이해할 수 있는 언어인 기계어로 명령을 전달해야 한다.하지만 사람이 기계어로 명령을 ..

• format_list_bulleted JS
• · 2025. 1. 27.
• textsms

자바스크립트 개념 정리 2

더보기더보기어젠 토요일이었구 할머니댁도 다녀와서 그냥 잤는데오늘은 잠도 푹 잤겠다 어제 못했던 공부를 이어서 해보려고 한다! ^,.^5.함수 : 코드의 집합을 나타내는 자료형 ☑️ 함수 호출 : 함수를 사용하는 것☑️ 매개 변수 : 함수를 호출할 때 괄호 내부에 넣는 자료☑️ 리턴값 : 함수를 호출해서 최종적으로 나오는 결과  ☑️ 익명 함수 : 이름이 붙어있지 않는 함수const 함수 = function () {}호출 -> 함수()  ☑️ 선언적 함수 : 이름이 있는 함수 (일반적으로 많이 사용)function 함수() { }  ⬇️ 익명 함수와 선언적 함수 차이더보기더보기익명 함수순차적인 코드 실행에서 코드가 해당 줄을 읽을 때 생성된다. 선언적 함수순차적인 코드 실행이 일어나기 전에 생성된다.따라서..

• format_list_bulleted JS
• · 2024. 4. 28.
• textsms

자바스크립트 개념 정리 1

더보기더보기자바스크립트 개념이 잘 정리가 안 된다 ㅜㅜ 그래서 다시 정리해보고자 처음 읽었었던 혼자 공부하는 자바스크립트를 다시 정리해본다. 이게 처음엔 이해가 안 되는 부분이 많아서 건너 뛰거나, 제대로 안 읽었던 부분이 많은데이 책부터 다시 제대로 이해하고, 정리해서 그 다음 단계로 가야할 것 같다.1. 기본적인 용어 1. 표현식 : 값을 만들어내는 간단한 코드 = 뭘 해도 결과적으로 값이 만들어지면 표현식이다.2. 문장 : 표현식이 하나 이상 모인 것 = 문장의 종결 의미하는 세미콜론, 줄바꿈을 넣으면 문장이다.3. 프로그램 : 이러한 문장이 모인 것 ☑️ 키워드 : 자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어다.☑️ 식별자 : 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어..

• format_list_bulleted JS
• · 2024. 4. 26.
• textsms

개요

자바스크립트 완벽 가이드: 초급 + 고급 마스터 과정 공부 시작더보기 사실 강의를 들은 지는 좀 됐는데 노트북 사정 + 이러 저러한 이유로 필기를 못하면서 들었더니 이렇게 됐다...  이 강의가 엄청~ 많고 (641개 ㅋㅋㅋ) 영어 강의라 번역 보랴 강의자료 보랴... 피로도가 엄청 상승해서 엄두가 안 났는데 그래도! 무(모)한도전 갑니닥!앞 부분의 모듈 소개 같은 기본적인 건 건너 뛴다. 1. 자바스크립트란? 런타임에 컴파일되는 동적 약형 프로그래밍 언어 웹페이지를 보다 동적으로 만들기 위한 목적으로 생성  2. 웹페이지 동작웹페이지는  컴퓨터, 노트북을 사용해 url, 검색 결과를 클릭해 웹페이지를 로드함 웹페이지를 처음 방문할 때 요청이 서버로 전송됨= html 파일이 호스팅된 웹페이지가 있는 인터..

• format_list_bulleted JS
• · 2024. 4. 26.
• textsms