탁월함은 어떻게 나오는가?

개발자는 개발을 하다 보면 라이브러리와 프레임워크라는 단어를 많이 접하게 된다. 실제로 수많은 라이브러리와 프레임워크를 사용한다. 그리고 프레임워크의 대표인 뷰(Vue) 스프링(Spring) 스프링 부트(Spring Boot) 넥스트 JS(Next JS) 등과 라이브러리의 대표인 리액트(React) 차트 JS(차트 JS) 등 다양하게 사용된다. 하지만, 사실상 그 기준에 대해서 명확히 답을 못 내리는 사람 또한 다수일 거라는 생각이 든다. (가끔 리액트를 프레임워크라고 하는 사람도 있지만, 리액트 공식 홈페이지에 가면 대문짝 하게 라이브러리라고 정체성을 밝혀놓고 있음) 라이브러리(Library)란? 라이브러리(그래픽 라이브러리, 통계 라이브러리 등)는 공통으로 사용될만한 유용한 기능을 모듈화 하여 제공한..

개발자는 개발을 하다 보면 라이브러리와 프레임워크라는 단어를 많이 접하게 된다. 실제로 수많은 라이브러리와 프레임워크를 사용한다. 그리고 프레임워크의 대표인 뷰(Vue) 스프링(Spring) 스프링 부트(Spring Boot) 넥스트 JS(Next JS) 등과 라이브러리의 대표인 리액트(React) 차트 JS(차트 JS) 등 다양하게 사용된다. 하지만, 사실상 그 기준에 대해서 명확히 답을 못 내리는 사람 또한 다수일 거라는 생각이 든다. (가끔 리액트를 프레임워크라고 하는 사람도 있지만, 리액트 공식 홈페이지에 가면 대문짝 하게 라이브러리라고 정체성을 밝혀놓고 있음) 라이브러리(Library)란? 라이브러리(그래픽 라이브러리, 통계 라이브러리 등)는 공통으로 사용될만한 유용한 기능을 모듈화 하여 제공한..

자바스크립트 reduce() MDN 정의 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다. 리듀서 함수는 4개의 인자를 가진다. 1. 누산기 (acc) 2. 현재 값 (cur) 3. 현재 인덱스 (idx) 4. 원본 배열 (src) 1-1) 1행에서 reduce()메서드의 콜백 함수에 두 개의 인수를 전달 1-2) 두 개의 인수는 반환되는 항목(collectedValues라고 부른다.)과 개별 항목이다. 1-3) 반환값은 콜백 함수가 반환하는 값을 누적한 것으로, reduce() 메서드가 특별한 이유다. 1-4) reduce() 메서드의 반환값은 정수뿐 아니라 세트 같은 컬렉션도 될 수 있다. 2-1) 7행의 reduce() 메서드는 두 가지 값, 즉 콜백..

1 2 3 4 5 const num = Number.EPSILON; console.log(num); // 2.220446049250313e-16 console.log(typeof num); // number cs Number.EPSILON은 1에 더했을 때 1보다 큰 수를 만들어 낼 수 있는 가장 작은 양수이다. Number.EPSILON보다 작은 수를 1에 더해도, 그 수는 1과 같다. 0이 아닌 양수를 1에 더했는데도 1이라는 사실은 터무니 없어보인다. 그 이유는 IEEE 754를 포함한 모든 고정 크기 부동소수점 시스템은 전부 이런 이상한 점을 가지고 있다. 숫자 표현의 크기를 고정함으로써 생기는 장단점이다. 1 2 3 const num2 = Number.MAX_SAFE_INTEGER; consol..

다운로드 방법 1) 밑에 링크로 들어가서 프로그램을 다운받는다. 들어가게 되면 커뮤니티 버전을 다운로드 받는다 (학습 목적의 개별 개발자용 프로그램은 무료로 제공한다) https://visualstudio.microsoft.com/ko/downloads/ Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치 Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Windows 또는 Mac에서 Visual Studio Professional 또는 Enterprise Edition을 사용해 보세요. visualstudio.microsoft.com 2) 다운로드를 진행하면서 모든 설정은 default 설정으로 진행하다보면 아래와 같은 창이 뜬다...

클로저(closure)는 자바스크립트를 사용하다보면 자주 접하게되는 용어이다. 하지만, 클로저는 자바스크립트 고유의 개념은 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다. MDN에서 정의하는 클로저를 알아보자. 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. 중요한점은 어휘적 범위(Lexical scoping)이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 const num = 1; function outerFunction() { const num = 10; function innerFunction() { console...

이클립스(Eclipise)를 사용하다보면 한글이 깨지는 현상이 발생한다. 인코딩 설정을 바꾸면 한글깨짐의 현상을 막을 수 있다. Eclipse CharacterSet 변경방법 1. Window -> Preferences -> General -> Content Types - Java Class File -> Default encoding에 UTF-8입력 2. Window -> Preferences -> General -> Editors -> Text Editors -> Spelling -> Encoding 에서 UTF-8선택 3. Window -> Preferences -> General -> Workspace -> Text file encoding 에서 UTF-8 선택 4. Windows -> Prefe..

Github access token 발급받는 방법 1) settings > developer settings > personal access tokens 탭으로 이동한다. 2) generate new token 버튼을 클릭한다. 3) note, expiration, scope 권한을 선택하고 토큰을 생성한다. Select scopes는 선택사항 4) 발급된 access token을 복사하고 저장한다. (메모 꼭 해두기) 본인처럼 잃어버리면 계속 발급받아야한다. Window에 Github 자격증명 token 설정하기 1. 제어판 > 사용자 계정 > window 자격 증명 관리자탭 > Widnows 자격 증명 > 하단에 일반 자격 증명 성택 > git:https://github.com의 편집 클릭 2. 발급..