Seungdols Company

ERR_PNPM_FETCH_404 GET https://registry.npmjs.org/--no-install: Not Found - 404 This error happened while installing a direct dependency of /Users/seungdols/Library/pnpm/store/v3/tmp/dlx-51986 --no-install is not in the npm registry, or you have no permission to fetch it. No authorization header was set for the request. npm에서 pnpm으로 교체하던 중에 git commit이 안되는 이슈가 있었는데, 좀 생소했다. pnpm@6 버전을 쓰면 이슈가 없었고..

러닝 리액트3장 자바스크립트를 활용한 함수형 프로그래밍함수형 프로그래밍 개념이 시작 된 것은 1930년대이다. 그 당시 발견한 람다 계산법이 함수형 프로그래밍의 시작이라 할 수 있다. 함수를 함수로 넘기거나 함수가 함수를 결과로 내놓는 것도 가능하다. 다른 함수를 조작하고, 함수를 인자로 받거나 반환하는 것이 가능한 복잡한 함수를 고차함수 (high-order function)으로 부른다.함수가 1급시민(First class citizen)이 되려면 변수에 함수를 대입할 수 있어야 하고, 함수를 다른 함수에 인자로 넘길 수 있으며, 함수에서 함수를 만들어서 반환할 수 있어야 한다.3.1 함수형이란?자바스크립트는 함수가 1급시민에 해당되기에 함수형 프로그래밍을 지원한다고 할 수 있다.var log = fu..

Node.js 스터디3장 Node.js의 전역 객체웹브라우저의 최상위 객체는 window객체이지만, node에는 window 객체가 존재 하지 않고, 전역 변수와 전역 함수를 갖는다.단, global 객체가 존재하지만, __filename , __dirname 과 전역함수 require() 함수는 global 객체에 포함되지 않으므로 최상위 객체는 없다고 가정한다.문자열 자료형의 전역 변수console.log('filename', __filename); console.log('dirname', __dirname);전역 객체객체 이름설명console콘솔 화면과 관련된 기능을 담당하는 객체exports모듈과 관련된 기능을 다루는 객체process프로그램과 관련된 기능을 다루는 객체Console 객체log()..

그냥 위클리 이슈 정리 Python 파이썬 관련 위클리 뉴스 JS javascript 관련 위클리 뉴스 gmail에서 JS 파일 업로드 제한 java java 9 spec features : java9의 스펙에 따른 주요한 주제들이 fix 되었고, 올 상반기 끝무렵 혹은 하반기 정도에 공개 되지 않을까 합니다. java8에서 특징은 Functional interface를 비롯한 함수형 관련 표현식, Optional등이 가장 핫했으며, java9에서는 jigsaw가 주요한 핵심으로 알려져 있습니다. java9 특징 - 훑어보기 java9 jigsaw가 무엇인지에 대한 소개 Netty 구조 : 이희승님이 개발한 비동기 자바 네트워크 프레임워크로 알려져 있으며, 트위터, 라인등 많은 곳에서 쓰이고 있는 프레임..

자바스크립트 이벤트 요소에 이벤트를 바인딩하는 세 가지 방법 HTML 이벤트 핸들러 전통적인 DOM 이벤트 핸들러 DOM 레벨 2 이벤트 리스너 HTML 이벤트 핸들러 그다지 권장하는 방법은 아니다. 이유 : HTML과 자바스크립트 코드를 분리 시키는 것이 더 좋고, 현재 이 방식을 전혀 사용하지 않는다. 위 코드처럼 사용자가 a 태그를 누를 때, hide() 함수를 호출한다. 전통적인 DOM 이벤트 핸들러 DOM의 최초 명세에서 소개 된 방법이다. 장점으로는 주요 모든 브라우저에서 지원을 한다는 점이다. 그러나, 단점으로는 이벤트 별로 단 하나의 함수만 바인딩 할 수 있다는 점이다. element.onevent = functionName; //이러한 형식으로 작성한다. function checkUser..

웹 페이지 - DOM 트리 문서노드 트리의 최상위에는 문서노드가 존재하며, 이 노드는 전체 페이지를 표현한다. 요소노드 HTML 요소들은 HTML 페이지의 구조를 서술한다. 특성노드 HTML 요소의 여는 태그에는 특성을 지정할 수 있으며, 이런 특성들은 DOM 트리 내에서 특성 노드로 표현 된다. 텍스트노드 일단 요소 노드에 접근하면 해당 요소 내부의 텍스트에 접근할 수 있다. NODELIST : 하나 이상의 요소를 리턴하는 DOM Query참고로, NodeList 객체는 배열과 유사하게 보이며 동일한 방식으로 요소에 번호를 부여하지만 실제로 배열은 아니다. 이 객체는 컬렉션이라고 부르는 타입의 객체이다. Live NodeList 객체를 사용하면 스크립트를 이용하여 페이지를 수정할 때 NodeList 객..

생활 코딩 Server Side Language - NodeJS4강정적 페이지 vs 동적 페이지정적 페이지 한 번 만들면, 계속 같은 내용을 담고 있음.파일을 수정해도 서버를 재시작 할 필요 없이 바로 반영 된다.코딩적인 방법으로 HTML코드를 동적으로 활용 할 수 없다.동적 페이지 만들 때마다 내용이 변경 됨.JavaScript 코드내에서 HTML코드를 작성하는 것은 지저분하다.이미지, css파일을 로딩 시킬 때는 Express 기본 미들웨어 함수인 static 사용//default middleware function - static app.use(express.static('public')); static.html file Hello, Static coding coding coding coding c..

생활 코딩 Server Side Language3강콜백이란? (Callback)쉽게 말하자면, 콜백이란 다른 함수의 인수로 실행 가능한 코드 블럭(이를 테면 함수)을 전달하여 전달 받은 함수에서는 콜백함수를 실행 할 수도 하지 않을 수도 있다. 결론적으로 말하자면, 콜백은 함수를 인수로 넘기는 것을 말한다. 콜백이 가능하려면 언어 자체에서 First-Class(일급 객체)여야 가능하다. Lambda형식으로 인수를 넘기는 것도 결국은 익명함수라 할 수 있다. a = [3,1,2]; function comp(v1, v2){ return v2-v1; } a.sort(comp); console.log(a); a = [3,1,2]; a.sort(function(v1,v2){return v2-v1;}); //sor..

지난번에는 HTML 파일 내에 Embed 된 상태의 JS를 실행하였다. 그런데, 파일이 많아지면 우리는 파일을 나눠야 한다. 그 방법에 대해 간단히 소개 하려고 한다. 먼저 기존에 사용했던 코드를 새로운 파일로 생성한 뒤 그 파일 내에 써준다..js라는 확장자를 써줘야 한다. 기존 코드 대신 src = ".js 파일 주소(경로)" 실행한 결과는 똑같다.

javascript란 ?HTML이 한번 화면에 출력된 후에는 그 형태나 동작방법을 바꿀 수 없는 문제를 해결하기 위해서 네스케이프에서 만들어졌다. 이후에 이 언어는 마이크로소프트의 인터넷 익스플로러에 jscript라는 이름으로 탑재된다. 후에 ECMA라는 표준화 기구로 이 언어의 관리 주체가 옮겨졌다. - 생활코딩 발췌 절대 Java와 유사함은 없으니 이름이 같다고 언어가 비슷하겠거니 하면 안된다. Java의 경우 범용 프로그래밍 언어의 성격을 갖지만, JavaScript의 경우는 웹에서 동작하는 언어로 웹 플랫폼 언어이다. JavaScript의 사용- HTML , CSS등의 웹 클라이언트 언어는 배우고 오셔야 이해 할 수 있다. Use JavaScript HTML 위에서 동작 하는 코드이므로 HTML을..