본문 바로가기

FrontEnd/JavaScript24

프론트엔드 공부 로드맵 1.기본 및 비동기 개념 : 초보자는 Let, var, const, If-else , Loops, Functions, Map, Filter and Reduce, Expression and Operations, Number, String, Arrays 및 Objects, ES5, ES6과 같은 핵심 개념이나 기본 사항에 집중해야 합니다. DOM 조작법, 이벤트 사용법 등 자바스크립트의 모든 기본 사항. 기본 개념을 명확히 이해하면 Javascript의 비동기 동작에 대해 배울 수 있습니다. 또한 Prototypes, Coercion, Hosting, Scope, callback, promises, closures, higher-order functions 에대해 알아보십시오. 알고리즘 문제 해결: Java.. 2022. 6. 7.
[JavaScript] 프로퍼티와 내부메서드 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMA 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)다. ECMAScript 사양에 등장 하는 이중 대 괄호 ([[...]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. 내부 슬롯과 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되어 자바스크립트 엔진에서 실제로 동작하지만 외부로 공개된 객체의 프로퍼티는 아니고 원칙적으로 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다. 단, 일부에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다. 예를 들어, 모든 객체는 [[Pro.. 2022. 6. 7.
[JavaScript] 스코프 스코프란? 스코프(scope)(유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이고 중요한 개념이다. 변수 선언 키워드인 var 키워드 로 선언한 변수와 let, const 키워드 로 선언한 변수의 스코프 는 다르게 동작한다. 스코프 는 변수, 함수와 깊은 관련이 있다. 함수의 매개변수 는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수없다. 이것은 매개변수 를 참조할 수 있는 스코프(유효범위)가 함수 몸체 내부로 한정되기 때문이다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라고 한다. 즉 스코프 는 식별자 가 유효한 범위(식별자 를 검색하는 규칙)를.. 2022. 6. 7.
[JavaScript] 함수 함수란? 함수는 일련의 과정을 문(statement)으로 구현하고 코드블록으로 감싸서 하나의 실행단위로 정의한 것이다. 함수는 입력을 받아서 출력을 내보낸다. 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)라 한다. 함수는 값이고 여러개 존재 할 수 있어서 각 함수를 구별하기 위해 식별자인 함수이름을 사용할 수 있다. 함수는 함수 정의를 통해 생성 할 수 있다. 자바스크립트는 다양한 방법으로 함수를 정의 할 수 있지만 정의 만으로는 함수가 실행되지 않는다. 인수를 매개 변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야한다. 이를 함수호출(function call/ invoke)라 한다. 함수를 호출하면.. 2022. 6. 7.
[JavaScript] var, let , const JavaScript 에서는 변수를 선언하고 변수에 값을 할당하여 사용합니다. 변수 키워드 의 종류는 var, let, const 가 있습니다. var var 키워드 로 선언된 변수는 기존에 선언된 변수의 값을 덮어 쓰며(재 선언), 함수 스코프를 기준으로 동작합니다. 그렇기 때문에 변수의 중복 선언이 가능하며 변수에 할당된 값이 변할 수 있어서 오류를 추적 하기가 힘들어집니다. var 키워드 를 함수 외부에서 선언할 경우에는 전역 변수로 취급됩니다. let과 const 키워드는 var 키워드 와 다르게 재 선언이 불가능하고 블록스코프를 기준으로 동작합니다. let let 키워드 를 사용한 변수의 중복 선언은 불가능 하지만 재 할당은 가능합니다. const const 키워드는 선언과 초기화를 동시에 해야하.. 2022. 6. 7.
git & GitHub 깃은 가장 많이 사용 되는 분산형 버전 관리 시스템이며 깃허브는 깃 프로젝트 호스팅 서비스입니다. 깃 명령어는 CLI(Command Line Interface)환경과 GUI(Graphical User Interface) 환경에서 모두 수행 가능합니다. 깃 장점 1.깃은 누가 언제 어떤 파일을 어떻게 수정 했는지 변경 이력을 기록하고 상세 이력이 기록되기 때문에 프로젝트에서 발생한 문제를 해결하는데 도움이 됩니다. 2.깃은 서버역할을 하는 원격 저장소와 개발자의 지역 저장소에 소스 코드와 변경이력을 분산 저장하여 원격 저장소에 문제가 생기면 지역 저장소를 이용하여 복원 가능합니다. 3.깃은 하나의 소스 코드 파일에 대한 여러 변경 이력을 통합하는 기능을 합니다. 깃허브 장점 1.깃허브의 호스팅 서비스를 이.. 2022. 6. 7.

티스토리툴바