JavaScript 32

Babel(바벨)이란?

안녕하세요 최근 눈이 내려서  더 추워진 것 같습니다. 여러분들도 빙판길 조심하시고 다가오는 크리스마스 까지 몸 건강하게 챙기세요!! 그럼 이번 시간에 학습할 내용 소개해드리겠습니다. Babel(바벨)에 대해 들어본 적 있으신가요? 저도 들어본 적은 있지만 자세한 내용은 잘 모르기 때문에 바벨에 대해 알아보겠습니다.바벨 공식 문서  사이트 입니다~https://babeljs.io/ Babel · BabelThe compiler for next generation JavaScriptbabeljs.ioBabel(바벨)은 자바스크립트 컴파일러이다. 이전에 컴파일러란? 컴파일러는 "우리가 작성한 프로그램 코드를 컴퓨터가 이해할 수 있는 기계어로 변환해준다" 라고 생각하면 됩니다.쉽게 설명하자면 바벨은 마치 자바..

JavaScript 2024.12.21

자바스크립트 Async & Await (비동기 프로그래밍 문법)

안녕하세요 자바스크립트 내용 마지막인 Async & Await 에 대해 알아보겠습니다. 우선 async & await에 대한 개념부터 알아보겠습니다. async & await 란? -> 자바스크립트의 비동기 처리 패턴 중 최신의 패턴으로, 프로미스가 비동기 처리를 좀 더 편리하게 해주었다면, async/await는 프로미스를 더욱 쉽게 사용할 수 있게 해줍니다. 모든 설명과 소스 해석은 주석으로 처리하였습니다. /** * Async & Await (비동기 프로그래밍 문법) * async 함수는 함수 앞에다가 작성하면 함수 안에 await를 실행할 수 있다. * await를 쓰면 다음 코드가 await를 한 함수가 끝날 때까지 실행되지는 않지만, 쓰레드를 막고 있지는 않다. * 따라서 선언한 함수 외에 다..

JavaScript 2024.01.24

자바스크립트 Callback hell and Promise(콜백헬 그리고 프로미스)

안녕하세요~ 오늘 알아볼 내용은 자바스크립트 Callback hell 그리고 Promise 입니다. 우선 콜백(Callback)에 대해 살펴보겠습니다. 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 콜백(Callback) 이란? - 함수가 다른 함수의 인자로 사용..

JavaScript 2024.01.24

자바스크립트 비동기 프로그래밍(asynchronous programming), 동기 프로그래밍(Synchronization Programming)

안녕하세요 오늘 알아볼 것은 비동기 프로그래밍과 동기 프로그래밍 입니다. 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 먼저 비동기 프로그래밍에 대한 개념부터 알아 보겠습니다. 비동기 프로그래밍이란? => 자바스크립트는 싱글 쓰레드(Single thread) 언어..

JavaScript 2024.01.20

자바스크립트 Closure(클로저)

안녕하세요~ 최근 코로나 걸리게 되었습니다. 몸은 많이 괜찮아진 상태이고요 틈틈히 이렇게 글을 올립니다. 다들 몸 건강하게 챙기세요~ 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 오늘 알아볼 것은 자바스크립트에서 클로저(Closure)에 대해 알아보겠습니다. 자..

JavaScript 2024.01.19

자바스크립트 Execution Context (실행 컨텍스트)

글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg 오늘은 Execution Context에 대해 알아보겠습니다. 개념부터 짚고 진행하겠습니다. [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 우선 Execution Context(실행 컨텍스트)란? JS 코드와 코드를 실행할 때 필요한 정보를 담고있는 특정 환경이라..

JavaScript 2024.01.11

자바스크립트 this 키워드, apply, call, bind 함수

글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 우선 자바스크립트에서 this 키워드란? -> 현재 실행 컨텍스트(context)를 가리키는 키워드, 다른 말로, this는 현재 작업 중인 객체를 참조하는 의미 자세한 설명은 주석에 구문 하나하나 있습니다. /** ..

JavaScript 2024.01.09

자바스크립트 스코프(Scope), 렉시컬 스코프(Lexical Scope), 다이나믹 스코프(Dynamic Scope)

글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 자바스크립트에서 스코프(Scope)에 대해 알아보겠습니다. 일단 스코프에 개념부터 알아보겠습니다. Scpoe(스코프)란? -> 변수가 존재하고 참조될 수 있는 영역을 의미합니다. 자바스크립트에서 스코프는 크게 전역 스..

JavaScript 2024.01.06

자바스크립트 Prototype Chain(프로토타입 체인)

안녕하세요 2024년이 밝았네요.. 2024년에도 다들 행복한 길만 걸으시고, 새해복 많이 받으셨음 좋겠습니다!! 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 오늘은 자바스크립트에서 프로토타입 체인(상속체인)이라 불리는 것에 대해 설명하겠습니다. 프로토타입 체인..

JavaScript 2024.01.01

자바스크립트 Constructor Function(생성자 함수), 전역객체(Global Object)

안녕하세요 요즘 날씨가 너무 추워지고 있습니다. 다들 몸관리 잘하시고 감기 걸리지 않게 조심하세요~ 오늘은 자바스크립트 생성자 함수 (Constructor Function)와 전역객체(Global Object)에 대해 알아보겠습니다. 우선 생성자 함수와 전역객체가 어떤 것인지, 무엇을 의미하는지 알아야겟죠? 저도 배우는 입장이라서 최대한 이해하기 쉽게 설명해드리겠습니다. 설명이 부족하더라도 댓글로 피드백 부분 남겨주시면 참고하겠습니다!! 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 ..

JavaScript 2023.12.26