⌨️/JavaScript 8

[JavaScript]

내일배움캠프: Node.js_4기 19일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 3주차 (최원장 튜터님) _ 참조형 데이터 타입, 메모리 _ 데이터 할당, 불변 객체 _ 실행 컨텍스트, record, 호이스팅 2. JavaScript 코드 읽기 (이재상 튜터님) _ 코드 읽는 방법 오늘의 메모 오늘 공부가 정말 역대급으로 잘돼서 잊지 않기 위해 TIL까지 완벽하게 정리해두고 싶은데 허리가 아파서 더 못앉아있겠다 주말에 수정할건데 그때까지 제발 머리에 남아있길... 오전에 이전 특강을 다시 들으면서 이유는 모르고 그냥 넘겨짚어가며 쓰던 코드의 범위라고 해야하나 그런 것들에 대해 공부했다. 들을까말까 고민하다가 계속 들은건데 저녁에 실행컨텍스트 부분을 복습하다보니 오전에 들었던..

⌨️/JavaScript 2024.01.18

[JavaScript] Map, Set

내일배움캠프: Node.js_4기 18일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ Map, Set 모던 자바스크립트 핵심 가이드(알베르토 몬탈레시) 서적도 추가로 참고 Map과 Set은 ES6 문법에서 새로 생긴 자료구조 데이터의 구성, 검색, 사용을 기존의 객체, 배열보다 효율적으로 처리하기 위함 Map key : value key가 정렬된 순서로 저장되기 때문에 key에 어떤 데이터 타입도 전부 들어올 수 있음 검색, 삭제, (완전한)제거 여부 확인 const myMap = new Map(); Map을 새롭게 생성 이제 Object(key: value)처럼 map에 값을 넣어 줄 차례 mayMap.set('key', 'value') myMap...

⌨️/JavaScript 2024.01.17

[JavaScript] 일급 객체(First-class Object) 함수

내일배움캠프: Node.js_4기 10일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ 일급 객체로서의 함수 자바스크립트에서의 함수는 객체처럼 여러 방식으로 다룰 수 있다. 이를 일급객체로서의 함수라고 하는데 사실 이렇게 들으면 무슨 얘기인지 이해가 잘 되지 않아서.. 아래 강의 예제와 함께 공부해봤다. 일급객체(First-calss Object) 란? 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체 함수를 일급 객체로 다루면 코드가 간결해지고 모듈화, 유지보수가 쉬워짐 1. 변수에 함수 할당 가능 함수가 값으로 취급되어, 변수에 할당 후 나중에 사용될 수있도록 조치가 가능 const sayHello = function() { conso..

⌨️/JavaScript 2024.01.05

[JavaScript] ES6 신문법

내일배움캠프: Node.js_4기 9일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ ES6 신문법 : let, const, 화살표 함수, 삼항연산자, 구조분해할당, 단축속성명, 전개구문, 나머지 매개변수, 템플릿 리터럴 _ 일급 객체로서의 함수 ES6 신문법 ES6는 2015년에 도입된 최신식 자바스크립트 문법이라고 한다. 1. let, const 2015년도 이전에는 변수를 선언할 때 var를 사용했지만 유연한만큼 위험성이 컸기 때문에 let(변수), const(상수)라는 새로운 문법이 생김 (var, let, const의 차이는 6주차 TIL에서 예제 코드를 통해 간단하게 정리한 적이 있다) let은 재할당이 가능하고, const는 재할당이 불가능..

⌨️/JavaScript 2024.01.04

[JavaScript] sort() 메서드

내일배움캠프: Node.js_4기 8일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ ES6 신문법 : let, const, 화살표 함수, 삼항연산자, 구조분해할당, 단축속성명, 전개구문, 나머지 매개변수, 템플릿 리터럴 _ 일급 객체로서의 함수 2. 세션: JavaScript sort 함수 (최원장 튜터님) _ sort의 원리, 문제점, 해결 방법 sort는 배열의 요소를 정리하는데 사용 정렬이 된 배열을 반환하거나, 배열 그 자체가 반환된다는 특징을 가짐 문제점 sort를 쓰면 배열의 원본이 정렬된 형태로 아예 변경 배열의 원본 메모리 주소 자체를 따라가는 것이기 때문에 원본 배열은 남지 않음 해결책 1. ... (Spread Operator) 스..

⌨️/JavaScript 2024.01.03

[JavaScript] 함수, 조건문

내일배움캠프: Node.js_4기 7일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 함수 _ 조건문 : if, else, else if, switch _ 객체, 배열 _ 반복문 : for, while 함수 함수 = function = 기능 자바스크립트 내에서 기능의 단위로 묶어 재활용이 가능 (= 코드의 재사용성 up) input(소괄호 안에 들어감)과 output이 있다 1. (소괄호) 안에서 입력을 받고 2. {중괄호} 속 메인 로직에서 return 키워드로 출력 함수를 호출한다는 표현은 함수를 사용한다는 뜻으로 함수 이름 뒤에 소괄호 사용_ functionName(); 함수 정의와 호출 함수 선언문 // 기본 구조 (이 골격을 익숙하게 만드는 ..

⌨️/JavaScript 2024.01.02

[JavaScript] 데이터 타입, 연산자

내일배움캠프: Node.js_4기 휴일 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 자바스크립트의 데이터 타입과 형변환 _ 자바스크립트의 연산자 데이터 타입 1. 숫자 (Number) 정수(Interger) : 10 실수(Float) : 3.14 지수(Exponential) : 2.5e5 (2.5 x 10^5) NaN(Nat a Number) : 'number'(문자열) Infinity : 1/0, -1/0(-infinity) 2. 문자열 (String) 문자의 나열로 '문자열' 혹은 "문자열"로 감싸서 표현 length : 문자열의 길이를 확인하는 함수 let str = "JavaScript is very hard"; console.log(str.l..

⌨️/JavaScript 2023.12.30

[JavaScript] 변수의 주요 개념과 선언 방법

내일배움캠프: Node.js_4기 6일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 자바스크립트의 역사, 특징 _ 변수의 주요 개념, 선언 방법(var, let, const) 자바스크립트의 역사 (개인적으로 흥미를 가지고 이해한 부분만 간단하게 정리) 자바스크립트는 브라우저를 동작시키기 위한 스크립트 언어 1995년에 '라이브 스크립트'라는 이름으로 만들어졌다가 최종적으로는 '자바스크립트'가 되었다. (Java와는 관계 x) 2005년 Ajax라는 자바스크립트 기반 기술이 나오며 본격적으로 자바스크립트가 사용화되기 시작했다. 이전에는 웹페이지 전체를 새로고침하는 방법밖에 없었지만, 에이잭스를 통해 버튼으로 부분부분 새로고침이 가능하게 되어 UX가 향상..

⌨️/JavaScript 2023.12.29