본문 바로가기
반응형

공부397

[jquery] file upload form을 ajax로 전송하기 spring 에서 MultipartHttpServletRequest 로 requst로 받는걸 가정한다. jquery를 이용할 것인데 다운을 받을 생각은 아니므로 CDN으로 연결한다. ... 그리고 태그 안에 다음과 같이 추가한다. 이미지 업로드 테스트 창 업로드 업로드결과: 스크립트 란에 다음을 추가한다. function upload() { const imageInput = $("#imageInput")[0]; // 파일을 여러개 선택할 수 있으므로 files 라는 객체에 담긴다. console.log("imageInput: ", imageInput.files) if(imageInput.files.length === 0){ alert("파일은 선택해주세요"); return; } const formData.. 2021. 4. 21.
[react] 하위 Component에서 children 을 지정하지 않아 에러가 나는 경우-TS2322: Type '{ children: never[];... typescript를 쓰면서 다양한 에러를 보게되는데 이번엔 하위컴포넌트에 데이터를 전달하다가 생기는 오류가 있었다. 메세지는 다음과 같다. TS2322: Type '{ children: never[]; key: string; category: Category; }' is not assignable to type 'IntrinsicAttributes & ParamProps'. Property 'children' does not exist on type 'IntrinsicAttributes & ParamProps'. 해당 코드는 아래와 같다. interface Category { id: string; name: string; algorithms: Algorithm[]; } interface Algorith.. 2021. 4. 12.
[react] material-ui, styled-components 같이 쓸때 테마 적용 안될때 material-ui에 테마적용은 잘 되는데, sytled-components 에는 안될때는 ThemeProvider를 살펴봐야 한다. 각각 제공하는 ThemeProvider가 있는데 다음과 같다. // material-ui import {ThemeProvider as MuiThemeProvider} from "@material-ui/core"; // styled-components import {ThemeProvider as StyledThemeProvider} from "styled-components" 이 두개를 다 적용해줘야 styled-components 에서 테마를 꺼내쓰는게 가능하다. 예를들면 다음처럼 설정. _app.js 파일 내 ... import {CssBaseline, ThemePro.. 2021. 4. 9.
[springboot, jwt] jwt로 security 적용 & error 때 result form 지정해 리턴하기 로그인에 성공하면 JWT로 토큰을 발행하도록 할 것이다. 이번 포스팅 샘플 프로젝트는 Kakao 로그인 API를 이용해 로그인 시스템을 구현하는데, 이럴때는 비밀번호가 있지 않고 USER의 ID만 존재한다. 우선 토큰발생하는 클래스를 만들어보자. JwtManager 클래스를 만든다.(이전 포스팅에 자세히 설명되어 있음) lemontia.tistory.com/1021 [springboot, jwt] jwt 로 토큰 생성, 유효시간 관리 하기 이번에는 jwt를 이용한 로그인 인증을 만들려 한다. 일전에 @EnableAuthorizationserver deprecated 되면서 찾던 중 jwt가 있어 이걸 활용하기로 했다(DB로 토큰유효성 확인도 안해서 더 나은거 같기도 하고 lemontia.tistory.c.. 2021. 4. 7.
[springboot, jwt] jwt 로 토큰 생성, 유효시간 관리 하기 이번에는 jwt를 이용한 로그인 인증을 만들려 한다. 일전에 @EnableAuthorizationserver deprecated 되면서 찾던 중 jwt가 있어 이걸 활용하기로 했다(DB로 토큰유효성 확인도 안해서 더 나은거 같기도 하고...) 암튼 시작. JwtManager 를 만들어서 JWT를 통해 토큰을 생성, 토큰 검증 하는 클래스를 만들 것이다. 그전에 다음 dependency를 먼저 추가하자.(gradle 기준) ... implementation group: 'io.jsonwebtoken', name: 'jjwt-api', version: '0.11.2' implementation group: 'io.jsonwebtoken', name: 'jjwt-impl', version: '0.11.2' i.. 2021. 4. 5.
[react, springboot] kakao 로그인 API 연동 카카오 개발자 사이트에 들어간다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 애플리케이션 추가하기를 누른 후 정보를 입력한다 앱 키를 제공하는데, 여기서는 웹 연동만 할 것이기 때문에 해당 정보를 가져온다 앱 키를 제공하는데, 여기서는 웹 연동만 할 것이기 때문에 해당 정보를 가져온다 여기서 JavaScript 키를 가지고 진행할 예정이다. 여기에 추가 설정을 해야하는데, 카카오 로그인을 활성화 설정으로 바꾸고, Redirect URI를 등록해야 한다. 카카오 로그인 활성화는 On으로 바.. 2021. 4. 2.
반응형

티스토리툴바