언어/자바스크립트(Java Script)16 [자바스크립트] 스코프 *자바스크립트에서 스코프는 중요한 개념이므로 꼭 기억해야 함! 렉시컬 환경이란?렉시컬 환경은 스코프를 구분하여 식별자를 등록하고 관리하는 저장소 역할을 하는 렉시컬 스코프의 실체임환경 레코드(Enviornment Record)와 외부 렉시컬 환경(상위 스코프)에 대한 참조로 이루어짐자바스크립트 엔진에 내장된 자료구조environment record(환경 레코드)와 outer environment reference(상위 환경에 대한 참조)라는 프로퍼티를 가지는 형태로 구현됨 스코프란?선언한 변수의 적용 범위를 가르킴종류로는 함수 레벨 스코프, 블록 레벨 스코프가 있음하위 위치 내에선 상위 위치의 변수 등을 사용할 수 있지만, 상위 위치에서 하위 위치의 변수 등을 사용할 수 없으며, 형제 위치에서도 사용할수.. 2024. 7. 30. [자바스크립트] 변수 / 자료형 / 형변환 1. 변수프로그램에서 사용하기 위해 값을 담아놓는 바구니일반적으로 변수는 프로그램 안에서 값이 달라질 수 있는 데이터를 가리킴하지만 프로그램 안에서 계속 값이 바뀌지 않더라도 변수로 만들어서 사용함 (상수 변수라고 함) 변수 이름 지정하기변수 이름을 지정하는 것은 값을 저장해 놓은 메모리 공간에 문패를 붙이는 것과 같다프로그램 안에서 사용할 값이 메모리의 어느 위치에 저장되어 있는지 신경쓰지 않고 문패 이름, 즉 값을 넣어놓은 변수 이름만 기억해 놓으면 됨변수 이름을 쉽게 가져와서 그 안의 값을 사용할 수도 있고, 같은 위치에 바뀐 값을 저장할 수도 있음따라서 변수 이름은 서로 다르게 만들어야 함! 변수 이름 정하는 규칙변수 이름은 숫자로 시작할 수 없고 이름 안에 공백이 포함되어 있으면 안 된다curr.. 2024. 7. 30. [자바스크립트] 개발 환경 세팅 vscode 설치Visual Studio Code 다운로드 (https://code.visualstudio.com) D2Coding코딩할 때 ㅇ(한글 이응), o(알파벳 오), 0(숫자 영) 등 헷갈릴 만한 것들을 구분할 수 있는 글꼴다운로드 : https://github.com/naver/d2codingfont글꼴 설치 후 VSCode에 D2Coding 글꼴 지정 필요[VSCode Editor 내의 왼쪽 하단 톱니바퀴 아이콘] - [setting] - [검색창에 'font-family' 검색] - ['D2Coding' 입력] 추천 Extension Plugin이름설명Live Server/Ritwick Dey- VS Code에서 수정 후 저장하면 바로 웹 브라우저에 반영되어 확인 가능- 필수적으로 .. 2024. 7. 30. [자바스크립트] 기본 사항 자바스크립트(JavaScript)의 특징모든 웹 브라우저에서 작동함웹 브라우저에는 자바스크립트 소스를 실행할 수 있는 자바스크립트 엔진이 포함되어 있기 때문ctrl + shift + J 를 통해 자바스크립트 콘솔을 열어 간단한 코드를 실행해볼 수 있음웹 브라우저에서 실행 결과를 즉시 확인할 수 있음풀스택 웹 개발 뿐 아니라 다양한 용도의 프로그램을 만들 수 있음다양한 자바스크립트 공개 API를 사용할 수 있음다양한 공개 API 및 라이브러리, 프레임워크를 사용할 수 있음(프레임워크 : 기본으로 제공하는 소스를 수정 및 추가하여 웹 프로그램을 만들 수 있게 미리 준비된 환경) ★자바스크립트(javascript)와 자바(java)는 다른 언어★라이브스크립트초기에 가장 대중화 됐던 ‘넷스케이프’ 브라우저에서 .. 2024. 7. 30. [자바스크립트] 함수 함수를 사용하는 이유함수가 없다면 같은 기능에 대해 같은 명령을 계속 반복해야 하지만, 함수를 만들어 둔다면 간단히 함수 호출하면 만사형통 프로그래밍에서 가장 중요한 것은 문제를 분석하는 것주어진 문제를 여러 개의 작은 문제로 나눈 후 작은 문제를 하나씩 해결하면서 최종적으로 주어진 문제를 끝냄가장 작은 단위로 나눈 것을 함수로 작성함나누는 기준은 종속성의 유무에 따르며, 종속 되는 것끼리는 묶어서 만들어 줘야함알고리즘을 통해 데이터를 압축한다?- 예를 들어 1+2=3에 대해서 데이터베이스에 이 계산식에 대해 답을 저장했다고 함- 그럼 모든 답을 저장하기 위해 무한만큼의 용량이 필요함- 알고리즘으로 계산해주면 필요한 용량을 줄일 수 있음 함수 선언 & 실행함수 선언할 때 function 예약어를 사용함.. 2024. 7. 30. [자바스크립트] 객체 / 클래스 / 프로토타입 1. 객체프로그래밍에서 ‘객체’는 데이터를 저장하고 처리하는 기본 단위자바스크립트에서 객체는 관련된 정보와 동작을 함께 모아 놓은 것내장 객체 : 프로그래밍을 할 때 자주 사용하는 요소들을 자바스크립트에서 미리 정의해 놓은 객체문서 객체 모델(DOM)- 웹 문서 자체도 객체- 웹 문서에 포함된 이미지, 링크, 텍스트 필드 등은 모두 이미지 객체, 링크 객체, 폼 객체처럼 각각 별도의 객체- 관련 포스팅 : [자바스크립트] DOM(문서 객체 모델)브라우저 객체 모델(BOM)- 웹 브라우저에서 사용하는 정보도 객체로 지정되어 있다.사용자 정의 객체 : 필요할 때마다 사용자가 만들어 사용하는 객체 객체 복사원시 유형 자료 복사- 값을 복사함- 복사한 자료의 값을 변경하면 원래 자료의 값은 그대로임객체 복사- .. 2024. 7. 29. 이전 1 2 다음
