Group Study (2021-2022) 83

[Spring Boot] 2주차 3장 스프링 부트에서 JPA로 DB 다루기

🎆[03장] 스프링 부트에서 JPA로 DB 다루기 프로젝트에 Spring Data JPA 적용하기 Spring Data JPA 테스트 코드 작성하기 등록/수정/조회 API 만들기 JPA Auditing으로 생성시간/수정시간 자동화하기 🌸JPA 소개 관계형 DB는 SQL만 인식 가능. SQL의 단순 반복 작업 문제 데이터 저장 방법에 따라 패러다임 불일치 문제 발생 관계형 DB: 어떻게 저장할 것인지에 초점 객체지향 프로그래밍 언어: 기능과 속성을 한 곳에서 관리 객체지향에서 만든 부모와 자식 관계가 DB에서 깨짐 → 상속, 1:N 등 다양한 객체 모델링을 DB에서 구현 불가 → 데이터 베이스 모델링에만 집중... JPA가 문제 해결 : 패러다임 일치시켜줌 개발자 - 객체지향적 프로그래밍 JPA: 이를 관..

[Algorithm] 6주차 스터디 - 이분탐색(백준 18113, 2805, 1920, 2110)

A - 18113 그르다 김가놈 https://www.acmicpc.net/problem/18113 18113번: 그르다 김가놈 첫 번째 줄에 손질해야 하는 김밥의 개수 N, 꼬다리의 길이 K, 김밥조각의 최소 개수 M이 주어진다. (1 ≤ N ≤ 106, 1 ≤ K, M ≤ 109, N, K, M은 정수) 두 번째 줄부터 김밥의 길이 L이 N개 주어진다. www.acmicpc.net 코드 #include #include using namespace std; vector v; int main() { cin.tie(0); cout.tie(0); ios::sync_with_stdio(false); int n, k, m, gb; int l = 1, r = 1000000000, mid, count, p = -1..

Spring Boot] 4주차 - 스프링 시큐리티와 OAuth 2.0으로 로그인 기능 구현하기

[05장] 스프링 시큐리티와 OAuth 2.0으로 로그인 기능 구현하기 ✔ 소셜 로그인 기능을 사용하는 이유? 로그인 시 보안 회원가입 시 이메일 혹은 전화번호 인증 비밀번호 찾기 비밀번호 변경 회원정보 변경 위의 기능들을 모두 구글, 페이스북, 네이버 등에 맡길 수 있어 서비스 개발에 집중할 수 있음 🌼구글 로그인 연동🌼 1. 구글 서비스 등록 구글 클라우드 플랫폼 주소(https://console.cloud.google.com)로 이동 [프로젝트 선택] 탭을 클릭 [새 프로젝트] 버튼을 클릭 등록될 서비스의 이름을 입력 생성이 완료된 프로젝트를 선택하고 API 및 서비스 카테고리로 이동하여 사용자 인증 정보를 클릭 클라이언트 ID가 생성되기 전에 동의 화면 구성이 필요하므로 안내에 따라 [동의 화면 ..

[Android] 6주차 스터디 - FCM (Firebase Cloud Messaging)

1. FCM 이란 ? FCM은 Firebase Cloud Messaging의 약자로, 무료로 메시지를 안정적으로 전송할 수 있는 교차 플랫폼 메시징 솔루션이다. 교차 플랫폼 메시징 솔루션이기 때문에 FCM을 이용하여 개발을 진행하면, 플랫폼에 종속되지 않고 push 메시지를 보낼 수 있다는 점에서, push 메시지를 보내기 위해 기존에 각 플랫폼 환경별로 개발해야 하는 불편함을 해결하는 대안이 된다고 볼 수 있다. 2. FCM의 주요 기능 알림 메시지 / 데이터 메시지 전송 사용자에게 표시되는 알림 메시지 또는 데이터 메시지를 전송하고 어플리케이션 코드에서 임의로 처리한다. 메시지 종류 알림 가능 여부 알림 저장 개수 알림 처리 방법 알림 메시지 가능 여러 알림 저장하지만, OS 환경마다 다르다 앱이 백..

[Machine Learning] 5주차 스터디-합성곱 GAN

1. Convolution Neuarl Network CNN은 feature extraction을 위한 convolution 부분과 fully connected된 layer 층으로 구성되있다. featuer extraction은 이미지 데이터의 localized 특성을 파악하기 위한 부분이다. feature 별 filter와 이미지 map을 convolution 연산하여 새로운 map을 생성하며 이는 feature와 유사할수록 큰 값을 갖는다. 2. 합성곱 GAN 실습 0. 라이브러리 import torch import torch.nn as nn from torch.utils.data import Dataset import cv2 as cv import os import numpy as np import..

[Algorithm] 5주차 스터디 - 그리디&구현(백준 11047, 13305, 11000, 21737)

A - 11047 동전 0 https://www.acmicpc.net/problem/11047 11047번: 동전 0 첫째 줄에 N과 K가 주어진다. (1 ≤ N ≤ 10, 1 ≤ K ≤ 100,000,000) 둘째 줄부터 N개의 줄에 동전의 가치 Ai가 오름차순으로 주어진다. (1 ≤ Ai ≤ 1,000,000, A1 = 1, i ≥ 2인 경우에 Ai는 Ai-1의 배수) www.acmicpc.net 코드 #include int main(void) { int coins[10]; int n, k, num, coin, count; count = 0; scanf_s("%d %d", &n, &k); for (int i = 0; i < n; i++) { scanf_s("%d", &num); coins[i] = n..

[Spring Boot] 3주차 - 머스테치로 화면 구성하기

CH4. 머스테치로 화면 구성하기 🌱 1. 서버 템플릿 엔진과 머스테치 소개 템플릿 엔진 : 지정된 템플릿 양식과 데이터가 합쳐져 HTML문서 출력하는 SW ex) React의 View파일들 서버 템플릿 엔진 : 서버에서 구동. 서버에서 자바로 문자열 만들고 HTML로 변환해서 브라우저로 전달. js - 단순한 문자열 클라 템플릿 엔진 : 브라우저에서 화면 생성. 서버에서 json or xml 형식 데이터만 전달. 클라이언트에서 조립. 머스테치 : 수많은 언어를 지원하는 가장 심플한 템플릿 엔진. 자바에서는 서버 템플릿 엔진으로 compile(&#39;org.springframework.boot:spring-boot-starter-mustache&#39;) 🌱 2. 기본 페이지 만들기 머스테치 파일 기본..

[Spring Boot] 5주차 - AWS EC2 / AWS RDS

[06장] AWS 서버 환경을 만들어보자 - AWS EC2 클라우드 서비스란? - 인터넷(클라우드)을 통해 서버, 스토리지(파일 저장소), 데이터베이스, 네트워크, 소프트웨어, 모니터링 등의 컴퓨팅 서비스를 제공하는 것 ex. AWS(Amazon Web Service) 1. AWS 회원 가입 - https://aws.amazon.com/ko/ 에서 무료 계정을 만들기 2. EC2 인스턴스 생성하기 - EC2(Elastic Compute Cloud)는 AWS에서 제공하는 성능, 용량 들을 유동적으로 사용할 수 있는 서버 3. EC2 서버에 접속하기 * EC2 서버에 접속을 하는 방법이 Mac이랑 윈도우랑 다릅니다! 전 윈도우이기 때문에 ㅎㅎ (Mac 너무 사고 싶어요ㅠㅠ) 제가 서버에 접속한 방법을 올려드..

[Swift] 5주차 스터디 - Animation, Lottie

5주차 - animation, lottie animation swift에서 애니메이션 효과를 주기 위한 구현 방법들은 다음과 같습니다. animate(WithDuration:animations:) class func animate( withDuration duration: TimeInterval, animations: @escaping () -> Void ) animate(WithDuration:animations:completion) 애니메이션의 기본 메서드들이 완료되면 completion이 동작합니다. class cunf animate ( withDuration duration: TimeInterval, animations: @escaping () -> Void, comepletion: ((Bool(..

[React] 5주차 스터디 - react-bootstrap

목차 React-Bootstrap란? 시작하기 여러 가지 컴포넌트 사용하기 react-bootstrap으로 인프런 사이트 클론 코딩하기 참고 자료 React-Bootstrap 공식 문서 1. react-bootstrap란? 부트스트랩(bootstrap)은 오픈소스 프론트엔드 프레임워크이다. 웹사이트를 쉽게 만들 수 있도록 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 제공하고 있다. 리액트에서 부트스트랩을 사용하는 경로는 react-bootstrap, reactstrap 두 가지가 있는데, 본 스터디에서는 react-bootstrap을 사용한다. react-bootstrap은 기존의 부트스트랩을 리액트 스타일의 컴포넌트로 압축하여 코드가 간단해진다는 장점이 있다. 2...