Web Dev (109) 썸네일형 리스트형 Quill editor 홈페이지에 적용 하는 방법 너무 쉬워요 !! https://quilljs.com/docs/quickstart/ Quickstart - Quill Quickstart The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill. Hello World! Some initial bold text var quill = new Quill quilljs.com 빠르게 사용해보기 npm install quill@1.3.6 일단 설치 ! Hello World! Some initial bold .. React.js 파일 업로드 풀스택으로 구성하는 방법 여기서 확인하세요 ! // 1. 사용자가 이미지를 업로드 // 2. 업로드한 이미지를 받아서 서버에서 저장 // 3. 저장한 이미지의 경로를 다시 클라이언트에게 전송 // 4. 경로를 받아서 post model에 저장 // 1. 사용자가 이미지를 업로드 FRONTEND import React from 'react' import { Form } from 'react-bootstrap' import axios from 'axios' function ImageUpload() { // 1. 사용자가 이미지를 업로드 // 2. 업로드한 이미지를 받아서 서버에서 저장 // 3. 저장한 이미지의 경로를 다시 클라이언트에게 전송 // 4. 경로를 받아서 post model에 저장 const FileUpload = (e) => { conso.. React 함수형 컴포넌트 생성 단축키 rafce , rfce + Extension VScode 에는 매우 좋은 extension 들이 많이 있습니다. 단축키를 통해 함수형 컴포넌트 생성을 빠르게 하고 싶으면 설치해야할 extension이 있습니다. 마켓에서 react 를 검색하여 나오는 최 상위 extension을 설치해줍니다. 이처럼 약자만 입력해도 코드를 출력할 수 있습니다. rafc import React from 'react' export const page = () => { return ( page ) } 제시해주신 코드는 JavaScript의 React 라이브러리를 사용한 함수형 컴포넌트입니다. 이 컴포넌트는 "page"라는 문자열을 화면에 렌더링하는 간단한 페이지 컴포넌트입니다. React는 UI를 구성하기 위한 JavaScript 라이브러리로, 컴포넌트 기반의 접근 방식.. Java 백엔드에서 JSON을 위한 Jackson 라이브러리 사용하는 방법에 대하여 https://www.lesstif.com/java/java-json-library-jackson-24445183.html Java Json library jackson 사용법 2.7 버전부터는 JDK 7 이상이 필요하며 JDK6 을 지원하는 마지막 버전은 2.6.7.1 임 www.lesstif.com Jackson 라이브러리는 Java 객체와 JSON 데이터 간의 변환을 쉽게 수행할 수 있도록 도와주는 라이브러리 중 하나입니다. 이것은 매우 일반적인 작업으로, Java 객체를 JSON 문자열로 직렬화하거나, JSON 문자열을 Java 객체로 역직렬화하는 데 사용됩니다. Jackson 라이브러리는 JSON 데이터를 파싱하고, 생성하고, 조작하는 다양한 기능을 제공하며, Java의 POJO(Plain Ol.. useCallback()을 사용하는 것은 큰 의미가 없거나 오히려 손해인 경우도 있습니다 useCallback 훅은 모든 경우에 성능 향상을 기대할 수 있는 것은 아닙니다. 올바른 상황에서 사용될 때에만 성능 이점을 얻을 수 있습니다. 아래 상황에서 useCallback을 사용하는 것이 유용할 수 있습니다: 렌더링 최적화: 함수가 렌더링될 때마다 다시 생성되더라도, 대부분의 경우 이는 성능상 큰 문제가 되지 않습니다. 하지만 함수가 매 렌더링마다 새로 생성될 때, 자식 컴포넌트에 전달된 경우 자식 컴포넌트는 이전 함수와 다른 참조를 받게 되므로 불필요한 리렌더링이 발생할 수 있습니다. 이런 경우 useCallback을 사용하여 함수를 메모이제이션하면 불필요한 리렌더링을 방지할 수 있습니다. 의존성 배열 사용: useCallback의 두 번째 매개변수로 의존성 배열을 전달할 수 있습니다. 이 .. Node.js 백엔드에서 메일 전송하기 (with Nodemailer & Gmail) https://www.npmjs.com/package/nodemailer nodemailer Easy as cake e-mail sending from your Node.js applications. Latest version: 6.9.1, last published: 10 days ago. Start using nodemailer in your project by running `npm i nodemailer`. There are 5765 other projects in the npm registry using nodemailer. www.npmjs.com npm i nodemailer https://nodemailer.com/about/ Nodemailer :: Nodemailer Nodemailer.. [Javascript] 블록 레벨 스코프 (let, const) 와 함수 레벨 스코프(var) 의 차이점과 예시 코드 var 키워드 JavaScript에서 변수를 선언하는 데 사용되며, 다음과 같은 단점이 있습니다: 함수 스코프: var로 선언된 변수는 함수 스코프를 갖습니다. 이는 변수가 선언된 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다. 이로 인해 변수가 함수의 범위를 벗어날 경우 예상치 못한 결과가 발생할 수 있습니다. 호이스팅: var로 선언된 변수는 호이스팅(hoisting)이라고 불리는 동작을 합니다. 이는 변수 선언이 스코프의 맨 위로 끌어올려지는 것을 의미하며, 초기화 부분은 그 자리에 남게 됩니다. 이로 인해 변수를 선언하기 전에 사용하더라도 오류가 발생하지 않습니다. 중복 선언 허용: var로 선언된 변수는 같은 이름으로 여러 번 선언해도 오류가 발생하지 않고 이전 선언을 덮어씁니다... node.js NPM (Node.js Package Manager) feat. npm Error: Class extends value undefined is not a constructor or null 에러 해결 https://engineering.linecorp.com/ko/blog/pm2-nodejs/ PM2를 활용한 Node.js 무중단 서비스하기 - LINE ENGINEERING 자바스크립트는 가장 널리 사용되는 클라이언트 측 프로그래밍 언어이자 프론트엔드 웹 개발 언어 중 하나입니다. 그리고 Node.js는 Chrome의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타 engineering.linecorp.com 싱글 스레드의 문제를 보완해 준다. Node.js 의 버전 충돌에 의해 이와 같은 에러가 발생했다. 처음에는 당황했지만 Node.js 버전은 cmd에서 확인되는걸로 봐서 단순 npm 문제라고 생각했다 . 나의 경우 그냥 단순하게 nodejs를 전부 지웠다. https://programmera.. 이전 1 2 3 4 5 6 7 ··· 14 다음
