Project (35) 썸네일형 리스트형 cafeconnect 재실행 및 수정 vscodespring sts 다시 설치 - lombok도 설치mariaDB 설치 후 3306포트는 기존에 사용중이므로 3308포트로 설정, 비밀번호 동일 데이터베이스에 테이블 다시 생성(sql문)기존 파일에 데이터베이스 구조를 생성하고 외래키까지 잡는 sql문이 없어 다시 만듬 기존 데이터 삽입 시 한글이 깨지는 문제 발생처음엔 Heidisql 설정에서 mariadb를 libmysql-6.1.dll로 변경해보았으나 실패(Incorrect string value)-- ALTER TABLE alarm convert to charset UTF8;로 테이블을 설정해준다.중요한 점은 테이블 생성 후 외래키 설정 전에 해주어야 제약조건에 걸리지 않고 수정된다. 새로만든 SQL문CREATE TABLE `alarm`.. AWS EC2 SpringBoot + React.js 배포(12/13) 1. AWS EC2 접속 후 인스턴스 생성 2. 보안 그룹 인바운드 규칙에 DB(MYSQL/Aurora:3306), Front(3000), Back(8090) 추가 3. SSH(MobaXterm)접속, session 추가 후 public IPv4 복사 후 붙여넣고 인스턴스 생성하면서 나온 pem 키 넣어주기 접속 후 ubuntu 입력-> AWS EC2 서버 접속 완료 4. 패키지, docker, git, mariadb, node.js 설치 5. spring boot gradle task>build>buildWar 해서 war 파일 받기(project/build/libs에 있음)기존의 localhost를 aws public IPv4로 변경 백엔드 프론트 4. 디렉토리 생성 후 git clone 받.. 최종 결과물(12.17) 테스트 기간(12.09~12.12)-> 기능 완료, css 수정 및 디테일하게 개발하기, 더미 데이터 만들기-> 발표(2인), ppt(1인), 영상(2인) -> 발표, ppt 전부 맡음 발표준비(12.16~12.17)발표시간 25분맡은 부분 앞(주제 소개, 개발 환경, 설계) -> AWS EC2 배포https://narup.tistory.com/240가비아에서 고정된 도메인을 받고nginX AWSEC2 우븐투 안에 설치 하고 설정 파일에 도메인 넣으면 인증서 나옴이 인증서로 https 받을 수 있음. -> 피드백시연 시 왔다갔다 하지말고 미리 데이터 넣어놓고 조회 위주의 기능부터 보여주기, 말로 무슨 API 썼는지 설명주요 기능부터 설명하고, 일반 회원은 나중에 이런 기능도 있다고 소개하기긍정적인 말 .. Kosta 2024 웹 어플리케이션 구축 Full- Stack 개발자 교육(황연주 강사님) 후기 2024 웹 어플리케이션 구축 Full- Stack 개발자 교육(7/9 - 12/17) 287기에 참여한 후기 많고 많은 국비 교육 중에 Kosta를 선택한 이유- 전액 무료인데도 국비 차감이 되지 않는다. (나중에 국비 교육 하나 더 들을 수 있다!!)- 국민취업제도 1유형 가능(그 외에 훈련비도 나오고, 식비도 나온다)- 커리큘럼, 필요없는 과목 없이 웹 개발에 필요한 과목만 있다. 처음에는 내가 9-18 시간을 버틸 수 있을까, 교육을 듣는데 별로라고 생각되면 어쩌지 고민이 많았다.하지만 지금은 듣기 잘했다는 생각이 든다. 교육과정우선 가장 중요한 교육과정은 풀스택 교육 기준 JAVA 기본 문법(3주) -> 데이터베이스(MariaDB)(1주) -> HTML/CSS/JS/JQuery(1주)->Boot.. 웹 실시간 알림(Firebase)(11/25~11/27) Firebase 사용https://console.firebase.google.com/?hl=ko 보통 웹은 실시간 알람을 잘 사용하지는 않음-> 웹에서는 토큰을 받고 인증할 때 pc가 바뀔 수 있으므로 pc가 바뀌어 로그인하면 해당하는 pc에 대한 토큰으로 교체해줘야 함.(pc가 휴대폰처럼 하나만 사용하기에 고정되어 있지 않음) 프론트에서 알람을 생성하면 구글로 보내면 구글이 백으로 보내주고,백에서 firebase(fcm cloud)에 테이블에 알람을 저장하고 알람(message로)을 보내면 firebase에서 알림을 프론트로 보내줌 firebase에서 앱 생성 후 프로젝트 설정 얻어오기Front(react.js) - (11.26)service worker 설정 firebase 앱을 생성하고 얻은 설정을.. Back-end 개발(11/18~12/11) 일정11/18 - 12/17까지 개발11/18 - 12/6 (3주) 동안 백엔드 개발12/9 - 12/13 (1주) 동안 테스트 및 수정12/16 - 12/17 동안 발표준비 및 발표 전체 백엔드 개발 일정 개인 일정로그인 -> 재고관리 -> 마이페이지-> 메인페이지 -> 알림모달중요도 순으로 구현 GitHub 프로젝트 - 따로 브런치를 빼지 않고 각자 fork해간 후 pull request 하기로 함.origin project pull -> fork project pull -> local project commit and fork peoject push -> origin pull request 프론트 깃https://github.com/DDYDL/cafeconnect_front.git백엔드 깃https.. Spring Scheduler 스케줄러 사용하려면 main이 있는 클래스에 @EnableScheduling 추가 @Scheduled 태그로 반복할 시간을 설정, 여기서 데이터베이스 처리도 가능 퍼블리싱(react.js)(11.08~11.18) 라이브러리TailWind, Styled-Component 같이 사용 TailWindhttps://www.material-tailwind.com/docs/react/carousel Styled-Componenthttps://styled-components.com/ 만든 페이지 수 17페이지 + 헤더 3가지(메인, 가맹점, 본사) 헤더 3가지 종류메인 헤더시그니처 메뉴 클릭 시 옆으로 이동 및 형광펜 효과 가맹점 헤더헤더 호버 시 메뉴바가 나오게 했다. 본사 헤더 메뉴 호버시 메뉴 정보 나오게 함. 플러스 버튼 누르면 새로 입력 가능기존 행을 누르면 해당 재고가 나온다.(유통기한이 다른 같은 상품 확인 가능) 헤더의 알림 아이콘을 누르면 모달이 나온다.모달이 떠도 기존 화면을 사용 가능하게 만들어야 .. 이전 1 2 3 4 5 다음
