Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned require와 import의 차이점, 배열, 객체를 const로 선언 후 요소나 속성을 추가할 수 있는 이유 .require와 import의 차이점과 상황 예시 require: CommonJS 키워드. NodeJS가 채택 CommonJS: 자바스크립트 언어의 활동 영역을 확장하기 위해 조직된 그룹 module.exports 객체에 모듈 전체를 내보내고 require 를 통해 모듈을 불러오는 방식 → 불필요한 모듈 로드 가능성 require : 가져오기 exports : 내보내기 module.exports : 내보내기 import: ES6 키워드 import : 가져오기 export : 내보내기 export defaults : 내보내기 파일 시작 부분에서만 ..

❤️‍🔥TIL : Today I Learned 스프레드 문법 하나로 뭉쳐있는 여러 값들을 개별적인 값들의 목록으로 만든다. 스프레드 문법 - ES6에서 도입된 스프레드 문법(전개 문법) ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 (전개, 분산하여, spread) 개별적인 값들의 목록으로 만든다. - 스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HTMLCollection), arguments 와 같이 for...of 문으로 순회할 수 있는 이터러블에 한정된다. console.log( ...[1, 2, 3]); // 1 2 3 // 문자열은 이터러블이다. console.log( ...'Hello'); // H e l l o ..

❤️‍🔥TIL : Today I Learned 배열(Array) 배열은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열이란? 우리가 JS에서 사용 빈도가 매우 높은 가장 기본적인 자료구조다. 자바스크립트는 배열을 다루기 위한 유용한 메서드를 다수 제공한다. 배열은 사용빈도가 매우 높으므로 배열 메서드를 능숙하게 다룰 수 있다면 코딩에 매우 도움이 된다. const 배열명 = ['요소1', '요소2', '요소3']; 배열이 가지고 있는 값을 요소(element)라고 부른다. 배열의 요소는 자신의 위치를 나타내는 0 이상의 정수인 인덱스(index)를 갖는다. 대부분의 프로그래밍 언어에서 인덱스는 0부터 시작한다. 배열명[0] // '요소1' 배열명[1] // '요소2' 배열명[2] // '요소3' 배열..

🎯목적 : Javascript로 Algorithm 문제풀이 한 과정을 기록합니다. 나만의 해결방법을 공유합니다. 문제 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 풀이 결과 맙소사... 음수의 경우를 생각해서 내림차순으로 정렬을 했는데 음수의 곱이 더 큰 경우를 생각하지 못했다. 1번 문제에서는 [4, 2, 1, -3, -5] 순서로 정렬됨. 해결 방법 내림차순으로 양수의 최댓값을 구하고 오름차순으로 음수의 최댓값을 구했다 이로써 둘의 값을 삼항연산자로 비교하여 큰 값을 리턴한다. 다른 풀이를 참고하려고 했지만 대부분 이중for문을 사용했다.. 나는 최대한 시간복잡도가 증가하지 않..

❤️‍🔥TIL : Today I Learned strict mode 모던하게 javscript 코드를 작성하기 위해서는 strict mode(엄격 모드) strict mode란? function callMyName () { me = 'seung hyo'; } callMyName(); console.log(me); // ? 위 코드에서 자바스크립트엔진이 어떻게 동작할까? 1. 선언하지 않은 me 변수에 값 'seung hyo'을 할당했다. 2. js엔진은 me 라는 변수가 어디에 선언 되었는지 스코프 체인을 통해 검색한다. 3. callMyName 함수의 스코프에서 me 변수의 선언을 검색한다. 4. 검색에 실패한다. 5. me 변수를 검색하기 위해 callMyName 함수 컨텍스트의 상위 스코프(전역 스..

❤️‍🔥TIL : Today I Learned 사전적 정의 property : 소유물 attribute : 속성 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드 프로퍼티 어트리뷰트를 이해하기 위해 먼저 내부 슬롯과 내부 메서드의 개념을 알아보자. ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드 이다. 이중 대괄호 로 감싼 이름들이 내부 슬롯과 내부 메서드다. ( [[...]] ) 이들은 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 공개된 객체의 프로퍼티는 아니다. 즉 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 없다. 그러나 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 ..

❤️‍🔥TIL : Today I Learned 함수는 마치 재료를 투입받아 제품을 생산하는 기계와 같다. 함수 자바스크립트에서 가장 중요한 핵심 개념 [스코프, 실행 컨텍스트, 클로저, 생성자함수에 의한 객체 생성,메서드, this, 프로토타입, 모듈화] 등이 모두 함수와 깊은 관련이 있다. 함수란 함수는 일련의 과정을 문(statement)으로 구현하고, 코드블록으로 감싸서 하나의 실행단위 로 정의한 것 이다. 여기서 자주 햇갈리는 내용인 매개변수와 인수가 있다. 매개변수(parameter)는 함수를 선언(정의)할 때 사용하는 변수를 의미한다. 인수(argument)는 함수를 호출할때, 즉 입력될 때 넣는 값을 인수라고 한다. 함수 정의 함수를 정의는 다양한 방법이 있지만 함수 선언문을 사용하여 정의한..

🎯목적 : Typescript : (학습노트) 개념 Typescript : 개발 환경 세팅에서 컴파일 과정까지 1. 타입스크립트란? 우리가 기존에 사용하던 javascript는 동적타입 이지만, typescript는 정적타입 이다. 생산성(유지보수)과 편의를 위해 타입을 추가한 언어라고 생각하면 된다. ms 에서 개발하였고, 꾸준히 인기와 수요가 상승하고 있다. 2. Time Javascript는 변수의 타입이 런타임에 결정된다 Typescript는 변수의 타입이 컴파일타임에 결정된다 컴파일타임? 런타임? 컴파일 타임 (compile time) : 작성한 소스코드가 어떠한 것(js, binary 등)으로 변환되는 과정 런타임 : 프로그램이 실행되는 과정 IDE(VS Code)에서는 컴파일 타임에서 에러가..