npm4 React - Module-Bundler(Feat. WebPack) 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 와 같이 활용하게 될 Webpack 에 대한 기초적 사항만을 알아보도록 하겠습니다. =========== HTML 삽입 미리보기할 수 없는 소스 =========== HTML 삽입 미리보기할 수 없는 소스 Webpack은 서비스의 명칭은 아니고, Library 의 명칭입니다. 유사한 서비스들도 많지만, Webpack 보다 먼저 나온 서비스도 존재합니다. 이 Webpack 과 같은 라이브러리가 가지고 있는 정식명칭은 "Module-Bundler" 라고 하며, 최초에는 대규모 프로젝트의 복잡성을 관리하기 위해 출발한 라이브러리입니다. 일반적으로 Module-Bundler 는 아래와 같은 형태의 서비스를 제공합니다. "여러개의 module을 하나의 파.. 2023. 3. 14. NodeJS - File Upload 처리하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 NodeJS 환경에서 파일을 업로드하고 이를 처리하는 기초방법에 대해서 알아보도록 하겠습니다. 이를 위해 NPM Module 한가지를 새롭게 사용할 예정입니다. 파일 업로드 기능을 추가하면 이제 우리가 일반적으로 알고 있는 웹 사이트의 형태를 갖추어 나간다고 할 수 있겠습니다. 시작해보겠습니다. ========== 1)Single 3)Multiple 3. JavaScript 구성하기 1) Storage 설정하기 2) Limits 설정하기" data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 ========== HTML 삽입 미리보기할 수 없는 소스 먼저 이를 위해서는 NPM Module 을 하나 사용해야 합니다. 새롭게 다 짜기에는.. 2023. 1. 25. Node.JS - CORS 에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 CORS 에 대해서 다루어 보도록 하겠습니다. 다음 포스팅에서 사용하고자 하는 AJAX 기능을 구현하기에 앞서, 이제 서버를 현재 시스템의 구조 형태로 설정을 할 예정입니다. 그를 이해하기 위해서는 CORS 가 반드시 알아야 하는 개념으로 이에 대한 개념을 먼저 학습할 예정입니다. ============== 1. CORS 란 무엇인가요? 2. CORS 의 출처 확인방법 3. 실제 Server 간 CORS 설정하기 예제 ============== 1. CORS 란 무엇인가요? CORS(Cross-Origin Resource Sharing) 은, 웹 페이지가, 타 도메인에 요청하는 것을 차단하는 보안기능입니다. 이는 타 사이트의 정보를 무단으로 가져오거나, 피.. 2023. 1. 4. Node.JS - 기초 개념 이해하기 안녕하세요. Hynn 입니다. 코로나19 바이러스 감염 이후, 후유증에 정신을 차리지 못해 업데이트가 늦었습니다. 이번 포스팅에서부터는, JavaScript 에 이어서, NodeJS 라는 Program 에 대한 설명을 드리고자 합니다. 여기서부터는 실제 개발 이후에, 구동도 직접 해볼 수 있는 단계가 되었습니다. NodeJS 에 대해서 알아보도록 하겠습니다. ========================= 1.1. Node.js란 ? 2. Node.js 설치하기 3. 기본 실행명령/패키지 4. Node.js 내장 객체 ========================== 1. Node.js란 ? NodeJs 는 쉽게 한줄로 설명하자면, "JavaScript" 를 실행해주는 Program 입니다. 대표적으로 Ba.. 2022. 12. 19. 이전 1 다음
