인턴십

리스트 페이지 : ~TablePage상세 페이지 ~DetailPage작성 페이지 ~InsertPage수정 페이지 ~UpdatePageEventTablePageEventDetailPage되도록 절대경로 '@/\~\~~' 사용@/app/page.module.css동사 +

애플리케이션의 서버와 클라이언트 사이에 메시지를 전송할 수 있게 해주는 무료의 크로스 플랫폼 메시징 솔루션현재 구현 목표는 서버에서 알람을 보낼 시 사용자의 컴퓨터, 모바일 기기에 실시간으로 알람(푸쉬 메시지)이 뜨게 만들기 위함.(출처 : 공식 사이트)FCM 서버 프

코드를 적기 전 firebase에서 apikey 등을 발급받아야 한다. firebase 콘솔 프로젝트를 생성해준다. (이미 만들어 놓음) 생성한 프로젝트를 클릭하여 messaging으로 들어가, '웹'선택 (나는 웹으로 해서) 앱 이름을 작성하면 앱이 등록되고,

Spring Initializr 기본적인 것들 넣어놓음. Dependencies는 빈 스프링부트 프로젝트 가져다놓고 나중에 gradle에 추가해도 무방 > https://start.spring.io/#!type=gradle-project&language=java&pla

참고로 코드는 https://tjdans.tistory.com/21 여기서 거의 다 따옴.firebase-messaging을 cdn으로 import 시킨다.버전 최신화가 필요할 수 있다.페이지 첫 접속 시에 알람 활성화 여부를 묻는다.위 상태로 실행 시 크롬에

Bootpay 부트페이(Bootpay)는 다양한 결제 수단을 통합하여 제공하고, 개발자들이 이를 쉽게 통합할 수 있도록 도와주는 대한민국의 결제 게이트웨이 서비스 플랫폼. 구현 목표는 프론트에서 넘겨준 데이터(여기선 영수증ID로 봐도 될 듯)로 백엔드에서 결제 요청을

https://www.bootpay.co.kr/구현 전에 부트페이 공식 홈페이지에서 관리자 페이지로 들어가 새 프로젝트를 만들어야 한다.이미 만들어 놓은 게 있어 화면이 다를 수도 있다.생성 후결제 설정 - 연동키 및 보안 에서 apiKey나 privateKe

기본적인 것들 넣어놓음. Dependencies는 빈 스프링부트 프로젝트 가져다놓고 나중에 gradle에 추가해도 무방https://start.spring.io/java 파일들은 솔직히 위치는 상관없을 듯 하고 파일 구조도 개인 마다 다르니 참고로만,이름들도

먼저 script를 import해준다.버전 최신화가 필요할 수 있다.그 후 버튼을 만들고,부트페이 로직 실행이 과정까지 완료하면, 결제하기 버튼 클릭 시 결제 창이 뜨고,결제 진행 시(결제 돼도 나중에 관리자 페이지에서 취소 가능함 걱정 ㄴㄴ),이 화면이 나온다.현재

자바, 파이썬 : OS 위에서 작동JavaScript : 브라우저 위에서 작동node.js: 자바스크립트를 OS 위에서 작동하도록 만듬.: 보다 정확히는 자바스크립트와 같은 문법으로 코드를 작성해서 OS에서 작동: 브라우저에서 돌아가는 JS와 node에서 돌아가는 JS

지금 필요한 것만 빼고 다 삭제함리액트는 단일 태그만 들어갈 수 있다.<> 태그들을 하나로 묶어서 해결 가능.react에서 <>태그를 무시하고 만듬.클래스 이름도 변수로 지정 가능.급발진이지만 이게 된다. 컴포넌트 배열 index.js 코드에서React.St

: 화면의 렌더링을 하기 위한 데이터: 데이터가 바뀌면 화면이 바뀐다: useState, useEffect (Hooks)명령형 프로그래밍작동 순서를 매번 입력해야 함 (or 함수 사용)'안녕'을 찾아 'hi'로 바꾸기 \-> hellodiv 찾아서\-> innterTe

의존성 주입yarn add react-router-dom이 상태에서도 주소창에 path 입력 시 이동. Main.js Temp.js

명령어 yarn build 빌드 파일 생성 해당 빌드 파일에서 code를 켜서, 라이브 서버를 켜보면

명령어yarn create next-app {appname}사용 설정page.js : 화면globals.css : 전역 스타일layout.js : 레이아웃 (하위의 모든 페이지에 같은 레이아웃이 적용)page.module.css : 해당 경로의 페이지에만 적용되는 cs

: 연관 관계(@ManyToOne 등) 설정된 엔티티를 사용할 때 발생할 수 있는 문제.: 특정 엔티티에서 findAll()을 했을 때,: FetchType을 EAGER로 설정했을 시에는 findAll()을 실행하고 해당 엔티티에 연관되어 있는 엔티티를 findAll(

이메일 인증

이메일 인증

Spring Initializr 기본적인 것들 넣어놓음. Dependencies는 빈 스프링부트 프로젝트 가져다놓고 나중에 gradle에 추가해도 무방 > https://start.spring.io/#!type=gradle-project&language=java&pla

간단하게 이메일, 인증 번호 입력 창을 만든다.화면굳이 DTO로 만들어야 하나 싶긴 하지만 더 입력받을 데이터가 있을 수도 있으니 추가하기 편하게 일단 DTO로 만들어 놓았다.email을 입력 받아 인증 메일을 보낼 API를 생성한다.인증 번호를 생성하고, 메일을 발송

인증 로직 이제 발송하고 DB에 저장된 인증 코드를 기준으로 인증을 진행해보자.

JWT 간단히 설명하자면, 토큰 발급과 사용 사용자가 로그인할 때, 서버는 사용자의 자격 증명을 검증한 후 JWT를 발급 클라이언트(사용자)는 이 토큰을 받아서, 이후 서버에 요청할 때마다 HTTP 요청의 Authorization 헤더에 토큰을 포함하여 보낸다. 서버는

Spring Initializr 기본적인 것들 넣어놓음. Dependencies는 빈 스프링부트 프로젝트 가져다놓고 나중에 gradle에 추가해도 무방 > https://start.spring.io/#!type=gradle-project&language=java&pla

일단 전문일단 Jwt를 구현하기 전 간단하게 회원가입 기능을 구현하자.혹시 403에러가 뜨면 보통 securityConfig 설정이 잘못돼있다.화면 구현Controller 구현localhost:8080 접속.포트를 바꿔놓거나 SecurityConfig 설정을 잘못한 것

이전 포스트에서 config를 그대로 사용했다면, 현재 이런 상태일 것이다.현재 "/"나 auth 관련 주소 말고는 전부 authenticated 상태이다.즉, permitAll된 주소 이외에는 전부 인증 필터를 타야하는 상태이다.이제 인증이 필요한 요청을 하나 만들고