CS (69) 썸네일형 리스트형 4장 변수 / 5장 표현식과 문 / 6장 데이터 타입 22.11.07 월요일 39p~49p 04장 변수 변수 호이스팅 변수 선언은 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저 실행된다. 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문(변수/함수 선언문)을 소스코드에서 찾아 먼저 실행한다. 그리고 소스코드의 평가 과정이 끝나면 비로소 변수 선언을 포함한 모든 선언문을 제외하고 소스코드를 한 줄씩 순차적으로 실행한다. 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅이라 한다. 값의 할당 변수 선언은 소스코드가 순차적으로 실행되는 시점인 런타임 이전에 먼저 실행되지만 값의 할당은 소스코드가 순차적으로 실행되는 시점인 런타임에 실행된다. 가비지 콜렉터 애플리케이션이 .. 1장 프로그래밍 / 03장 자바스크립트 개발 환경과 실행 방법 22.10.31 월요일 1p~16p 01장 프로그래밍 프로그래밍 언어가 제공하는 문법을 적절히 사용하여 변수를 통해 값을 저장하고 참조하며 연산자로 값을 연산, 평가하고 조건문과 반복문에 의한 흐름제어로 코드의 실행 순어를 제어하고 함수로 재사용 가능한 문의 집합을 만들며 객체, 배열 등으로 자료를 구조화한다. 결국 프로그래밍은 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것이다. 02장 자바스크립트란? 자바스크립트 성장의 역사 렌더링 HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말한다. Ajax 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 웹 페이지에서 변.. 모던 자바스크립트 Deep Dive 독서 기록지 읽어야 할 챕터 19장 프로토타입 16장 프로퍼티 어트리뷰트 17장 생성자 함수에 의한 객체 생성 14장 전역 변수의 문제점 15장 let,const와 블록 레벨 스코프 13장 스코프 22장 this 23장 실행 컨텍스트 24장 클로저 25장 클래스 26장 ES6 함수의 추가 기능 34장 이터러블 38장 브라우저의 렌더링 과정 39장 DOM 40장 이벤트 42장 비동기 프로그래밍 43장 Ajax 44장 REST API 45장 Promise 46장 제너레이터와 async/await 47장 에러처리 48장 모듈 49장 Babel과 Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축 2023년 5월 17일 1회독 완료(책으로) 2023년 6월 22일 2회독 완료(블로그 글로) 이벤트 버블링, 캡쳐링 및 이벤트 위임 예전에 모달을 만들 때, 모달의 'x'버튼을 누르면 모달이 꺼지는 이벤트가 모달을 눌렀을 때에도 적용이 되어 이것이 이벤트 버블링 현상에 의한 것이라는 것을 처음 알게 되었다. 오늘은 이벤트 버블링과 캡쳐링, 그리고 이벤트 위임에 대해 간단히 정리해보자. 이벤트 흐름이란? HTML 요소가 다른 요소의 내부에 중첩되어 있을 때 자식 요소를 클릭하면 부모 요소를 클릭한 된다. 이처럼 이벤트는 흐름을 가지고 있으며, 이것을 이벤트 흐름이라고 부른다. 이벤트 흐름에는 두가지 방식인 이벤트 버블링과 캡쳐링이 있다. DOM이 겹쳐져 있을 경우 이벤트 시발점과 관련된 모든 요소들이 이벤트에 탑승하게 된다. currnet target: 이벤트의 현재 주인 target: 이벤트의 시발점 예시를 살펴보자. 다음과 같이 d.. 변수란? 변수의 선언/초기화/할당 오늘은 내가 매일같이 쓰는 단어인 '변수', 그리고 변수의 '선언/할당/초기화'에 대해 간단히 정리해보자. 변수의 선언이 실행 컨텍스트와 연관지어 이해할 수 있다는 것을 처음 알았다! 깊이 있게 공부하자. 이해하자. 변수란? 하나의 값을 저장하기 위해 확보된 메모리 공간 자체이고 변할 수 있는 데이터이다. 변수명이란 메모리 공간을 식별하기 위한 식별자이다. 변수의 선언/초기화/할당 1. 선언 변수의 선언이란 var, let, const 키워드를 사용하여 변수를 정의하는 것을 의미한다. 자바스크립트는 코드 실행 전, 전체 코드를 훑으며 문제 사항을 확인하는 실행 컨텍스트 Execution phase(실행 단계)를 진행한다. 선언 단계는 바로 이 실행 컨텍스트에서 진행되며 우리가 만든 변수 또는 함수를 실행.. 객체지향 프로그래밍이란?(feat. javascript) 객체지향 프로그래밍이 무엇인지, 특징은 무엇인지 간단히 정리해보자. 예전에 강의에서 객체지향 프로그래밍과 그 특징에 대해 배웠는데 처음엔 너~~무 이해가 안돼서 몇 달간 요약했던 글을 다시 보고 다시 봐도 이해가 안됐다. 배운지 한 6개월이 지난 지금 다시 보니 이해가 잘된다. 역시 첫 술에 배부를 수 없고, 기적에는 시간이 반드시 필요하다. https://bbeeyaks-moment.tistory.com/entry/section2unit2Javascript-%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D921 section2/unit2/Javascript 객체지향 프로그래밍(9/21) 블로깅 주제 Jav.. 자바스크립트는 어떤 언어인가? 오늘은 자바스크립트가 어떤 언어인지 서치해보았다. 지금까지 프론트엔드 개발자가 되겠다고 열심히 배웠는데 자바스크립트가 어떤 언어인지는 대강 느낌만 알고 있던 내 자신이 부끄러워진다. 구글링하면서 자주 나오는 논 블로킹이라는 단어가 뭐지 뭐지~ 했는데 이제 의미를 알겠다. 알아가는 즐거움! 객체 기반의 스크립트 언어이다. 스크립트 언어란 ? 소스 코드를 컴파일(Compile)하지 않고도 실행할 수 있는 프로그래밍 언어이다. 별도의 컴파일 없이 내장된 번역기에 의해 번역 되므로 바로 실행 할 수 있다. 예를 들어, 자바 스크립트가 있다. 컴파일 언어란 ? 작성한 소스를 컴파일러를 통해 기계어 코드로 변경해야 사용자가 실행 할 수 있는 실행 파일이 얻어지는 프로그래밍 언어이다. 예를 들어, 자바나 C++ 등이.. 자바스크립트 렉시컬 환경이란? 오늘은 렉시컬 환경에 대해 서치 한 내용을 작성해 보자. 전에는 몰랐는데 렉시컬 환경과 실행 컨텍스트, 호이스팅이 전부 밀접한 관계가 있다는 것을 깨달았다! 전부 다 따로따로 이뤄진 개념인 줄 알았더니.. 과장 보태서 신세계를 경험한 것과 같은 충격이었다. 나는 이 글을 정독하였고, 기술면접 및 기록을 위해 해당 블로그의 내용을 참고 및 요약하여 남기려고 한다. https://developer-alle.tistory.com/407 [JavaScript] 렉시컬 환경 스코프랑 클로저에 대해 전에도 정리했었지만, 이번엔 렉시컬 환경이라는 개념과 함께 정리하려고 한다. Lexical Environment의 개념 Lexical Environment는 코드 block, function, script를 실행하기 앞.. 이전 1 ··· 5 6 7 8 9 다음
