박재형 / IT 개발 공부

오랜만에 프로그래머스 문제를 풀려고 들어왔다가 기본 구조를 보고 당황했다답을 맞추긴 했지만 기본 구조의 정확한 뜻을 찾아봤다 const readline = require('readline');Node.js에서 표준 입력을 처리하기 위해 readline 모듈을 가져옴. readline은 콘솔에서 입력을 받을 때 사용하는 모듈const rl = readline.createInterface({...});readline.createInterface는 입력과 출력을 처리하는 인터페이스를 만듬. 여기서 input은 process.stdin (표준 입력, 즉 콘솔에서 입력을 받음)이고, output은 process.stdout (표준 출력, 즉 콘솔에 출력함)을 의미rl.on('line', function(line)..

개발인원 : 5명주제 : 커플 데이트 코스 추천 어플1차 목표 : 10월 1일 ~ 12월 23일까지 (총13주) 크리스마스 시즌 타겟 1차 완성 1, 2주차 회의기술스택 : React-Native, SpringBoot, Spring Security, JPA, MySql ( 환경설정 완료 )협업툴 : Jira(백로그), GitHub ( 일주일에 한번 코드리뷰 )  회의 중 우리가 만들려는 것과 비슷한  유사 어플을 발견했고 유사 어플의 단점을 찾아서 우리 앱에서 장점으로 바꿔보고자 했음 단점- 직접 코스 짤 때 선택지가 점점 늘어남- UI가 야놀자, 여기어때랑 똑같음- 커플 이외에도 친구, 가족 타겟- 취향 & 장소 추천 ( 우리는 연인만을 위한 추천 중점 )  개발과정 ( 안드로이드스튜디오 쓴다고 가정 ..

알바를 하러갔다가 사장님이 내가 개발자인걸 알고 회사 홈페이지 검색엔진 최적화를 부탁받았다. 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..