반응형 전체 글746 [Next.js] React 복습 및 약간의 실습 - 프로파일 화면 만들기 app/composition/user-detail.tsx 파일 작성'use client';import React from 'react';interface ProfilePictureProps { src: string; }interface ProfileDetailsProps { name: string; email: string; }interface ContactButtonProps { onClick: () => void; }interface UserProfileCardProps { user: { profilePicture: string; name: string; email: string; }; onContactClick: () => void;}const .. 2024. 6. 25. [Next.js]프로젝트 시작 환경구성 vscode plugin 프로젝트 생성은 npx create-next-app@latest 를 이용하며,src/폴더 사용 이외에는 모두 Yes 를 선택합니다. 2024. 6. 24. [TS]Next.js 기초 - SSG 실습을 위해 next.js 프로젝트를 생성한다. npx create-next-app@latest --ts next-sample생성시 질의는 모두 No~~! SSG - Static Site Generation 정적사이트 생성빌드시 페이지를 생성한다. -- 사용 함수export const getStaticProps: GetStaticProps = async(context) =>pages/ssg.tsx 로 파일생성한다.next.js 에서는 폴더/파일 구조로 tsx 파일을 생성하면 그대로 호출 주소가 된다.즉, localhost:3000/ssg 로 호출 하면 이 페이지가 호출된다.import { GetStaticProps, NextPage } from "next";import Head from "next/h.. 2024. 6. 22. m2ee-tools 설치하기 1. vmware 이용 : debian12 설치완료apt update 로 최신 패키지 업데이트! 2. m2ee tools 설치참고페이지m2ee-tools/doc/install-1.md at master · mendix/m2ee-tools · GitHub m2ee-tools/doc/install-1.md at master · mendix/m2ee-toolsm2ee, the Mendix runtime helper tools for GNU/Linux - mendix/m2ee-toolsgithub.com # 소스리포지터리 추가sudo vi /etc/apt/sources.list.. 마지막 줄deb http://packages.mendix.com/platform/debian/ bookworm main contri.. 2024. 6. 20. 함수형 프로그래밍 with 자바 - 랜덤 생성수 통계(feat.ThreadLocalRandom) 랜덤 생성수를 이용한 통계시, 함수형 자바 이용하기 예제 입니다. package kr.samdogs.study.func.pojo;import java.util.IntSummaryStatistics;import java.util.Random;import java.util.SplittableRandom;import java.util.concurrent.ThreadLocalRandom;import java.util.function.IntUnaryOperator;public class RandomNumber { public static void main(String[] args) { //랜덤하게 발생하는 숫자 * 2 통계 //공통 int elementsCount = 100_000_000; IntU.. 2024. 6. 19. 함수형 프로그래밍 with 자바 - 단어 카운트 package kr.samdogs.study.func.pojo;import java.io.IOException;import java.nio.file.Files;import java.nio.file.Path;import java.nio.file.Paths;import java.util.Arrays;import java.util.Map;import java.util.function.Function;import java.util.regex.Pattern;import java.util.stream.Collectors;import java.util.stream.Stream;public class LineCount { public static void main(String[] args) { /* 단어카운트 함수형.. 2024. 6. 18. 함수형 프로그래밍 with 자바 - for loop 예시를 통한 스트림 비교 함수형 처리라는 것이 어떤것이다 라는 컨셉을 익힐때 좋을꺼 같다!package kr.samdogs.study.func.pojo;import java.util.stream.IntStream;public class ForLoop { public static void main(String[] args) { /* 1부터 5 미만 까지 루핑 출력 * :: 참조연산자로 함수 주입 * JDK9+ 에서는 제한 조건을 추가로 넣을수 있다!! */ //일반 for(int idx=1;idx idx + 1) .limit(4) .forEachOrdered(System.out::println); }} 이런 함수형 클래스와 map, reduce, filter 이 활용을 잘익히면 된다. ( jav.. 2024. 6. 17. 함수형 프로그래밍 with 자바 - POJO 와 불변POJO 그리고 record 함수형 프로그램을 위해SAM (Single Abstract Method ) 필요불변성 유지 필요 ( record 로 구현함 jdk 14 미리보기 에 나옴 ) POJO 를 이용한 불변성 구현 1. 일반package kr.samdogs.study.func.pojo;import java.time.LocalDateTime;import java.util.Objects;//변경불가능 유지를 위해 final classpublic final class User { private String username; private boolean active; private LocalDateTime lastLogin; public User(String username, boolean active, LocalDateTim.. 2024. 6. 16. Expand Your Domain Modeling Skills - 축구 스쿼드 웹 만들기 1편 1. 프로젝트 생성Blank Web App 을 선택하고 아래와 같이 신규프로젝트를 생성합니다. 2. 엔티티를 생성합니다. 3. 모듈 이름을 바꿉니다. MyFirstModule -> Soccer Squad 4. Team Entity 의 After Create 를 추가합니다.마이크로 플로우를 추가합니다. ACR_Team_CreateStadiumTeam을 생성하면 스타디움을 자동으로 생성하는 마이크로플로우 입니다. 5. Match 엔티티의 Before Commit 이벤트를 설정하고,BFR_Match_SetMatchStadium 마이크로 플로우를 생성해 줍니다. 매치를 생성하면, 홈팀의 스타디움을 자동으로 매치의 스타디움으로 셋팅하는 마이크로 플로우 입니다. 6. 팀페이지를 생성합니다.팀 엔티티를 연결하고 아.. 2024. 6. 11. 이전 1 ··· 10 11 12 13 14 15 16 ··· 83 다음 반응형
