PRDEN

1.  자바스크립트에서 외부 사이트(웹이 아니여도 가능)를 호출해 브라우저로 띄우는 방식 (Post 방식으로 파라미터 바인딩 가능)- 새로운 브라우저 윈도우 오픈 -> form을 동적으로 생성 후 특정 URL로 전송(POST)방식 이용const externalSystem = () => { // Part1 const newWindow = window.open("", "newWindow", "width=600,height=400"); newWindow?.moveTo(0, 0); newWindow?.resizeTo(1300, 800); /* • window.open() creates a new browser window or tab. The first argument (..

Actuator는 외부 라이브러리로 의존성을 추가하면 바로 애플리케이션 모니터링 및 관리를 할 수 있다. dependencies { implementation 'org.springframework.boot:spring-boot-starter-actuator'}     https://velog.io/@mohai2618/SpringBoot-Actuator-안전하게-사용하기 SpringBoot Actuator 안전하게 사용하기안전하게 모니터링 의존성을 사용하는 방법에 대해서 알아봤습니다velog.io

React Query의 이점1. 캐싱 반복적인 비동기 데이터 호출 방지, 최신데이터 : fetch, 기존데이터 : stale 2. Client 데이터와 Server 데이터간의 분리  3. React-Query가 데이터를 다루는 방법 : Context API 기반server 데이터를 관리하는 QueryClient가 Query를 사용할 때 명시하는 Key 기반으로 데이터를 저장한다. QueryClient는 단순히 서버에서 불러온 데이터를 저장하는 용도로 사용 4. get의 useQuery첫 번째 파라미터로 unique key를 포함한 배열이 들어간다. 이후 동일한 쿼리를 불러올 때 유용하게 사용된다.첫 번째 파라미터에 들어가는 배열의 첫 요소는 unique key로 사용되고, 두 번째 요소부터는 query ..

1. 시스템 반도체란 논리와 연산, 제어 기능 등을 수행하는 반도체. 정보를 저장하는 메모리 반도체와 달리 시스템 반도체는 디지털화된 전기적 정보(Data)를 연산하거나 처리(제어, 변환, 가공 등)하는 반도체이다.  시스템 반도체는 마이크로컴포넌츠(Microcomponents), 아날로그 IC(Analog IC), 로직 IC(Logic IC), 광학 반도체(Optical Semiconductor) 등으로 구분된다. – 마이크로컴포넌츠 : 전자제품의 두뇌 역할을 하는 시스템 반도체로 MPU, MCU, DSP 등이 있으며, 마이컴이라고도 불린다. – 아날로그 IC : 음악과 같은 각종 아날로그 신호를 컴퓨터가 인식할 수 있는 디지털 신호로 바꿔주는 반도체이다. – 로직 IC : 논리회로(AND, OR, N..

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

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..