growing pear

- Deploy 작성한 코드를 배포하는 행위 인터넷에 deploy하면 전 세계 어디서든 사이트를 이용할 수 있음 - Netlify 이용하기 초보자도 쉽게 사용 가능 웬만한 트래픽까지는 무료로 사용 가능 https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com

웹 개발의 봄, Spring 20기 (2021.7.5 ~ 2021.8.8) 드디어 완주했다..! 5주라는 시간이 뭔가 길면서도 정말 빨리 갔다 일주일에 총 2시간의 강의를 들으면 된다는 조건이었는데 처음엔 쉬울거다 라고 생각했다 하루 8시간 평일 내내 가면서 6개월을 다녀야 했던 국비지원교육도 무난하게 들었기 때문인데 온라인 강의다 보니 국비지원교육처럼 강제성이 없어서 나의 의지가 많이 필요했다 수업 내용이 그리 무겁지도 않아서 어렵지 않게 들었다 5주동안 들으면서 국지지원교육보다 낫다고 생각이 들었다 국비지원교육 VS 스파르타코딩 국비지원교육에서 그렇게 좋은 강사님을 만나지 못했다 그래도 6개월의 기간이기 때문에 배운 것은 꽤 되지만 강의의 질을 따져보면 스파르타코딩이 더 나았던 것 같다 강사님은 나이..

* 가비아에서 1년에 500원하는 도메인을 미리 사 둠 - 가비아 서비스관리 페이지로 이동 https://my.gabia.com/service#/ 웹을 넘어 클라우드로. 가비아 그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브 www.gabia.com 가비아 서비스 관리 페이지에서 'DNS 정보 - 설정' 이동 DNS 관리 페이지의 DNS 설정에서 '레코드 수정' 클릭한 뒤 아래 이미지처럼 입력하고 '저장' 도메인을 브라우저에 입력해보기 - 링크 공유하기

* 현재 프로젝트는 8080 포트로 들어가야만 볼 수 있었지만 80 포트. 기본 포트로 들어가도 볼 수 있도록 설정이 필요함 기본 포트로 설정해주면 포트를 입력하지 않고 IP만 입력해도 프로젝트로 연결이 됨 * http 요청에서는 80포트가 기본이라서 굳이 :80을 붙이지 않아도 자동으로 연결이 됨 * 포트 번호를 입력하지 않아도 자동으로 접속되기 위해 80포트로 오는 요청을 8080 포트로 전달하게 되는 포트 포워딩(port fowarding)을 사용할 것임 - 포트 번호 없애기 : 리눅스 자체 포트포워딩을 작동시키기 기존에 켜둔 서버는 끈 다음 명령어를 입력해야 함 [포트포워딩] sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDI..

- 배포 파일 만들어내기 빌드 : 지금까지 만든 프로젝트를 하나의 파일로 묶는 것 묶으면 jar 파일이 나오는데, jar 파일을 AWS에 올릴 것임 Gradle - 프로젝트 - build - build 순서대로 누르면 빌드를 시작하고 jar 파일이 생김 프로젝트 폴더 - build - libs 순서대로 가보면 jar 파일이 있을 것임 만든 AWS 서버에 jar 파일을 올려줌 AWS 접속 ssh -i keypair파일경로 ubuntu@IP주소 # ssh -i /e/AWS_keypair/nao_keypair.pem ubuntu@3.35.53.11 Git Bash에서 jar 파일 실행 java -jar 파일이름.jar 성공..!

- OG 태그 : 링크를 공유하면 이미지와 제목, 내용이 미리보기 식으로 간략하게 뜨게 하는 것 - OG 이미지 다운로드 : https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/spring/week05/og_selectshop.png - index.html 파일의 head 태그에 아래의 태그를 추가

* 최저가를 변경하는 API 완성하기 힌트) - basic.js > setMyprice 완성 - ProductRestController.java > @PutMapping, ProductMypriceRequestDto 활용하기 /*basic.js*/ function setMyprice() { /** * 숙제! myprice 값 설정하기. */ //1. id가 myprice 인 input 태그에서 값을 가져온다. let myprice = $("#myprice").val(); //2. 만약 값을 입력하지 않았으면 alert를 띄우고 중단한다. if(myprice == "") { alert("가격을 설정하지 않았습니다."); return ; } //3. PUT /api/product/${targetId} 에 d..

- 스케줄러 정해진 시간마다 지정된 로직을 자동으로 실행하게 하는것 매 시간마다 관심 상품 목록 제목으로 검색해서, 최저가 정보를 업데이트하는 스케줄러 만들기 /*Scheduler.java*/ package com.sparta.week04.utils; ... @RequiredArgsConstructor // final 멤버 변수를 자동으로 생성합니다. @Component // 스프링이 필요 시 자동으로 생성하는 클래스 목록에 추가합니다. public class Scheduler { private final ProductRepository productRepository; private final ProductService productService; private final NaverShopSearch ..

- $(document).ready 함수의 의미 페이지가 모두 로드된 직후 실행할 자바스크립트 코드를 넣는 곳 컴파일러가 index.html을 위에서 아래로 순서대로 해석을 하는데 js 파일이 index 파일에서 위쪽에 적혀있어도 index 파일을 파일 끝까지 모두 다 해석한 뒤 js 파일의 $(document),ready 부분을 해석함 (일단 접속하면 관심 상품을 보여주어야 하기 때문에 showProduct 함수를 호출하고 있음) - showProduct 만들기 function showProduct() { /** * 관심상품 목록: #product-container * 검색결과 목록: #search-result-box * 관심상품 HTML 만드는 함수: addProductItem */ // 1. GET..

주의!!) 파라미터를 받을 때 파라미터가 JSON 형태면 JS가 알아서 JSON으로 변환함!!! 참고로 파라미터 itemDto는 stringify함수를 거친 결과인 문자열임 function addProduct(itemDto) { /** * modal 뜨게 하는 법: $('#container').addClass('active'); * data를 ajax로 전달할 때는 두 가지가 매우 중요 * 1. contentType: "application/json", * 2. data: JSON.stringify(itemDto), */ /** 주의!!) 파라미터를 받을 때 파라미터가 JSON 형태면 JS가 알아서 JSON으로 변환함!!! * 참고로 파라미터 itemDto는 stringify함수를 거친 결과인 문자열임 ..