박재형 / IT 개발 공부

1. 데이터 타입PostgreSQL은 JSONB, UUID, ARRAY 같은 다양한 데이터 타입을 지원한다. MySQL은 JSON 타입만 지원하고 JSONB는 없다.예시:2. 문자열 함수와 연산자PostgreSQL에서는 문자열을 결합할 때 || 연산자를 사용하고, MySQL은 CONCAT() 함수를 사용한다.예시: 3. 자동 증가값 (Auto-increment)4. 조인 (Join) 처리PostgreSQL과 MySQL은 조인 구문이 비슷하지만, PostgreSQL은 성능 최적화에 더 유리한 방법을 제공한다.예시:5. 특정 기능 차이점JSON 처리: PostgreSQL은 JSONB로 더 빠르고 강력하게 JSON을 처리한다. MySQL은 JSON만 지원한다.6. 쿼리 성능과 최적화PostgreSQL은 복잡한..

https://v3-docs.vuejs-korea.org/tutorial/#step-8 Vue2, Vue3에서 data 사용 가능하지만,Vue3에서는 setup이 권장된다. vue3 ( setup ) 문법 setup 함수 내에서 Composition API를 사용해 상태와 로직을 정리, 반응형 상태를 만들기 위해 ref, reactive를 사용하고,  this를 사용하지 않는다.   data ( Option API ) 장점1. 간단하고 직관적2. methods, computed, watch 등 다른 옵션을 사용하기 편하다. setup ( Composition API ) 장점1. this가 필요없다.2. 코드 재사용성 증가3. 타입스크립트 친화적 ---------------------------------..

알바를 하러갔다가 사장님이 내가 개발자인걸 알고 회사 홈페이지 검색엔진 최적화를 부탁받았다. php, 그누보드를 사용해서 만든 홈페이지였고 파일질라를 통해 서버에 올라가있는 것을 확인했다 문제 1. 구글 검색 시 검색이 안됌 원인 ( 구글서치콘솔을 통해 확인 )1. https 오류  해결방법 1. 사이트맵 재생성 ( 루트디렉토리 아래에 sitemap.xml을 만들고 서버에 올림 )2. robots.txt에 사이트맵 명시      추가로 수정한 부분 ( 메타태그 삽입 )  이후 URL 검사 시 구글에 등록, 페이지 색인 생성, https 제공확인 완료  SEO META in 1 CLICK 이란 크롬 확장프로그램을 쓰면 SEO에 맞지않는 사항을 확인 가능하다.  색인요청에 최소 일주일이 걸려서 일주일 이상 ..

aws s3에 배포 후 엔드포인트로 접속이 잘된다근데 새로고침을 누르면 이렇게 404 에러가 떴다 특히, 토스페이먼츠로 결제를 구현했는데 결제 성공하면 떠야하는 페이지에서 계속 404 NoSuchKey 에러가 떴다 해결방법 해당 사용 중인 S3 버켓의 속성 => 정적 웹사이트 호스팅 => 편집 버튼 => 바이블처럼 되어있는 error.html을 index.html로 대체   에러 해결해결방식을 조금 유추해보면 에러가 떴을 때 index.html로 다시 리다이렉트 해버려서 잘되는것처럼 보이는 임시방편으로 생각된다.   참고 블로그https://algoisanswer.tistory.com/11

배포 방법에는 aws beanstalk, CI / CD 를 사용하는 방법 2가지가 있다 CI / CD에서는 예상치 못한 오류가 생길 가능성이 있어서  aws beanstalk로 배포를 진행해볼 예정이다.교안 154페이지부터 따라하면 됌

1. ec2 생성ubuntu 242. t3.large 3. keypair 생성 ppk ( 나는 pem으로 만든게 있어서 그대로 사용함 )보안그룹 퍼블릭 활성화생성4. putty이용해서 접속 ( cmd or powershell에서 접속해도됌  - 키페어 실행 )https://jongsky.tistory.com/49  따라서 Docker 설치 파일질라 다운 ( npm build한 front 밑에 프론트 넣으면 됌 )5. ec2생성 후 security group설정. - default를 any로 허용.

실습목적: window 환경에서 Jenkins 및 Tomcat 9 설치하고 github에 push (지속적인 통합:CI)될 때 자동으로 Tomcat 9에 SpringBoot 어플리케이션을 war로 배포(지속적인 배포:CD)하는 실습이다. 1. 깃 저장소 생성 2. 톰캣설치     3. Jenkins 설치 - 지속적인 통합과 배포 - 다양한 plugins 연동 ( Git, Maven, Java 등 )

⚡️ 개발환경Front - React.jsBack - SpringBoot, Spring Security, JPADB - MySqlServer - Tomcat 9Tool - sts, VScodeBuild - maven⚡️ 시나리오React에서 API서버로 UI출력 및 결제요청 호출API 서버로부터 Redirect 받은 정보 Spring 서버로 전달 및 요청전달받은 정보이용 Spring에서 Toss API 서버로 결제 승인 요청반환받은 승인 결과 DB 저장저장된 DB를 React로 응답응답된 결과를 React로 UI 출력 1. 토스페이먼츠 API 키 발급  2. 리액트 root 폴더 아래에 .env 파일 생성 후 클라이언트 키 삽입 ( 나는 .env 파일에 클라이언트 키가 인식이 안돼서 하드코딩해서 넣음 )..

1. 의존성 dependency>groupId>org.springframework.bootgroupId>artifactId>spring-boot-starter-data-jpaartifactId>dependency> https://mvnrepository.com/artifact/org.projectlombok/lombok -->dependency>groupId>org.projectlombokgroupId>artifactId>lombokartifactId>dependency> https://mvnrepository.com/artifact/org.modelmapper/modelmapper -->dependency>groupId>org.modelmappergroupId>artifactId>modelmappera..

const [selectedDate, setSelectedDate] = useState(new Date()); // 선택된 날짜를 저장하는 상태   // 컴포넌트가 처음 로드될 때 초기 선택된 날짜를 부모 컴포넌트에 전달  useEffect(()=> {    onDateSelect(selectedDate);  }, [onDateSelect, selectedDate]); 부모 페이지에서 selectedDate 받아주기 결과  전체 코드 import React, { useEffect, useState } from 'react';import { format, addMonths, subMonths, startOfMonth, endOfMonth, startOfWeek, addDays, getDay, getWeek..