일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 개발자부트캠프추천
- 빈 조회 2개 이상
- Spring multimodule
- TiL
- 커스텀 헤더
- 항해99
- 디자인패턴
- 전략패턴 #StrategyPattern #디자인패턴
- jwt
- Python
- 프로그래머스 이중우선순위큐
- jwttoken
- @FeignClient
- 구글 OAuth login
- 디자인 패턴
- 빈 충돌
- KPT회고
- 프로그래머스
- 단기개발자코스
- spring batch 5.0
- 파이썬
- 1주일회고
- 코딩테스트 준비
- 개발자 취업
- DesignPattern
- infcon 2024
- 인프콘 2024
- 99클럽
- 취업리부트코스
- JavaScript
- Today
- Total
m1ndy5's coding blog
프로그래밍, JavaScript란? 본문
프로그래밍이란?
컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션
요구사항을 파악한 후 문제 해결방안을 정의해야 함
컴퓨팅 사고
컴퓨터의 입장에서 문제를 바라보는 것
명확히 수치화해서 정의를 해야함
프로그래밍 언어
사람이 이해할 수 있는 약속된 문법으로 구성된 언어
프로그래밍 언어를 컴퓨터가 이해할 수 있는 기계어로 변환하는 번역기를 컴파일러 또는 인터프리터라고 함
즉 프로그래밍은 요구사항를 분석하고 적절한 코드로 변환한 후 그 흐름을 제어하는 것
JavaScript란?
초창기 JavaScript는 웹페이지의 보조적인 기능을 수행하기 위한 용도로 사용됨
웹 브라우저에서 동작하는 유일한 프로그래밍 언어
프로토타입 기반의 객체지향 언어
- 프로토타입 기반 객체지향 언어? -> 프로토타입 기반 언어는 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하는 복제 과정을 통해 객체의 동작 방식을 재사용 할 수 있게 함 (ex. 자바는 인터페이스를 만들고 클래스가 상속하여 클래스로 객체를 만들지만 자스는 상속 없이 객체 생성가능 (처음에 자바랑 헷갈려서 아니 어떻게 인터페이스를 객체로 생성하지 했음ㅎㅎ)
Ajax
서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능 Ajax가 XMLHttpRequest라는 이름으로 등장
이전 웹페이지는 완전한 html 코드를 전송받아 렌더링하는 방식으로 동작하였기 떄문에 요청을 보내면 웹페이지 전체를 처음부터 다시 렌더링
Ajax가 등장하면서 웹페이지에서 변경할 필요가 없는 부분은 다시 렌더링하지 않고, 서버로부터 필요한 데이터만 전송받아 변경해야하는 부분만 한정적으로 렌더링하는 방식이 가능해짐
JQuery
DOM을 더욱 쉽게 제어할 있게 됨
Node.js
V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경
브라우저의 자바스크립트 엔진에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서도 동작할 수 있도록 자바스크립트 엔진을 브라우저에서 독립시킨 JS 실행환경
- 자바스크립트 엔진? -> 자바스크립트 엔진은 자바스크립트 코드를 해석하고 실행하는 인터프리터
현재는 서버 사이드 애플리케이션 개발에 주로 사용됨
비동기 I/O를 지원하고 단일 스레드 이벤트 루프 기반으로 동작
- 단일 스레드(CPU 이용 기본 단위)? -> 하나의 프로세스에서 하나의 스레드 실행, 하나의 레지스터와 스택으로 표현
I/O가 빈번하게 발생하는 SPA(Single Page Application)에 적합, CPU 사용률이 높은 애플리케이션에서는 권장하지 않음
크로스 플랫폼을 위한 가장 중요한 언어로 주목 받고 있음
- 크로스 플랫폼? -> 플랫폼(ex. Android, Windows, Linux 등)에 묶이지 않고 자유롭게 사용할 수 있도록 서포트하는 역할
SPA 프레임워크
CBD(Component based development) 방법론을 기반으로 하는 SPA가 대중화
- CBD? -> 컴포넌트를 조합해 재사용함으로써 개발 생산성과 품질을 높이고 시스템 유지보수 비용을 최소화할 수 있는 개발방법론
ECMAScript
프로그래밍의 핵심 문법을 규정함, 자바스크립트를 표준화하기 위해 만들어짐
'프론트엔드 > java script' 카테고리의 다른 글
JavaScript Spread[...] & Destructuring(구조 분해 할당) (1) | 2023.05.08 |
---|---|
JavaScript filter() & map() & reduce() (0) | 2023.05.08 |
[미니 프로젝트] 우리FISA Calendar 만들기 (0) | 2023.05.06 |
[미니 프로젝트] 파파고 만들기 (0) | 2023.05.01 |
JavaScript - Browser Rendering, Web API, DOM (0) | 2023.04.30 |