'전체 글' 734건

실습을 위해 먼저 피그마 데스크톱 앱을 설치합니다.Figma 데스크톱 앱 설치: https://www.figma.com/ko-kr/downloads/ Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱macOS 또는 Windows용 데스크톱에 Figma 웹 디자인 앱을 설치하세요. 그리고 글꼴 설치 프로그램과 디바이스 미리보기 앱도 다운로드하세요.www.figma.com 01 피그마 데스크톱 앱 설치가 완료되었다면 프로그램을 실행한 다음 왼쪽 위의 홈 아이콘을 눌러 메인 화면으로 이동합니다. 그런 다음 오른쪽 위의 [Design]을 눌러 빈 디자인 파일을 만듭니다. 02 빈 디자인 파일에서 페이지 빈 공간에 마우스 오른쪽 클릭을 하고 [Plugins -> Manage plugins...]를 누릅니..

sanitize-html, csurf 패키지는 각각 XXS, CSRF 공격을 막기 위한 패키지입니다.$ npm i sanitize-html$ npm i csurf XSS는 악의적인 사용자가 사이트에 스크립트를 삽입하는 공격입니다. 악성 사용자가 게시글이나 댓글 등을 업로드할 때 자바스크립가 포함된 태그를 올리면, 나중에 다른 사용자가 그 게시글이나 댓글을 볼 때 그 스크립트가 실행되어서 예기치 못한 동작을 하게 됩니다.따라서 서버에서는 사용자가 게시글을 업로드할 때 스크립트가 포함되어 있는지 검사해서, 존재하면 제거해야 합니다. 다만, 공경성 스크립트 유형이 많으므로 라이브러리의 도움을 받는 것이 좋습니다.사용법은 간단합니다. const sanitizeHtml = require('sanitize-html..

파일 업로드 라이브러리에서 제공하는 클래스에는 DiskFileItemFactory, ServletFileUpload가 있습니다. 각 클래스에서 제공하는 기능을 아래 표에 정리하였습니다. DiskFileItemFactory 클래스가 제공하는 메서드메서드기능 setRepository() 파일을 저장할 디렉터리를 설정합니다. setSizeThreadhold()최대 업로드 가능한 파일 크기를 설정합니다. ServletFileUpload 클래스가 제공하는 메서드 메서드 기능 parseRequest()전송된 매개변수를 List 객체로 얻습니다.getItemIterator()전송된 매개변수를 Iterator 타입으로 얻습니다.

cross-env 패키지를 사용하면 동적으로 process.env(환경 변수)를 변경할 수 있습니다. 또한, 모든 운영체제에서 동일한 방법으로 환경 변수를 변경할 수 있게 됩니다.기존 package.json을 다음과 같이 바꿉니다. package.json{ "name": "nodebird", "version": "0.0.1", "description": "익스프레스로 만드는 SNS 서비스", "main": "server.js", "scripts": { "start": "NODE_ENV=production PORT=80 node server", "dev": "nodemon server", "test": "jest" }, ...} 서버 실행을 위한 npm 스크립트를 두 개로 나누..

01 먼저 개발에 필요한 커뮤니티 하나 준비합니다. 02 이 상태에서 커서에세 Sequential Thinking을 이용하여 커뮤니티 게시판 설계를 부탁합니다. 이때 커서가 참고할 수 있도록 레딧의 화면을 캠처하여 이미지 파일로 프롬프트를 포함시켜 줍니다. 이미지 파일을 채팅방에 Ctrl + C하여 Ctrl + V 하면 대화 세션에 추가될 것입니다. 그리고 커서에게 만들고자 하는 커뮤니티 게시판의 사용 기술과 기능을 구체적으로 나열해줍니다.sequential thinking으로 이런 디자인의 커뮤니티 게시판을 하나 개발하려는데 같이 고민해줘. 고민 단계는 5단계까지만 해. 기술은 next.js, tailwindcss와 supabase를 이용하려고 해. 이때 supabase는 supabase MCP로 모두..

파일 업로드 라이브러리 설치 파일 업로드 기능을 사용하려면 오픈 소스 라이브러리를 설치해야 합니다. 파일 업로드 라이브러리를 설치하고 과정은 다음과 같습니다. 1. jakarta.apache.org로 접속한 후 왼쪽 메뉴에서 Commons를 클릭합니다. 2. 페이지 왼쪽 중간쯤에 위치한 FileUpload를 클릭합니다. 3. Releases에 있는 download site을 클릭합니다.4. commons-fileupload-1.6.0-bin.zip을 클릭해 다운로드합니다. 5. zip 파일의 압축을 풉니다. 6. 압축을 푼 폴더의 하위 폴더인 commons-fileupload-1.3.3-bin에 위치한 commons-fileupload-1.6.0.jar 파일을 복사합니다. 7. 프로젝트 pro15의 WE..