Tastynut

[간략 배포 과정] aws에서 ec2생성 후 내 컴퓨터와 ec2에 도커 설치하기 내 컴퓨터에서 프론트, 백엔드 빌드 후 이미지 만들어서 도커 허브에 push ec2에서 이미지(mariadb, 프론트, 백) pull해서 container실행하기 도메인 네임 서비스로 tastynut.blog로 등록하기 접속: www.tastynut.blog Tnut's blog www.tastynut.blog [참고한 사이트들] ec2 xshell로 접속하기: https://itmoon.tistory.com/58 spring boot 이미지 만들기: https://ksr930.tistory.com/139 dockerhub 업로드 하기: https://onu0624.tistory.com/55 ubuntu에 docker 설치하..

https://github.com/lhj0954/Tastynutblog.git GitHub - lhj0954/Tastynutblog: 혼자서 만들고 운영해보는 개인 블로그입니다. 혼자서 만들고 운영해보는 개인 블로그입니다. Contribute to lhj0954/Tastynutblog development by creating an account on GitHub. github.com 1차 완성입니다. react + spring boot로 만든 개인 블로그입니다. 개발일지: (작성 중) ----------------------------------------------------------------------- [도움이 됐던 사이트] https://ykh6242.tistory.com/entry/JPA-..

보기와 같이 react-bootstrap의 컨트롤러가 범위를 침범하여 상세보기를 누르지 못하게 한다. 속성값을 보던 중 width: 15%를 width: unset으로 하면 아주 이뻐진 모습이다. css파일을 만들어 이래저래 적용해 보려고 해도 잘 안되어서 결국 bootstrap파일 자체에서 고쳐 먹기로 하여 발견한 방법이다... index.js에서 부트스트랩의 어느 부분를 적용해야하는지 파일명을 확인하고 수정해주고 싶은대로 수정해준 후 저장하여 react를 종료 후 다시 실행하면된다.

package step_by_step.level15; import java.util.*; public class N_Queen { static int[] arr; static int count = 0; static boolean check (int row) { for (int j = 0; j < row; j++) { if ((arr[j]) == arr[row] || ( row - j == Math.abs(arr[row] - arr[j]))) { return false; } } return true; } static void nQueen(int n, int row) { if (row == n) { count++; return; } for (int column = 0; column < n; column++)..

문제: https://www.acmicpc.net/problem/15649 15649번: N과 M (1) 한 줄에 하나씩 문제의 조건을 만족하는 수열을 출력한다. 중복되는 수열을 여러 번 출력하면 안되며, 각 수열은 공백으로 구분해서 출력해야 한다. 수열은 사전 순으로 증가하는 순서로 출력해 www.acmicpc.net 백 트레킹 : https://namu.wiki/w/%EB%B0%B1%ED%8A%B8%EB%9E%98%ED%82%B9 코드: package step_by_step.level15; import java.util.Scanner; public class N과M_1 { static int[] arr; static boolean[] visited; static void asdf (int n, int..

import java.util.Scanner; public class Main { static int count_0(int n) { int count_2 = 0; int count_5 = 0; while (n > 0) { for (int i = 2; (n % i) == 0; i *= 2) { count_2++; } for (int i = 5; (n % i) == 0; i *= 5) { count_5++; } n--; } return Math.min(count_2, count_5); } public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); int m = sc.nextInt(); if..

package step_by_step.level14; import java.util.*; public class 검문 { static int Euclid(int s, int l) { if (l%s == 0) { return s; } else { return Euclid(l%s, s); } } public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); int[] arr = new int[n]; for (int i = 0; i < arr.length; i++) { arr[i] = sc.nextInt(); } Arrays.sort(arr); HashSet set = new LinkedHash..

Ajax(Asyncoronous javascript and xml) : 필요한 정보만을 부분적으로 정교하게 낚아채는 낚시꾼 => single page application에 대한 이해 *Ajax 보안 문제로 인해서 직접 실행할 수는 없고 웹서버에서 구동해야 한다. (사견: Ajax와 react모두 single page application을 만드는 데 일조하는 공통점이 있지만 Ajax는 네트워크 통신을 통해서 필요한 데이터를 뽑아 온다면 react는 로컬 파일내에서 필요한 정보를 만들어 놓고 필요한 부분에서 꺼내쓰는 느낌인것 같다. 예로 react로 만드는 웹 페이지에서 게시글의 대한 정보를 다른 서버에서 가져와야 한다면 Ajax를 통해 가져오는 경우가 있다.) [동적으로 컨텐츠 변경하기] WEB HTM..

[React] : 사용자 정의 태그를 만들기 위한 도구 주로 class와 function을 통해 만드는데 function추세 [수정] : index.js -> 입구 파일 / index.css, App.js -> App.scc [배포] npm run build(build 파일 생성) -> npx serve -s build (build 파일을 npm명령으로 배포) [컴포넌트] : 복잡한 태그를 하나의 사용자 지정 태그로 만들어 내는 것 -> 폭발적인 생산성 향상 [props] : 컴포넌트 태그의 속성을 지정해주면 그 값을 props를 통해 컴포넌트로 받아옴 *key : 무언가를 반복해서 받아올 때 무엇을 받아와야 하는지 나타내 주는 지표 import "./App.css"; function Header(pro..

JavaScript : 사용자와 상호작용을 하기 위한 언어 /html위에서 작동하며, html로 만들어진 정적인 웹 페이지를 동적으로 만들어 준다. 이벤트: 웹브라우저에서 일어날 수 있는 기념할 만한 일 javascript 자료형 : String.메서드(), 숫자(+,-,*,/,%: 사칙연산), boolean(true/false), 연산자 : 대입연산자(=),비교연산자(===) 변수 선언: var HTML 삽입 미리보기할 수 없는 소스 프로그램: 순서 프로그래밍: 순서를 만드는 것 프로그래머: 순서를 만드는 사람 [조건문]: 하나의 흐름이 아닌 조건에 따라 흐름이 생기도록 하는 것 HTML 삽입 미리보기할 수 없는 소스 this: 자기 자신을 가리키는 태그 HTML 삽입 미리보기할 수 없는 소스 [반복문..