목록Stack (71)

엠마의 개발공부일지

FCM을 활용한 web push기능 구현

스프링 - 리액트 프로젝트에서 웹으로 push알림 보내기 FCM이란? - Firebase Cloud Messaging(알림push요청을 fcm서버로보내면, 해당 토큰을 가진 유저에게 알림발송) - 실시간 알림을 받을 수 있기때문에, 웹사이트에서 활용하기 좋음 - 웹 이외에도 IOS, Android에서도 사용가능(사용방법이 각각 조금씩 다름) FCM을 사용하는 이유? - 비슷한기술로 SSE를 많이 사용하지만, SSE는 단방향통신만 가능하고 FCM은 양방향가능! 추후 확장가능성을 생각할때 - 양방향 기술로 써보고 싶었음. 전체흐름 - FCM은 여러 언어로 구현할 수 있지만, 이 포스팅은 프론트-TS, 백엔드-Springboot기준으로 작성 FE 1. FCM사이트에서 프로젝트를 생성하고, 토큰을 요청한다 2...
Stack/etc 2023. 4. 6. 14:59
Swagger - 프로젝트 문서화 하기

새하얗게 까먹어버렸기때문에 블로그에 박제해 본다 1. Swagger 라이브러리 추가 implementation 'io.springfox:springfox-boot-starter:3.0.0' implementation 'io.springfox:springfox-swagger-ui:3.0.0' 2. application.yml에 설정 추가 => 스프링MVC와 Swagger를 매칭해 주기 위함 spring: mvc: pathmatch: matching-strategy: ant_path_matcher 3. Swagger 설정파일 추가 @Configuration @EnableSwagger2 public class SwaggerConfig { @Bean public Docket api() { return new D..
Stack/Spring & Springboot 2023. 1. 20. 18:56
thymeleaf수정 시, 서버 재시작하지않고 바로 반영하는 방법

thymeleaf코드만 수정하고나서, 서버 재시작없이 바로 반영하는 방법 1. maven => pom.xml / gradle => build.gradle에 devtools 의존성 추가 compileOnly("org.springframework.boot:spring-boot-devtools") 2. application.yml => spring 설정 아래에 devtools, thymeleaf관련 설정 추가 3. 설정화면(단축키 : ctrl + alt + s) -> build,Execution, Deployment > Compiler > Build project automatically 체크! 4. edit configuration에서 modify options 클릭 후 아래의 두 설정을 선택하여 적용! 5..
Stack/Spring & Springboot 2022. 12. 20. 11:49
JSP파일에서 JDBC연결이 안될 때

현재상황 > java에서는 db에서 데이터를 잘 가져오지만, jsp파일에서는 아래와 같은 오류가 발생 원인 jsp에서 jdbc연결이 잘 안되는경우, 그 원인으로는 두가지로 추려볼수있습니다 Driver jar파일이 인식안되는경우 경로가 분명하지않아서 인식안되는경우 해결방법 1번의 경우 WEB-INF lib폴더에 본인이 쓰고자 하는 jdbc jar파일을 넣어줌 위의 조치로 안될경우 인텔리제이의 경우 project structure에 libraries와 artifacts에 jdbc jar파일을 추가해줌 위의 조치에도 안될경우 톰캣과 연관이 있을 수 있으니 jre파일 내부에 jar파일을 추가해줌 (톰캣관련해서는 링크참고 - http://aoeldn.tistory.com/entry/oracle-DB%EC%99%8..
Stack/대환장 오류 모음집 2022. 11. 15. 15:35
[Flexbox]

float - 이미지 / 텍스트를 배치 정렬방식 가로, 세로방향 중심축 설정 flex-direction : row, column, row-reverse 컨텐츠가 가로범위를 넘어가면, 다음줄로 wrapping하는것 flex-wrap : nowrap, wrap-reverse 이 둘을 합친거 👉 flex-flow : row nowrap; 아이템 배치 배치를 가운데, 오른,왼쪽으로 하는것(중심축배치) justify-content : flex-start, center, space-around, space-between 중심축이아닌곳의 배치 align-items : center , baseline(텍스트에맞춰 정렬) justify-content의 중심축아닌축의 간격 및 위치 align-content : center..
Stack/etc 2022. 3. 31. 14:39
git clone받아서 다른컴퓨터에서 react 작업시작하기

집에서 프로젝트 시작했고, 회사에서 git clone받아서 수정하고 싶은상황 문제 폴더만들어서 거기에 git clone받았더니 이런 에러가 뜬다 PS C:\Users\emma\Desktop\study\react\TOY1_dogfoodshoppingmall> npm start > coding_apple@0.1.0 start > react-scripts start node:internal/modules/cjs/loader:936 throw err; ^ Error: Cannot find module 'react' Require stack: - C:\Users\emma\AppData\Roaming\npm\node_modules\react-scripts\scripts\start.js at Function.Modu..
Stack/대환장 오류 모음집 2022. 3. 31. 10:31
[IntelliJ] JAVA 버전 바꾸는 방법(JDK버전)

기존에 8버전을 쓰다가 11버전으로 변경해야 하는 프로젝트가 생겨서 기록해보는 "버전변경방법" 인텔리제이에서 6곳을 변경해주면 된다 (5곳 - 버전변경선택 / 1곳 - 원하는 JDK선택) Project Structure창 (단축키 : SHIFT+CTRL+ALT+S) * Project 1) SDK 변경 2) Language Level 변경 * Module 3) Language Level 변경 * SDKs 4) 원하는 JDK를 선택한다(JDK는 한 폴더에 모아두는것을 추천!) Project Setting (단축키 : CTRL+ALT+S) * Build,Execution,Deployment -> Build Tools -> Gradle 5) Gradle JVM 변경 * Build,Execution,Deploym..
Stack/Java 2022. 2. 16. 16:13
JAVA 배열(Array)와 리스트(List)의 차이

배열(Array) 리스트(List) 정의 - 그룹관리 - 하나의 변수에 여러 정보를 담기위함 (반복문과 결합) - 빈틈없는 데이터의 적재 =시퀀스 : 순서가 있는 데이터의 모임 순서여부 O (메모리에 연속되어저장) X (메모리에 분산되어저장) 데이터 삽입/삭제 랜덤접근은 쉽지만 삽입삭제어려움 랜덤접근불가(데이터 삽입삭제쉽다) 인덱스여부 O X (인덱스없이 순차적 저장) 길이 초기에 미리 길이설정함 유동성있음(삽입삭제쉬우므로) 그렇다면 Arraylist의 특징은👀? Arraylist : List 인터페이스를 상속받은 클래스 중 하나로 배열과 리스트의 특징을 일부 갖고있다 Arraylist 특징 origin - 인덱스사용 : 0부터 시작 - 메모리에 연속되어 저장 배열(Array)의 특징 - 크기가 가변적(..
Stack/Java 2022. 2. 15. 09:50
Prev 1 2 3 4 ··· 9 Next