PRDEN

Next-Auth

1. Next-Auth소셜로그인, 자체 로그인 구현 쉽게 가능.  https://next-auth.js.org/getting-started/example Getting Started | NextAuth.jsThe example code below describes how to add authentication to a Next.js app.next-auth.js.org

Next.js CSS와 UI Framework

CSS Module -> SASS로 && UI Framework (Ant Design or MUI)섞어서 사용. TailwindCSS && Headless UI(무제한 사용은 유료임)CSS-in-JSCSS-in-JS libraries such as styled-jsx, styled-components, and emotion 특징1. Styled JSX- Next.js의 내장 기능으로 별도의 패키지 설치 필요없음2. 자바스크립트 코드 안에 정의한 CSS는 실행 도중 또는 컴파일 시점에 CSS로 변환된다.  단점 :1. 코드 내에서 CSS에 대한 의존성이 점점 더 커지며, 애플리케이션 번들이 커지고 느려지게 될 가능성이 있다. -> 큰 사이트 적절하지 않음. 2. 서버가 미리 CSS 규칙을 생성해 놓아도 클..

static 변수, 메소드https://kadosholy.tistory.com/95 [Java] 자바 - static 변수 및 static 메소드의 이해 (특징 및 사용법)자바 - static 변수 및 static 메소드의 이해 (특징 및 사용법) 자바에서 멤버변수(필드) 및 멤버함수(메소드) 앞에 static 키워드가 붙어 있는 변수나 메소드들이 있습니다. 이를 static 변수 및 static 메kadosholy.tistory.com 내부 클래스를 static으로 선언하는 이유를 확실히 알아라.public class BoardDto { @Getter @Builder public static class BoardInfo extends BaseRes{ @ApiModelProp..

1. React - Jenkins- Jenkins 서버 , 배포 서버 구분 https://roomq.tistory.com/m/29 [CI&CD] EC2, Docker, Jenkins, React 프로젝트 CI/CD 구축현재 진행 중인 구름톤 풀스택 과정에서 팀 프로젝트의 CI/CD를 구축해 보았습니다. CI/CD 구축은 처음 해봐서 구글링을 통해 다양한 구축법을 조사한 결과 오성원님의 블로그를 중심으로 추가/변roomq.tistory.com 2. Jenkins Pipeline (DSL)pipeline { agent any tools { maven 'maven3.8.2' } stages { stage('github clone') { step..

1. 하이드레이션 https://react.dev/reference/react-dom/client/hydrateRoot hydrateRoot – ReactThe library for web and native user interfacesreact.dev 2. Next.js Server Component https://nextjs.org/docs/app/building-your-application/rendering/server-components Rendering: Server Components | Next.jsLearn how you can use React Server Components to render parts of your application on the se..

1. Java, TypeScript(정적 언어) 컴파일 시점에 타입 결정하고 그때 오류 발견한다. (JavaScript : 런타임 시점에 타입 오류 확인 가능) 타입 설정하지 않으면 타입스크립트는 any로 설정함. function add(num1:number, num2:number){ console.log(num1 + num2); } add(1,2); // 3 add(); // NaN = undefined + undefined function showItems(arr:string[]){ arr.forEach((item) => { console.log(item); }); } showItems(['1','2','3']) // 1 2 3 2. 타입 지정 let age:number = 30; let isAdul..

1. DHCP : IP를 동적으로 할당하는 데 사용되는 프로토콜이 DHCP(Dynamic Host Configuration Protocol)이다. DHCP를 사용하면 사용자가 직접 입력해야 하는 IP주소, 서브넷 마스크, 게이트웨이, DNS 정보를 자동으로 할당받아 사용할 수 있다. DHCP는 서버와 클라이언트로 동작하며 클라이언트의 서비스 포트는 68 서버의 서비스 포트는 67이다. DHCP는 BOOTP라는 프로토콜을 기반으로 한다. 2. DHCP 동작방식 호스트가 DHCP 서버로 IP를 할당받는 과정은 4단계로 진행된다. 1) DHCP Discover : DHCP 클라이언트는 DHCP 서버를 찾기 위해 DHCP Discover 메시지를 브로드캐스트로 전송한다. 2) DHCP Offer : DHCP D..

오류 : Mixed Content: The page at 'https://domain.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://111.111.111.111:7080/api/svc/v2/projectList?page=1'. This request has been blocked; the content must be served over HTTPS. 해결 : 2번으로 해결 (nginx.conf에서 reverse proxy 설정함) The error message you're seeing, "Mixed Content," indicates that your web page was loaded over..

1. SAP (Solutions Architect Professional)

1. 파일 다운로드 Directory Traversal Attacks: Attackers might attempt to traverse directories by manipulating the fileName parameter. To prevent this, you should validate and sanitize the fileName parameter to ensure it only points to files within the designated storage directory. Authentication and Authorization: Implement proper authentication and authorization mechanisms to ensure that only authori..