본문 바로가기

전체 글30

[모던 자바스크립트 DeepDive] 4일차 - Vscode 확장 플러그인, 변수 본 문서는 "모던 자바스크림트 DeepDive"를 데일리로 학습하며 기억할 부분과 추가학습한 부분을 공유한다. 1. Vscode 확장 플러그인Code Runner : js파일 실행Live Server : HTML > 브라우저에서 띄워줌 2. 변수기본적으로 데이터를 입력 받고 출력한다는 사실은 모든 애플리케이션에 포함된다.먼저, 연산자 좌변과 우변의 피연산자를 기억한다.이때의 리터럴과 연산자의 의미를 알고 있어야한다.위의 코드를 평가(evaluation)하기 위해 위의 과정이 필요하다.이를 기반으로 파싱하여야한다.위와 같은 연산을 위해서 컴퓨터는 CPU로 연산하고, 메모리로 데이터를 기억한다.메모리 = 셀의 집합셀 하나 = 1바이트(8비트). => 셀단위로 데이터 저장 또는 읽음각 셀에는 메모리 주소가.. 2025. 7. 1.
[모던 자바스크립트 DeepDive] 3일차 - 개발자도구, Node 본 문서는 "모던 자바스크림트 DeepDive"를 데일리로 학습하며 기억할 부분과 추가학습한 부분을 공유한다. 1. 개발자 도구콘솔REPL(Read Eval Print Loop) 환경을 사용 가능하다.'>' 프롬프트 : 대화형 인터페이스 입력 지점줄바꿈 : Shift 키디버깅Source 탭 활용에러가 발생한 부분의 직접적인 소스코드를 볼 수 있다.참고 문서 : https://developer.chrome.com/docs/devtools/overview?hl=ko#sources 직접 편집화면에서 코드 수정이 가능하고, 특정 영역에서 브레이크를 걸거나 다음 스탭으로 넘어 갈 수 있다. 2. Node.jsNpm : node package manager패키지 설치 및 관리를 위한 cli(command line .. 2025. 6. 30.
[모던 자바스크립트 DeepDive] 2일차 - 자바스크립트 본 문서는 "모던 자바스크립트 DeepDive]를 데일리로 학습하며 기억할 부분과 추가학습한 부분을 공유한다. 1. Node.js비동기 I/O(input/output)을 사용한다. => SPA에서 빈번하게 발생함 2. 프레임워크 등장갱신없이 데이터 정보를 바꾸는 SPA는 점차 고도화되어 변경에 유연하면서 확장하기 쉬운 애플리케이션 아키텍쳐의 구축필요 3. 자바스크립트 범위 : ECMAScript + 브라우저의 클라이언트 사이드 API (DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG등)멀티 패러다임 프로그래밍 언어구성 : 셀프-프로토타입 기반 상속 , 스킴-일급함수 개념 차용일급함수란?값처럼 자유롭게 다를 수 있음 (변수, 함수인자.. 2025. 6. 25.
[모던 자바스크립트 DeepDive] 1일차 - 프로그래밍, 자바스크립트 본 문서는 "모던 자바스크립트 DeepDive]를 데일리로 학습하며 기억할 부분과 추가학습한 부분을 공유한다. 1. 프로그래밍 언어표현식(expression) : 값을 만드는 코드 전체 (할당, 값 등 모두 해당)프로그래밍 언어의 흐름제어(control flow) 기본 흐름 : 위 -> 아래순차적 흐름만으로 부족해, 조건에따라 실행을 건너뛰거나 반복하거나 멈출 수 있는 "흐름제어 문법" 필요ex. if, else, switch.. => 프로그래밍 : 요구사항 집합을 분석하여, 적절한 자료구조와 함수 집합으로 변환하고, 그 흐름을 제어하는 것이다. 2.자바스크립트초기 : 크로스 브라우징 이슈자바스크립트 / Jscript 표준화안됨 -> 크로스 브라우징 이슈 발생2015년 ES6공개성장기존 : 웹페이지 보조.. 2025. 6. 24.

티스토리툴바