본문 바로가기

javascript26

[생활코딩] 입문자를 위한 자바스크립트 기초 강의 #자바스크립트 소개 # 자바스크립트 기초 초반 기초 내용은 사실 아는 내용들이지만, 천천히 정리해가면서 개념을 다져가고자 정리를 시작하려고 한다! 꾸준히 매일매일 공부하기👌 ✅ 자바스크립트란 - 자바스크립트는 프로그래밍 언어이다. - 자바스크립트는 주로 웹(웹사이트) 개발을 위해 사용한다. - 브라우저가 가진 기능을 실행 시키거나, 웹 페이지의 내용을 조작할 수 있다. ✅ 객체란 무엇일까 - 객체는 자바스크립트의 핵심 개념으로, 값 또는 기능을 가지고 있는 데이터이다. - 사용자는 자바스크립트 코드를 이용해 웹브라우저 객체에 접근할 수 있다. - 객체 뒤에 점을 찍으면, 객체가 가진 데이터가 기능을 사용할 수 있다. - 객체가 가진 기능을 '메소드'라고 한다. - 자바스크립트 문법에도 주석이 있다. 두 가지 방법으로 주석을 만들 수 있다 (//.. 2022. 7. 28.
[자바스크립트 javascript] 실행 컨텍스트와 콜 스택 ✅ 실행 컨텍스트와 콜 스택 1️⃣ 실행 컨텍스트(Execution context) 자바스크립트 코드가 실행되는 환경을 의미한다. 자바스크립트에는 대표적으로 두 가지 타입의 실행 컨텍스트(Execution context)가 있다. 실행할 코드에 제공할 환경 정보들을 모아놓은 객체들로 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념이다. 👌 Global Execution context 자바스크립트 엔진이 처음 코드를 실행할 때 Global Execution Context가 생성된다. 생성 과정에서 전역 객체인 Window Object(Node는 Global)를 생성하고 this가 Window 객체를 가리키도록 한다. 👌 Function Execution context 자바스크립트 엔진은.. 2022. 7. 20.
[자바스크립트 javascript] 불변 객체를 만드는 방법 ✅ 불변 객체를 만드는 방법 불변이란? 변하지 않는 것 불변 객체란? 변하지 않는 객체, 즉 이미 할당된 객체가 변하지 않는다는 뜻 자바스크립트에서 불변 객체를 만드는 방법 : const, Object.freeze() 1️⃣ const ES6 문법부터 let과 const 를 지원한다. 변수를 상수로 선언할 수 있다. 일반적으로 상수로 선언된 변수는 값을 바꾸지 못하는 것으로 알려져 있다. ES6에서의 const는 할당된 값이 상수가 되는 것이 아닌, 바인딩 된 값이 상수가 되는, 즉, test변수가 상수가 되기 때문에 const 키워드로 선언된 test 변수에는 객체 재할당은 불가능하지만 객체의 속성은 변경 가능하다. const test = {}; test.name = "mingyo"; console.l.. 2022. 7. 19.
[알고리즘] 자연수 뒤집어 배열로 만들기 문제풀이(자바스크립트 javascript) 👌 먼저 n이 숫자인데, 문자로 형변환을 해주어야 한다. n.toString() 👌 12345를 1,2,3,4,5 처럼 문자열을 배열로 변환해주어야 한다. split('') n.toString().split() // 1,2,3,4,5 까지 완성 👌 1,2,3,4,5를 5,4,3,2,1 로 뒤집어 주면 된다. reverse() 사용 n.toString().split('').reverse() // 5,4,3,2,1 까지 완성 👌5,4,3,2,1를 [5,4,3,2,1]로 만들어주기 위해 map 함수를 사용한다. map( x => x = parseInt(x)) 여기서 x는 a로 하든, b로 하든 상관 없다. x를 다시 정수로 반환해주어야 해서 parseInt(x) 사용했고 여기까지 완성된 내용을 반환해주면 된다.. 2022. 7. 19.
[자바스크립트 javascript] 공부 - 자바스크립트 문법 뽀개기 ✅ 시작하기 전 1️⃣ 프로그래밍이란? 프로그래머들이 "어떤 도구"를 이용해 컴퓨터가 작동시킬 수 있는 프로그램을 만들었고, 우리는 마우스 클릭이나 키보드 입력과 같은 익숙한 방식으로 사용하는 것. ex ) 엑셀, 노션, 쿠팡 스마트폰 앱 쇼핑 👌 프로그램이 하는 일 : 데이터의 입력 => 처리 => 출력 - 입력 : 마우스를 클릭하거나 키보드로 타이핑을 한다는 것(데이터 입력) ex) 쇼핑몰에서 우리가 상품을 고르고 배송지와 결제 카드번호 등을 입력하는 것 - 처리 : 최종 구매를 하겠다는 버튼을 누르면, 그 정보들은 어딘가에 저장이 된다. - 출력 : 최종 결제 금액은 얼마인지, 언제 어떤 물건을 구매했는지 기록이 남을거고 배송이 진행 되면서 배송 현황도 계속해서 업데이트가 된다. 그리고 이러한 모든.. 2022. 7. 18.
[자바스크립트 JavaScript] 느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점은 무엇이고 보완할 수 있는 방법에는 무엇이 있을지 ✅ 느슨한 타입(lossely typed)의 동적(dynamci)언어의 문제점 동적타입 언어(Dynamically typed languages)는 컴파일 시 자료형을 정하는 것이 아니라 런타임시 결정이 된다. 다음과 같이 타입 없이 변수만 선언하여 값을 지정할 수 있다. def num = 123 //groovy에서는 타입이 정해지지 않은 변수를 선언할때 def를 사용합니다. num = "일이삼" 위의 예시에서 타입 선언이 없었지만, num이 123이란 숫자로 선언이 된다. 두 번째 줄에 num을 String으로 다시 선언하더라도 타입 에러 없이 컴파일이 된다. - 동적 타입 언어 : Groovy, Python, JavaScript, Ruby, Smalltalk, Lisp, Objective-C, PHP,.. 2022. 7. 18.