전체 글
-
[Spring] SpringBoot Security 폼 로그인 (react, nginx)기초/SPRING 2022. 3. 27. 21:35
*표시는 배경지식 *인프런 강좌 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%8B%9C%ED%81%90%EB%A6%AC%ED%8B%B0/dashboard [구성도] 더보기 nginx > 로그인 페이지 ( react:3000 ) >>> 로그인 >>> 로그인처리 ( springboot:8081 ) >>> 성공,실패 리다이렉트 >>> nginx 주소 *Spring Security 참고자료 https://spring.io/guides/topicals/spring-security-architecture https://godekdls.github.io/Spring%20Security/authentication/ h..
-
[Spring] SpringBoot Security 회원가입 (react, nginx)기초/SPRING 2022. 3. 23. 21:54
*표시는 배경지식 *인프런 강좌 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%8B%9C%ED%81%90%EB%A6%AC%ED%8B%B0/dashboard Dependency 등록 더보기 implementation 'org.springframework.boot:spring-boot-starter-security:2.6.4' Spring Security Filter 등록 더보기 import org.springframework.context.annotation.Configuration; import org.springframework.security.config.annotation.web.configurati..
-
[Spring] 기본개념정리 (수정중)기초/SPRING 2022. 3. 23. 14:13
IOC, Inversion of Control, 제어의 역전 DI, Dependency Injection, 의존성 주입 @RequiredArgsConstructor를 통해 생성자 주입을 하는이유 AOP, Aspect Oriented Programming, 관점 지향 프로그래밍 어노테이션으로 객체생성 @Component : 메모리에 클래스를 로딩 @Bean : @Autowired : 메모리에 로딩된 객체를 가져올 때 사용 @Configuration : @Qualifier : Spring Bean은 싱글톤으로 관리됨, new 키워드로 Instance 생성 = 스택 영역 메모리 로딩 = Heap 영역 JPA, JAVA Persistence API, 자바 퍼시스턴스 API JAVA ORM 표준 ORM, Obje..
-
[프로젝트] Docker Nginx + React(SPA) + Spring Boot학습/프로젝트 2022. 3. 19. 22:26
더 좋은방법으로 개선해나갈 계획 Jenkins 사용 X 환경 Synology 220+ Docker Spring Boot ( Gradle ) React ( Npm, Node ) 구성도 Nginx ( 172.17.0.2 8080 ) Node ( 172.17.0.4 3000 ) Spring Boot ( 172.17.0.3 8081 ) Nginx Proxy를 통해 Front End > Node Back End > Spring Boot 로 이동할 예정 준비작업 * 빌드 SpringBoot Gradle Build ( Jar ) Create-React-App로 생성된 React-Router-Dom(SPA)프로젝트 Build ( Npm Run Bulid ) Spring Boot에 대한 Dockerfile 작성 더보기 ..
-
GridSatck (Test.html)기초/자바스크립트 2022. 3. 16. 11:30
대쉬보드를 위젯형식으로 만드는 방법을 찾아보다가 좋은 소스를 발견했다. https://gridstackjs.com/# gridstack.js | Build interactive dashboards in minutes. Getting Started Create your first interactive grid by copy-pasting the HTML+JS, as seen below... Code npm install gridstack then in html: .grid-stack { background: #FAFAD2; } .grid-stack-item-content { background-color: #18BC9C; } var items = [ {content: ' gridstackjs.com 사용법..
-
[Docker] 도입서버/DOCKER 2022. 3. 7. 17:04
도입목적 비슷한 프로젝트 도입시 필요한 라이브러리들을 zip으로 옮겨받는게 싫었다. > SVN에 환경설정이라는 파일로 저장 후 해당 프로젝트의 라이브러리들을 올린뒤 다운로드 후 사용했다. 도커 도입전 프로젝트 관리 SVN - 소스 - 라이브러리 - DOCS ( 프로젝트 개발일지 ) - 유지보수 문제점 1. 이렇게 관리하고있었으나 환경설정이 꼬이면 프로젝트를 구성했던 담당자를 찾아가 환경설정을 물어보는 귀찮음이 발생하고있었다. 2. 해당 프로젝트를 수정하고 있으면 다른사람은 수정 할 수 없는 lock조건 발생하였다. 그러던 도중 DOCKER - GITLAB을 발견하고 도입하기로 결정했다. 개선목적 1. 환경설정 동일화 - 그냥 환경설정을 통째로 가져오고 싶었다. 2. 다른 사람이 수정을 간섭하지않고 내 소..
-
[Docker] 기본개념 정리서버/DOCKER 2022. 3. 7. 15:13
유튜브 생활코딩 -docker편 정리 Docker Desktop 설치 Hyper-V ( 가상화 ) 사용 https://www.docker.com/products/docker-desktop 다운 출처 : 생활코딩 Docker 구축단계 docker 확인 docker -v docker registry 설정 images : 설치된 이미지 확인 docker images pull : 이미지 설치 docker pull 이미지이름 : 이미지 설치 rmi : 설치된 이미지 제거 docker rmi 이미지이름 : 설치된 이미지 제거 run : 이미지 → 컨테이너 docker run 이미지이름 : 컨테이너 이름 자동생성 docker run --name 컨테이너이름 이미지이름 : 컨테이너 이름 자동지정 docker run -..
-
[JS] 모자이크 처리기초/자바스크립트 2022. 3. 4. 09:39
테스트 페이지 https://eaststar1129.github.io/mozaic.html 구성도 마우스를 올렸을때 그림에 마우스 영역이 나타나며 모자이크를 클릭시 모자이크 / 되돌리기를 구현 코드 Canvas 활용 Canvas 3개 - 원본 - 마우스 영역 - 수정되는 영역 페이지 로드시 원본, 모자이크영역에 이미지 삽입, hover영역 초기화 마우스 move시 hover 영역에서 사각형을 계속 표시 마우스 out시 hover 영역 초기화 마우스 click시 원본데이터를 가져와 모자이크 / 원본그대로 수정데이터에 삽입 Canvas의 index는 원본 < 수정본 < hover 순 [css] html, body{ margin:0; padding:0; } #divCanvas { position:relativ..